button,
input[type=button] {
  font-family: 'Segoe UI Semibold', 'wf_segoe-ui_semibold', helvetica, arial, sans-serif;
  background-image: none;
  box-shadow: none;
  background-color: var(--button-default-base-fill-color, #EAEAEA);
  padding: 6px 18px 6px 18px;
  border: 2px solid var(--button-default-base-fill-color, #EAEAEA);
  border-radius: 0;
  text-shadow: none;
  font-size: 14px;
  width: auto;
  line-height: 16px;
  white-space: nowrap;
  color: var(--button-default-content-color, #000000);
  transition: color 0.2s, background-color 0.2s, border-color 0.2s;
}
button:hover,
input[type=button]:hover,
button:focus,
input[type=button]:focus,
button:active:hover,
input[type=button]:active:hover,
button:focus:hover,
input[type=button]:focus:hover {
  border-color: var(--button-default-hover-content-color, #000000);
  background-color: var(--button-default-hover-fill-color, #F4F4F4);
  color: var(--button-default-hover-content-color, #000000);
}
button:active,
input[type=button]:active {
  background-color: var(--button-default-active-fill-color, #666666);
  border-color: var(--button-default-active-fill-color, #666666);
  color: var(--button-default-active-content-color, #000000);
}
button.primary,
input[type=button].primary {
  background-color: var(--button-primary-base-fill-color, #F2C811);
  border-color: var(--button-primary-base-fill-color, #F2C811);
  color: var(--button-primary-content-color);
}
button.primary:hover,
input[type=button].primary:hover,
button.primary:focus,
input[type=button].primary:focus,
button.primary:active,
input[type=button].primary:active {
  border-color: var(--button-primary-content-color, #000000);
  color: var(--button-primary-content-color, #000000);
}
button.primary:focus,
input[type=button].primary:focus,
button.primary:active,
input[type=button].primary:active {
  border-color: var(--button-primary-content-color, #000000);
  color: var(--button-primary-content-color, #000000);
}
button.primary:focus:hover,
input[type=button].primary:focus:hover,
button.primary:active:hover,
input[type=button].primary:active:hover {
  background-color: var(--button-primary-hover-fill-color, var(--theme-primary-color, #F2C811));
}
button:where(:not(.fui-Button)).disabled,
input[type=button]:where(:not(.fui-Button)).disabled,
button:where(:not(.fui-Button))[disabled],
input[type=button]:where(:not(.fui-Button))[disabled],
button:where(:not(.fui-Button)).disabled.primary,
input[type=button]:where(:not(.fui-Button)).disabled.primary,
button:where(:not(.fui-Button))[disabled].primary,
input[type=button]:where(:not(.fui-Button))[disabled].primary {
  color: var(--button-disabled-content-color, #A6A6A6);
  cursor: default;
}
button:where(:not(.fui-Button)).disabled:not(.fluent-transparent),
input[type=button]:where(:not(.fui-Button)).disabled:not(.fluent-transparent),
button:where(:not(.fui-Button))[disabled]:not(.fluent-transparent),
input[type=button]:where(:not(.fui-Button))[disabled]:not(.fluent-transparent),
button:where(:not(.fui-Button)).disabled.primary:not(.fluent-transparent),
input[type=button]:where(:not(.fui-Button)).disabled.primary:not(.fluent-transparent),
button:where(:not(.fui-Button))[disabled].primary:not(.fluent-transparent),
input[type=button]:where(:not(.fui-Button))[disabled].primary:not(.fluent-transparent) {
  background-color: var(--button-disabled-base-color, #F4F4F4);
  border-color: var(--button-disabled-base-color, #F4F4F4);
}
button:where(:not(.fui-Button)).disabled:hover,
input[type=button]:where(:not(.fui-Button)).disabled:hover,
button:where(:not(.fui-Button))[disabled]:hover,
input[type=button]:where(:not(.fui-Button))[disabled]:hover,
button:where(:not(.fui-Button)).disabled.primary:hover,
input[type=button]:where(:not(.fui-Button)).disabled.primary:hover,
button:where(:not(.fui-Button))[disabled].primary:hover,
input[type=button]:where(:not(.fui-Button))[disabled].primary:hover,
button:where(:not(.fui-Button)).disabled:focus,
input[type=button]:where(:not(.fui-Button)).disabled:focus,
button:where(:not(.fui-Button))[disabled]:focus,
input[type=button]:where(:not(.fui-Button))[disabled]:focus,
button:where(:not(.fui-Button)).disabled.primary:focus,
input[type=button]:where(:not(.fui-Button)).disabled.primary:focus,
button:where(:not(.fui-Button))[disabled].primary:focus,
input[type=button]:where(:not(.fui-Button))[disabled].primary:focus,
button:where(:not(.fui-Button)).disabled:active,
input[type=button]:where(:not(.fui-Button)).disabled:active,
button:where(:not(.fui-Button))[disabled]:active,
input[type=button]:where(:not(.fui-Button))[disabled]:active,
button:where(:not(.fui-Button)).disabled.primary:active,
input[type=button]:where(:not(.fui-Button)).disabled.primary:active,
button:where(:not(.fui-Button))[disabled].primary:active,
input[type=button]:where(:not(.fui-Button))[disabled].primary:active {
  color: var(--button-disabled-content-color, #A6A6A6);
}
button:where(:not(.fui-Button)).disabled:hover:not(.fluent-transparent),
input[type=button]:where(:not(.fui-Button)).disabled:hover:not(.fluent-transparent),
button:where(:not(.fui-Button))[disabled]:hover:not(.fluent-transparent),
input[type=button]:where(:not(.fui-Button))[disabled]:hover:not(.fluent-transparent),
button:where(:not(.fui-Button)).disabled.primary:hover:not(.fluent-transparent),
input[type=button]:where(:not(.fui-Button)).disabled.primary:hover:not(.fluent-transparent),
button:where(:not(.fui-Button))[disabled].primary:hover:not(.fluent-transparent),
input[type=button]:where(:not(.fui-Button))[disabled].primary:hover:not(.fluent-transparent),
button:where(:not(.fui-Button)).disabled:focus:not(.fluent-transparent),
input[type=button]:where(:not(.fui-Button)).disabled:focus:not(.fluent-transparent),
button:where(:not(.fui-Button))[disabled]:focus:not(.fluent-transparent),
input[type=button]:where(:not(.fui-Button))[disabled]:focus:not(.fluent-transparent),
button:where(:not(.fui-Button)).disabled.primary:focus:not(.fluent-transparent),
input[type=button]:where(:not(.fui-Button)).disabled.primary:focus:not(.fluent-transparent),
button:where(:not(.fui-Button))[disabled].primary:focus:not(.fluent-transparent),
input[type=button]:where(:not(.fui-Button))[disabled].primary:focus:not(.fluent-transparent),
button:where(:not(.fui-Button)).disabled:active:not(.fluent-transparent),
input[type=button]:where(:not(.fui-Button)).disabled:active:not(.fluent-transparent),
button:where(:not(.fui-Button))[disabled]:active:not(.fluent-transparent),
input[type=button]:where(:not(.fui-Button))[disabled]:active:not(.fluent-transparent),
button:where(:not(.fui-Button)).disabled.primary:active:not(.fluent-transparent),
input[type=button]:where(:not(.fui-Button)).disabled.primary:active:not(.fluent-transparent),
button:where(:not(.fui-Button))[disabled].primary:active:not(.fluent-transparent),
input[type=button]:where(:not(.fui-Button))[disabled].primary:active:not(.fluent-transparent) {
  background-color: var(--button-disabled-base-color, #F4F4F4);
  border-color: var(--button-disabled-base-color, #F4F4F4);
}
@font-face {
  font-family: 'PowrMDL2';
  src: url("../fonts/PowrMDL2.eot");
  src: url("../fonts/PowrMDL2.eot?#iefix") format('embedded-opentype'), url("../fonts/PowrMDL2.woff") format('woff'), url("../fonts/PowrMDL2.ttf") format('truetype'), url("../fonts/PowrMDL2.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}
.btn,
.ok-btn {
  font-family: 'Segoe UI Semibold', 'wf_segoe-ui_semibold', helvetica, arial, sans-serif;
  background-image: none;
  box-shadow: none;
  background-color: var(--neutral-tertiary-alt-color, #C8C8C8);
  padding: 6px 12px;
  border: 2px solid var(--neutral-tertiary-alt-color, #C8C8C8);
  border-radius: var(--button-border-radius);
  text-shadow: none;
  font-size: 14px;
  width: auto;
  line-height: 16px;
  white-space: nowrap;
  color: var(--theme-secondary-color, #000000);
  transition: color 0.2s, background-color 0.2s, border-color 0.2s;
}
.btn:hover,
.ok-btn:hover,
.btn:focus,
.ok-btn:focus,
.btn:active:hover,
.ok-btn:active:hover,
.btn:focus:hover,
.ok-btn:focus:hover {
  border-color: var(--theme-secondary-color, #000000);
  background-color: var(--neutral-lighter-color, #F4F4F4);
  color: var(--theme-secondary-color, #000000);
  outline: none;
}
html[data-focus-source="key"] .btn:focus,
html[data-focus-source="key"] .ok-btn:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.btn:active,
.ok-btn:active {
  background-color: var(--neutral-secondary-color, #666666);
  border-color: var(--neutral-secondary-color, #666666);
  color: var(--theme-secondary-color, #000000);
}
.btn.primary,
.ok-btn.primary {
  background-color: var(--button-primary-base-fill-color, #F2C811);
  border-color: var(--button-primary-base-fill-color, #F2C811);
  color: var(--button-primary-content-color, #000000);
}
.btn.primary:hover,
.ok-btn.primary:hover,
.btn.primary:focus,
.ok-btn.primary:focus,
.btn.primary:active,
.ok-btn.primary:active {
  border-color: var(--button-primary-content-color, #000000);
  color: var(--button-primary-content-color, #000000);
}
.btn.primary:focus,
.ok-btn.primary:focus,
.btn.primary:active,
.ok-btn.primary:active {
  border-color: var(--button-primary-content-color, #000000);
  color: var(--button-primary-content-color, #000000);
}
.btn.primary:focus:hover,
.ok-btn.primary:focus:hover,
.btn.primary:active:hover,
.ok-btn.primary:active:hover {
  background-color: var(--theme-dark-color, #CDA521);
}
.btn.disabled,
.ok-btn.disabled,
.btn[disabled],
.ok-btn[disabled],
.btn.disabled.primary,
.ok-btn.disabled.primary,
.btn[disabled].primary,
.ok-btn[disabled].primary {
  background-color: var(--neutral-lighter-color, #F4F4F4);
  border-color: var(--neutral-lighter-color, #F4F4F4);
  color: var(--neutral-tertiary-color, #A6A6A6);
  cursor: default;
}
.btn.disabled:hover,
.ok-btn.disabled:hover,
.btn[disabled]:hover,
.ok-btn[disabled]:hover,
.btn.disabled.primary:hover,
.ok-btn.disabled.primary:hover,
.btn[disabled].primary:hover,
.ok-btn[disabled].primary:hover,
.btn.disabled:focus,
.ok-btn.disabled:focus,
.btn[disabled]:focus,
.ok-btn[disabled]:focus,
.btn.disabled.primary:focus,
.ok-btn.disabled.primary:focus,
.btn[disabled].primary:focus,
.ok-btn[disabled].primary:focus,
.btn.disabled:active,
.ok-btn.disabled:active,
.btn[disabled]:active,
.ok-btn[disabled]:active,
.btn.disabled.primary:active,
.ok-btn.disabled.primary:active,
.btn[disabled].primary:active,
.ok-btn[disabled].primary:active {
  background-color: var(--neutral-lighter-color, #F4F4F4);
  border-color: var(--neutral-lighter-color, #F4F4F4);
  color: var(--neutral-tertiary-color, #A6A6A6);
}
.dropdown-menu {
  margin-top: 0;
  border-radius: 0;
  border-color: var(--neutral-secondary-color, #666666);
  box-shadow: none;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:active {
  background-color: var(--neutral-light-color, #EAEAEA);
  background-image: none;
}
.pbi-input {
  display: block;
  position: relative;
  margin-bottom: 12px;
  font-size: 0;
}
.pbi-input label {
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
}
.pbi-input > input[type=radio] {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  outline: none;
  opacity: 0;
  /* hide original ui element, but allow its click behavior (see z-index) */
  margin: 0;
  padding: 0;
  height: 100%;
  /*z-index: @inputLayerAbove;*/
  transition: color 500ms, background-color 500ms, border-color 500ms;
}
.pbi-input > input[type=radio] + label {
  padding-left: 24px;
  pointer-events: none;
  vertical-align: top;
}
.pbi-input > input[type=radio] + label:before {
  position: absolute;
  box-sizing: border-box;
  top: 0px;
  left: 0;
  width: 16px;
  height: 16px;
  border: 2px solid var(--neutral-secondary-color, #666666);
  background-color: var(--white-color, #FFF);
  content: "";
  vertical-align: top;
  /* create rounded 'radio' button */
  border-radius: 50%;
}
.pbi-input > input[type=radio] + label:after {
  vertical-align: top;
}
.pbi-input > input[type=radio]:checked + label:before {
  border-color: var(--neutral-secondary-color, #666666);
  background-color: transparent;
  /* we should abstract this to input commmon ui color some how */
  /* transparent or white */
}
.pbi-input > input[type=radio]:checked + label:after {
  position: absolute;
  box-sizing: border-box;
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  background-color: var(--neutral-secondary-color, #666666);
  border: 0 solid var(--neutral-secondary-color, #666666);
  border-radius: 50%;
  content: "";
}
.pbi-input > input[type=radio]:disabled + label {
  color: var(--neutral-tertiary-color, #A6A6A6);
}
.pbi-input > input[type=radio]:disabled + label:before {
  background-color: transparent;
  border-color: var(--neutral-tertiary-color, #A6A6A6);
}
.pbi-input > input[type=radio]:disabled + label:after {
  background-color: var(--neutral-tertiary-color, #A6A6A6);
}
.pbi-input > input[type=checkbox] {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  outline: none;
  opacity: 0;
  /* hide original ui element, but allow its click behavior (see z-index) */
  margin: 0;
  padding: 0;
  height: 100%;
}
.pbi-input > input[type=checkbox] + label {
  padding-left: 24px;
  pointer-events: none;
  vertical-align: top;
}
.pbi-input > input[type=checkbox] + label:before {
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border: 2px solid var(--neutral-secondary-color, #666666);
  background-color: var(--white-color, #FFF);
  content: "";
  vertical-align: top;
}
.pbi-input > input[type=checkbox] + label:after {
  content: "";
  font-family: 'PowrMDL2';
  font-size: 12px;
  line-height: 1;
  color: black;
  vertical-align: top;
}
.pbi-input > input[type=checkbox]:checked + label:before {
  background-color: var(--theme-primary-color, #F2C811);
  border: 2px solid var(--theme-primary-color, #F2C811);
}
.pbi-input > input[type=checkbox]:checked + label:after {
  position: absolute;
  top: 2px;
  left: 2px;
  content: "\E73E";
}
.pbi-input > input[type=checkbox]:disabled + label {
  color: var(--neutral-tertiary-color, #A6A6A6);
}
.pbi-input > input[type=checkbox]:disabled + label:before {
  background-color: var(--neutral-tertiary-alt-color, #C8C8C8);
  border: 2px solid var(--neutral-tertiary-alt-color, #C8C8C8);
}
.pbi-input > input[type=checkbox]:disabled + label:after {
  color: white;
}
/*
 *  Power BI Colors
 *
 *  Copyright (c) Microsoft Corporation
 *  All rights reserved.
 *  MIT License
 *
 *  Permission is hereby granted, free of charge, to any person obtaining a copy
 *  of this software and associated documentation files (the ""Software""), to deal
 *  in the Software without restriction, including without limitation the rights
 *  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 *  copies of the Software, and to permit persons to whom the Software is
 *  furnished to do so, subject to the following conditions:
 *
 *  The above copyright notice and this permission notice shall be included in
 *  all copies or substantial portions of the Software.
 *
 *  THE SOFTWARE IS PROVIDED *AS IS*, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 *  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 *  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 *  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 *  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 *  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 *  THE SOFTWARE.
 */
/* ADDED THEME COLORS NOT ACCOUNTED FOR ELSEWHERE */
/* THEME COLORS */
/* NEUTRAL COLORS */
/* ACCENT COLORS */
/* SHELL LIGHT THEME COLORS */
/* APPLICATION CHROME COLORS */
/*dark chrome*/
/*
    DEPRECATED COLORS: Please refrain from adding one time use colors to the section below.
    These will be all be removed. New colors must be provided by design and be in the design OneNote palette
*/
/* PowerView specific colors */
/* Visual colors */
/* Fluent Theme colors */
body {
  -webkit-font-smoothing: antialiased;
}
@font-face {
  font-family: 'wf_segoe-ui_light';
  src: url("../fonts/SegoeUI-Light-final.eot");
  src: local('Segoe UI Light'), local('Segoe WP Light'), url("../fonts/SegoeUI-Light-final.eot?#iefix") format('embedded-opentype'), url("../fonts/SegoeUI-Light-final.woff") format('woff'), url("../fonts/SegoeUI-Light-final.ttf") format('truetype'), url("../fonts/SegoeUI-Light-final.svg#web") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'wf_segoe-ui_semilight';
  src: url("../fonts/SegoeUI-SemiLight-final.eot");
  src: local('Segoe UI Semilight'), local('Segoe WP Light'), url("../fonts/SegoeUI-SemiLight-final.eot?#iefix") format('embedded-opentype'), url("../fonts/SegoeUI-SemiLight-final.woff") format('woff'), url("../fonts/SegoeUI-SemiLight-final.ttf") format('truetype'), url("../fonts/SegoeUI-SemiLight-final.svg#web") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'wf_segoe-ui_normal';
  src: url("../fonts/SegoeUI-Regular-final.eot");
  src: local('Segoe UI'), local('Segoe'), local('Segoe WP'), url("../fonts/SegoeUI-Regular-final.eot?#iefix") format('embedded-opentype'), url("../fonts/SegoeUI-Regular-final.woff") format('woff'), url("../fonts/SegoeUI-Regular-final.ttf") format('truetype'), url("../fonts/SegoeUI-Regular-final.svg#web") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'wf_segoe-ui_normal';
  src: url("../fonts/SegoeUI-Regular-final.eot");
  src: local('Segoe UI bold'), local('Segoe bold'), local('Segoe WP bold'), url("../fonts/SegoeUI-Bold-final.eot?#iefix") format('embedded-opentype'), url("../fonts/SegoeUI-Bold-final.woff") format('woff'), url("../fonts/SegoeUI-Bold-final.ttf") format('truetype'), url("../fonts/SegoeUI-Bold-final.svg#web") format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'wf_segoe-ui_semibold';
  src: url("../fonts/SegoeUI-SemiBold-final.eot");
  src: local('Segoe UI Semibold'), local('Segoe Semibold'), local('Segoe WP Semibold'), url("../fonts/SegoeUI-SemiBold-final.eot?#iefix") format('embedded-opentype'), url("../fonts/SegoeUI-SemiBold-final.woff") format('woff'), url("../fonts/SegoeUI-SemiBold-final.ttf") format('truetype'), url("../fonts/SegoeUI-SemiBold-final.svg#web") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'wf_segoe-ui_bold';
  src: url("../fonts/SegoeUI-Bold-final.eot");
  src: local('Segoe UI bold'), local('Segoe bold'), local('Segoe WP bold'), url("../fonts/SegoeUI-Bold-final.eot?#iefix") format('embedded-opentype'), url("../fonts/SegoeUI-Bold-final.woff") format('woff'), url("../fonts/SegoeUI-Bold-final.ttf") format('truetype'), url("../fonts/SegoeUI-Bold-final.svg#web") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'wf_standard-font';
  src: url("../fonts/StandardFont.eot");
  src: url("../fonts/StandardFont.eot?#iefix") format('embedded-opentype'), url("../fonts/StandardFont.woff") format('woff'), url("../fonts/StandardFont.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'wf_standard-font_bold';
  src: url("../fonts/StandardFontBold.eot");
  src: url("../fonts/StandardFontBold.eot?#iefix") format('embedded-opentype'), url("../fonts/StandardFontBold.woff") format('woff'), url("../fonts/StandardFontBold.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'wf_standard-font_light';
  src: url("../fonts/StandardFontLight.eot");
  src: url("../fonts/StandardFontLight.eot?#iefix") format('embedded-opentype'), url("../fonts/StandardFontLight.woff") format('woff'), url("../fonts/StandardFontLight.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Calibri';
  src: local('Calibri'), local('Calibri Regular'), url('https://fs.microsoft.com/fs/4.18/rawguids/40424077043') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Calibri';
  src: local('Calibri Bold'), url('https://fs.microsoft.com/fs/4.18/rawguids/38134751148') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Calibri';
  src: local('Calibri Italic'), url('https://fs.microsoft.com/fs/4.18/rawguids/43694460458') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Calibri';
  src: local('Calibri Bold Italic'), url('https://fs.microsoft.com/fs/4.18/rawguids/38249679578') format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Cambria';
  src: local('Cambria'), local('Cambria Regular'), url('https://fs.microsoft.com/fs/4.18/rawguids/38986015697') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Cambria';
  src: local('Cambria Bold'), url('https://fs.microsoft.com/fs/4.18/rawguids/38770737849') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Cambria';
  src: local('Cambria Italic'), url('https://fs.microsoft.com/fs/4.18/rawguids/29027199858') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Cambria';
  src: local('Cambria Bold Italic'), url('https://fs.microsoft.com/fs/4.18/rawguids/33301484845') format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Cambria Math';
  src: local('Cambria Math'), local('Cambria Math Regular'), url('https://fs.microsoft.com/fs/4.18/rawguids/40193268453') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Candara';
  src: local('Candara'), local('Candara Regular'), url('https://fs.microsoft.com/fs/4.18/rawguids/38835860617') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Candara';
  src: local('Candara Bold'), url('https://fs.microsoft.com/fs/4.18/rawguids/39463945589') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Candara';
  src: local('Candara Italic'), url('https://fs.microsoft.com/fs/4.18/rawguids/30179827037') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Candara';
  src: local('Candara Bold Italic'), url('https://fs.microsoft.com/fs/4.18/rawguids/36371798918') format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Consolas';
  src: local('Consolas'), local('Consolas Regular'), url('https://fs.microsoft.com/fs/4.18/rawguids/33167468773') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Consolas';
  src: local('Consolas Bold'), url('https://fs.microsoft.com/fs/4.18/rawguids/29905000376') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Consolas';
  src: local('Consolas Italic'), url('https://fs.microsoft.com/fs/4.18/rawguids/40367000206') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Consolas';
  src: local('Consolas Bold Italic'), url('https://fs.microsoft.com/fs/4.18/rawguids/31331056595') format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Constantia';
  src: local('Constantia'), local('Constantia Regular'), url('https://fs.microsoft.com/fs/4.18/rawguids/31448377222') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Constantia';
  src: local('Constantia Bold'), url('https://fs.microsoft.com/fs/4.18/rawguids/38492810258') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Constantia';
  src: local('Constantia Italic'), url('https://fs.microsoft.com/fs/4.18/rawguids/39168665702') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Constantia';
  src: local('Constantia Bold Italic'), url('https://fs.microsoft.com/fs/4.18/rawguids/41878151071') format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Corbel';
  src: local('Corbel'), local('Corbel Regular'), url('https://fs.microsoft.com/fs/4.18/rawguids/35115404204') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Corbel';
  src: local('Corbel Bold'), url('https://fs.microsoft.com/fs/4.18/rawguids/41928964640') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Corbel';
  src: local('Corbel Italic'), url('https://fs.microsoft.com/fs/4.18/rawguids/37832507313') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Corbel';
  src: local('Corbel Bold Italic'), url('https://fs.microsoft.com/fs/4.18/rawguids/40714016858') format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Lucida Sans Unicode';
  src: local('Lucida Sans Unicode'), local('Lucida Sans Unicode Regular'), url('https://fs.microsoft.com/fs/4.18/rawguids/35821919345') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.smallFontSize {
  font-size: 12px;
}
.mediumFontSize {
  font-size: 14px;
}
.largeFontSize {
  font-size: 16px;
}
.typeRamp.formLabel {
  font-size: 14px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  text-transform: none;
}
.typeRamp.buttonLabel {
  font-size: 16px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  text-transform: none;
}
.typeRamp.paragraphText {
  font-size: 16px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  text-transform: none;
}
.typeRamp.authoringPaneText {
  font-size: 12px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  text-transform: none;
}
.styleLibrary.compact .typeRamp.formLabel {
  font-size: 12px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  text-transform: none;
}
.styleLibrary.compact .typeRamp.buttonLabel {
  font-size: 12px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  text-transform: none;
}
.styleLibrary.compact .typeRamp.paragraphText {
  font-size: 12px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  text-transform: none;
}
.styleLibrary.compact .typeRamp.authoringPaneText {
  font-size: 12px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  text-transform: none;
}
@font-face {
  font-family: 'PowrMDL2';
  src: url("../fonts/PowrMDL2.eot");
  src: url("../fonts/PowrMDL2.eot?#iefix") format('embedded-opentype'), url("../fonts/PowrMDL2.woff") format('woff'), url("../fonts/PowrMDL2.ttf") format('truetype'), url("../fonts/PowrMDL2.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PowrMDL3';
  src: url("../fonts/PowrMDL3.eot");
  src: url("../fonts/PowrMDL3.eot?#iefix") format('embedded-opentype'), url("../fonts/PowrMDL3.woff") format('woff'), url("../fonts/PowrMDL3.ttf") format('truetype'), url("../fonts/PowrMDL3.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}
.glyphicon {
  font-family: 'PowrMDL2';
  font-style: normal;
  font-size: 32px;
  display: inline-block;
}
[data-icon="fluent"] .glyphicon {
  font-family: 'PowrMDL3';
}
.glyph-micro {
  font-size: 8px;
}
.glyph-mini {
  font-size: 12px;
}
.glyph-small {
  font-size: 16px;
}
.glyph-normal {
  font-size: 24px;
}
.glyph-medium {
  font-size: 32px;
}
.glyph-med {
  font-size: 32px;
}
/* deprecated - use medium */
.glyph-large {
  font-size: 48px;
}
.pbi-glyph-file::before {
  content: "\E7C3";
}
.pbi-glyph-info::before {
  content: "\E946";
}
.pbi-glyph-doublechevronleft::before {
  content: "\EDBE";
}
.pbi-glyph-doublechevronright::before {
  content: "\EDBF";
}
.pbi-glyph-chevrondownsmall::before {
  content: "\E70D";
}
.pbi-glyph-chevronupsmall::before {
  content: "\E70E";
}
.pbi-glyph-chevrondownmedium::before {
  content: "\E972";
}
.pbi-glyph-chevronupmedium::before {
  content: "\E971";
}
.pbi-glyph-caretdownright::before {
  content: "\E818";
}
.pbi-glyph-search::before {
  content: "\E721";
}
.pbi-glyph-touch::before {
  content: "\E815";
}
.pbi-glyph-hide::before {
  content: "\ED1A";
}
.pbi-glyph-allapps::before {
  content: "\E71D";
}
.pbi-glyph-view::before {
  content: "\E890";
}
.pbi-glyph-hide3::before {
  content: "\F6AC";
}
.pbi-glyph-barchartverticalfill::before {
  content: "\F830";
}
.pbi-glyph-stackedcolumnchart2fill::before {
  content: "\F831";
}
.pbi-glyph-unlock::before {
  content: "\E785";
}
.pbi-glyph-radiobtnoff::before {
  content: "\ECCA";
}
.pbi-glyph-radiobtnon::before {
  content: "\ECCB";
}
.pbi-glyph-bulletedlist::before {
  content: "\E8FD";
}
.pbi-glyph-numberedlist::before {
  content: "\EA1C";
}
.pbi-glyph-share::before {
  content: "\E72D";
}
.pbi-glyph-addfriend::before {
  content: "\E8FA";
}
.pbi-glyph-camera::before {
  content: "\E722";
}
.pbi-glyph-filtersync::before {
  content: "\E895";
}
.pbi-glyph-save::before {
  content: "\E74E";
}
.pbi-glyph-saveas::before {
  content: "\E792";
}
.pbi-glyph-smartguides::before {
  content: "\F7E4";
}
.pbi-glyph-edit::before {
  content: "\E70F";
}
.pbi-glyph-emi::before {
  content: "\E731";
}
.pbi-glyph-checkmark::before {
  content: "\E73E";
}
.pbi-glyph-link::before {
  content: "\E71B";
}
.pbi-glyph-group::before {
  content: "\E902";
}
.pbi-glyph-paste::before {
  content: "\E77F";
}
.pbi-glyph-emoji::before {
  content: "\E76E";
}
.pbi-glyph-upload::before {
  content: "\E898";
}
.pbi-glyph-add::before {
  content: "\E710";
}
.pbi-glyph-globalnavbutton::before {
  content: "\E700";
}
.pbi-glyph-pageleft::before {
  content: "\E760";
}
.pbi-glyph-tvmonitor::before {
  content: "\E7F4";
}
.pbi-glyph-chromerestore::before {
  content: "\E923";
}
.pbi-glyph-cubeshape::before {
  content: "\F1AA";
}
.pbi-glyph-more::before {
  content: "\E712";
}
.pbi-glyph-slideshow::before {
  content: "\E786";
}
.pbi-glyph-calendar::before {
  content: "\E787";
}
.pbi-glyph-favoritestar::before {
  content: "\E734";
}
.pbi-glyph-undo::before {
  content: "\E7A7";
}
.pbi-glyph-unfavorite::before {
  content: "\E8D9";
}
.pbi-glyph-help::before {
  content: "\E9CE";
}
.pbi-glyph-back::before {
  content: "\E72B";
}
.pbi-glyph-font::before {
  content: "\E8D2";
}
.pbi-glyph-gripperbarhorizontal::before {
  content: "\E76F";
}
.pbi-glyph-barchart::before {
  content: "\EAE7";
}
.pbi-glyph-gauge::before {
  content: "\EB24";
}
.pbi-glyph-warning::before {
  content: "\E7BA";
}
.pbi-glyph-error::before {
  content: "\EA39";
}
.pbi-glyph-error-circle-exclamation::before {
  content: "\E783";
}
.pbi-glyph-success::before {
  content: "\E73E";
}
.pbi-glyph-settings::before {
  content: "\E713";
}
.pbi-glyph-info-nocircle::before {
  content: "\EA1f";
}
.pbi-glyph-go::before {
  content: "\E8AD";
}
.pbi-glyph-blockedsite::before {
  content: "\E72F";
}
.pbi-glyph-close::before {
  content: "\E8BB";
}
.pbi-glyph-qna::before {
  content: "\E8BD";
}
.pbi-glyph-circlefill::before {
  content: "\EA3B";
}
.pbi-glyph-circlering::before {
  content: "\EA3A";
}
.pbi-glyph-pinned::before {
  content: "\E840";
}
.pbi-glyph-pinnedfill::before {
  content: "\E842";
}
.pbi-glyph-unpin::before {
  content: "\E77A";
}
.pbi-glyph-excel::before {
  content: "\EC28";
}
.pbi-glyph-flag::before {
  content: "\E7C1";
}
.pbi-glyph-library::before {
  content: "\E8F1";
}
.pbi-glyph-mail::before {
  content: "\E715";
}
.pbi-glyph-lock::before {
  content: "\E72E";
}
.pbi-glyph-asterisk::before {
  content: "\EA38";
}
.pbi-glyph-comment::before {
  content: "\E90A";
}
.pbi-glyph-checkbox::before {
  content: "\E739";
}
.pbi-glyph-inserttextbox::before {
  content: "\EC7D";
}
.pbi-glyph-toggle::before {
  content: "\EC12";
}
.pbi-glyph-delete::before {
  content: "\E74D";
}
.pbi-glyph-refresh::before {
  content: "\E72C";
}
.pbi-glyph-miniexpand::before {
  content: "\E93A";
}
.pbi-glyph-waffle::before {
  content: "\F4E0";
}
.pbi-glyph-filter::before {
  content: "\E71C";
}
.pbi-glyph-filterfilled::before {
  content: "\F412";
}
.pbi-glyph-visualsinteraction::before {
  content: "\E2B2";
}
.pbi-glyph-visualinteraction::before {
  content: "\E9D4";
}
.pbi-glyph-crosshighlight::before {
  content: "\F666";
}
.pbi-glyph-crosshighlightfilled::before {
  content: "\F831";
}
.pbi-glyph-crossfilter::before {
  content: "\F77E";
}
.pbi-glyph-crossfilterfilled::before {
  content: "\F77F";
}
.pbi-glyph-disable::before {
  content: "\E733";
}
.pbi-glyph-disablefilled::before {
  content: "\F531";
}
.pbi-glyph-export::before {
  content: "\EFB8";
}
.pbi-glyph-iframe::before {
  content: "\ED09";
}
.pbi-glyph-addcircle::before {
  content: "\EAEE";
}
.pbi-glyph-fullscreen::before {
  content: "\E740";
}
.pbi-glyph-fullscreenexit::before {
  content: "\E73F";
}
.pbi-glyph-fittopage::before {
  content: "\E740";
}
.pbi-glyph-code::before {
  content: "\ECCE";
}
.pbi-glyph-alignment::before {
  content: "\F4F3";
}
.pbi-glyph-shapes::before {
  content: "\EC7C";
}
.pbi-glyph-buttons::before {
  content: "\F6C0";
}
.pbi-glyph-attachment::before {
  content: "\E723";
}
.pbi-glyph-securityalert::before {
  content: "\E730";
}
.pbi-glyph-arrow::before {
  content: "\E74A";
}
.pbi-glyph-image::before {
  content: "\EB9F";
}
.pbi-glyph-barchartvertical::before {
  content: "\E9EC";
}
.pbi-glyph-powerbi::before {
  content: "\EA1E";
}
.pbi-glyph-gear::before {
  content: "\E713";
}
.pbi-glyph-download::before {
  content: "\E896";
}
.pbi-glyph-smiley::before {
  content: "\E76E";
}
.pbi-glyph-question::before {
  content: "\E897";
}
.pbi-glyph-tile::before {
  content: "\ECA5";
}
.pbi-glyph-circle-play::before {
  content: "\EB1C";
}
.pbi-glyph-circle-pause::before {
  content: "\F2D9";
}
.pbi-glyph-play::before {
  content: "\E768";
}
.pbi-glyph-pause::before {
  content: "\E769";
}
.pbi-glyph-circle-stop::before {
  content: "\EA6F";
}
.pbi-glyph-stop::before {
  content: "\E71A";
}
.pbi-glyph-importvisual::before {
  content: "\E8B5";
}
.pbi-glyph-feedback::before {
  content: "\ED15";
}
.pbi-glyph-sharepoint::before {
  content: "\ED18";
}
.pbi-glyph-print::before {
  content: "\E749";
}
.pbi-glyph-dataset::before {
  content: "\E8A9";
}
.pbi-glyph-publishtoweb::before {
  content: "\F52F";
}
.pbi-glyph-codeedit::before {
  content: "\F544";
}
.pbi-glyph-database::before {
  content: "\EC8C";
}
.pbi-glyph-SQLAnalyticsPool::before {
  content: "\E434";
}
.pbi-glyph-linkeddatabase::before {
  content: "\F779";
}
.pbi-glyph-drilltodetail::before {
  content: "\E802";
}
.pbi-glyph-seedata::before {
  content: "\F5B6";
}
.pbi-glyph-move::before {
  content: "\E7C2";
}
.pbi-glyph-home::before {
  content: "\E80F";
}
.pbi-glyph-sort::before {
  content: "\E810";
}
.pbi-glyph-rotatehorizontal::before {
  content: "\E8B4";
}
.pbi-glyph-rotatevertical::before {
  content: "\F7E1";
}
.pbi-glyph-download2::before {
  content: "\E896";
}
.pbi-glyph-reload::before {
  content: "\E97A";
}
.pbi-glyph-insight::before {
  content: "\EA80";
}
.pbi-glyph-nonetwork::before {
  content: "\EB63";
}
.pbi-glyph-dynamic::before {
  content: "\F18C";
}
.pbi-glyph-fittopage2::before {
  content: "\E9A6";
}
.pbi-glyph-fittowidth::before {
  content: "\E9A7";
}
.pbi-glyph-actualsize::before {
  content: "\F529";
}
.pbi-glyph-showgrid::before {
  content: "\E8A9";
}
.pbi-glyph-snaptogrid::before {
  content: "\E8B3";
}
.pbi-glyph-favoritefilled::before {
  content: "\E735";
}
.pbi-glyph-expand::before {
  content: "\F535";
}
.pbi-glyph-expand-nocircle::before {
  content: "\F769";
}
.pbi-glyph-drillup::before {
  content: "\EBCD";
}
.pbi-glyph-drillup-nocircle::before {
  content: "\E74A";
}
.pbi-glyph-drilldowndisabled::before {
  content: "\F532";
}
.pbi-glyph-drilldowndisabled-nocircle::before {
  content: "\E74B";
}
.pbi-glyph-drilldownenabled::before {
  content: "\F533";
}
.pbi-glyph-drillthrough::before {
  content: "\F5B9";
}
.pbi-glyph-show::before {
  content: "\E7B3";
}
.pbi-glyph-bell::before {
  content: "\EA8F";
}
.pbi-glyph-atoz::before {
  content: "\EDC0";
}
.pbi-glyph-ztoa::before {
  content: "\EDC1";
}
.pbi-glyph-contentviewicon::before {
  content: "\E7E9";
}
.pbi-glyph-phone::before {
  content: "\E8EA";
}
.pbi-glyph-user::before {
  content: "\E77B";
}
.pbi-glyph-app-user::before {
  content: "\E96B";
}
.pbi-glyph-streaming-data::before {
  content: "\E93E";
}
.pbi-glyph-refresh-data::before {
  content: "\E8F7";
}
.pbi-glyph-circled-checkmark::before {
  content: "\E930";
}
.pbi-glyph-barcode-scanner::before {
  content: "\EE6F";
}
.pbi-glyph-collections::before {
  content: "\F26F";
}
.pbi-glyph-eraser::before {
  content: "\E75C";
}
.pbi-glyph-arrowleft::before {
  content: "\E76B";
}
.pbi-glyph-arrowright::before {
  content: "\E76C";
}
.pbi-glyph-paintbrush::before {
  content: "\ECFF";
}
.pbi-glyph-notification-center::before {
  content: "\E91C";
}
.pbi-glyph-timer::before {
  content: "\E91E";
}
.pbi-glyph-realtime::before {
  content: "\E945";
}
.pbi-glyph-powerpoint::before {
  content: "\EC2A";
}
.pbi-glyph-shared::before {
  content: "\E716";
}
.pbi-glyph-powerbi-service::before {
  content: "\EA1E";
}
.pbi-glyph-create-report::before {
  content: "\F52C";
}
.pbi-glyph-create-dashboard::before {
  content: "\F52D";
}
.pbi-glyph-geolocation::before {
  content: "\E707";
}
.pbi-glyph-fileSQL::before {
  content: "\F2E7";
}
.pbi-glyph-filtered-barcode-scanner::before {
  content: "\F7E3";
}
.pbi-glyph-filtered-geolocation::before {
  content: "\F52E";
}
.pbi-glyph-inline-drill::before {
  content: "\F534";
}
.pbi-glyph-inline-drill-nocircle::before {
  content: "\F76A";
}
.pbi-glyph-mru:before {
  content: "\E823";
}
.pbi-glyph-annotation::before {
  content: "\EDC6";
}
.pbi-glyph-phone-optimized-report::before {
  content: "\F18A";
}
.pbi-glyph-bookmark-add::before {
  content: "\F5B7";
}
.pbi-glyph-bookmark-view::before {
  content: "\F5B8";
}
.pbi-glyph-my-apps::before {
  content: "\ECAA";
}
.pbi-glyph-puzzle::before {
  content: "\EA86";
}
.pbi-glyph-person::before {
  content: "\E820";
}
.pbi-glyph-diamond::before {
  content: "\ED02";
}
.pbi-glyph-diamonduser::before {
  content: "\E4F9";
}
.pbi-glyph-status-circle-exclamation::before {
  content: "\F13c";
}
.pbi-glyph-status-circle-error-x::before {
  content: "\F13d";
}
.pbi-glyph-status-circle-checkmark::before {
  content: "\F13e";
}
.pbi-glyph-chart::before {
  content: "\E999";
}
.pbi-glyph-relationship::before {
  content: "\F003";
}
.pbi-glyph-remove::before {
  content: "\E738";
}
.pbi-glyph-permissions::before {
  content: "\E8D7";
}
.pbi-glyph-bookmark::before {
  content: "\EDFF";
}
.pbi-glyph-bookmark-double::before {
  content: "\EB8F";
}
.pbi-glyph-bookmark-default::before {
  content: "\F76B";
}
.pbi-glyph-exit::before {
  content: "\E711";
}
.pbi-glyph-flashlight::before {
  content: "\E754";
}
.pbi-glyph-videolightoff::before {
  content: "\EA74";
}
.pbi-glyph-flickup::before {
  content: "\E936";
}
.pbi-glyph-rdl-report::before {
  content: "\E9F9";
}
.pbi-glyph-scatter::before {
  content: "\EC26";
}
.pbi-glyph-canvas-tooltip::before {
  content: "\F7DF";
}
.pbi-glyph-table-group::before {
  content: "\F6D9";
}
.pbi-glyph-view-on-web::before {
  content: "\E774";
}
.pbi-glyph-explore-content-single::before {
  content: "\F164";
}
.pbi-glyph-collapse-content-single::before {
  content: "\F166";
}
.pbi-glyph-dataflow::before {
  content: "\F7dd";
}
.pbi-glyph-datamart::before {
  content: "\E434";
}
.pbi-glyph-more-vertical::before {
  content: "\F2BC";
}
.pbi-glyph-copy::before {
  content: "\E8C8";
}
.pbi-glyph-clear-filter::before {
  content: "\EF8F";
}
.pbi-glyph-clear::before {
  content: "\E894";
}
.pbi-glyph-remove-from-trash::before {
  content: "\F82B";
}
.pbi-glyph-crm-services::before {
  content: "\EFD2";
}
.pbi-glyph-org::before {
  content: "\ECA6";
}
.pbi-glyph-test-package::before {
  content: "\ECDC";
}
.pbi-glyph-gift-box-open::before {
  content: "\F133";
}
.pbi-glyph-pdf::before {
  content: "\EA90";
}
.pbi-glyph-variable::before {
  content: "\F305";
}
.pbi-glyph-commentactive::before {
  content: "\F804";
}
.pbi-glyph-commentprevious::before {
  content: "\F2B5";
}
.pbi-glyph-commentnext::before {
  content: "\F2B4";
}
.pbi-glyph-saveall::before {
  content: "\F203";
}
.pbi-glyph-server::before {
  content: "\F201";
}
.pbi-glyph-triggerauto::before {
  content: "\F24A";
}
.pbi-glyph-color::before {
  content: "\E790";
}
.pbi-glyph-analyze::before {
  content: "\EBEC";
}
.pbi-glyph-rename::before {
  content: "\E8AC";
}
.pbi-glyph-microphone::before {
  content: "\E720";
}
.pbi-glyph-sortup::before {
  content: "\EE68";
}
.pbi-glyph-sortdown::before {
  content: "\EE69";
}
.pbi-glyph-qrcode::before {
  content: "\ED14";
}
.pbi-glyph-testbeaker::before {
  content: "\F3A5";
}
.pbi-glyph-stopwatch::before {
  content: "\E916";
}
.pbi-glyph-diagnostic::before {
  content: "\E9D9";
}
.pbi-glyph-databaseicon::before {
  content: "\EFC7";
}
.pbi-glyph-databaseactivity::before {
  content: "\E670";
}
.pbi-glyph-databaseswap::before {
  content: "\E671";
}
.pbi-glyph-appicondefaultadd::before {
  content: "\EFDA";
}
.pbi-glyph-waitlistconfirm::before {
  content: "\F550";
}
.pbi-glyph-list::before {
  content: "\EA37";
}
.pbi-glyph-leave::before {
  content: "\F627";
}
.pbi-glyph-engineeringgroup::before {
  content: "\F362";
}
.pbi-glyph-documentation::before {
  content: "\EC17";
}
.pbi-glyph-flow::before {
  content: "\EF90";
}
.pbi-glyph-developer-tools::before {
  content: "\EC7A";
}
.pbi-glyph-account-activity::before {
  content: "\EFF4";
}
.pbi-glyph-production-floor-management::before {
  content: "\EE29";
}
.pbi-glyph-rocket::before {
  content: "\F3B3";
}
.pbi-glyph-autoenhanceon::before {
  content: "\E78D";
}
.pbi-glyph-diffsidebyside::before {
  content: "\F30A";
}
.pbi-glyph-dependencyadd::before {
  content: "\E344";
}
.pbi-glyph-status-error-full::before {
  content: "\EB90";
}
.pbi-glyph-completed-solid::before {
  content: "\EC61";
}
.pbi-glyph-dislike::before {
  content: "\E8E0";
}
.pbi-glyph-like::before {
  content: "\E8E1";
}
.pbi-glyph-increaseIndentArrow::before {
  content: "\F7A1";
}
.pbi-glyph-playResume::before {
  content: "\F2C6";
}
.pbi-glyph-user-warning::before {
  content: "\E368";
}
.pbi-glyph-glimmer::before {
  content: "\ECF4";
}
.pbi-glyph-blocked2::before {
  content: "\ECE4";
}
.pbi-glyph-pagelist::before {
  content: "\F106";
}
.pbi-glyph-pagelistfilter::before {
  content: "\F813";
}
.pbi-glyph-alertsettings::before {
  content: "\F8B6";
}
.pbi-glyph-dataflows-link::before {
  content: "\E366";
}
.pbi-glyph-promoteddatabase::before {
  content: "\F77D";
}
.pbi-glyph-certifieddatabase::before {
  content: "\F5BB";
}
.pbi-glyph-promotedendorsement::before {
  content: "\E4AE";
}
.pbi-glyph-certifiedendorsement::before {
  content: "\E9D1";
}
.pbi-glyph-datetime::before {
  content: "\EA17";
}
.pbi-glyph-unstackselected::before {
  content: "\E7FE";
}
.pbi-glyph-switch::before {
  content: "\E8AB";
}
.pbi-glyph-markasprotected::before {
  content: "\F6AE";
}
.pbi-glyph-barchartverticaledit::before {
  content: "\F89D";
}
.pbi-glyph-shared-dataset::before {
  content: "\E3D9";
}
.pbi-glyph-scroll-updown::before {
  content: "\EC8F";
}
.pbi-glyph-doublechevronup::before {
  content: "\EDBD";
}
.pbi-glyph-doublechevrondown::before {
  content: "\EE04";
}
.pbi-glyph-arrowupright::before {
  content: "\F069";
}
.pbi-glyph-contactlock::before {
  content: "\F400";
}
.pbi-glyph-securitygroup::before {
  content: "\ED85";
}
.pbi-glyph-openfile::before {
  content: "\E8E5";
}
.pbi-glyph-visualsstore::before {
  content: "\F521";
}
.pbi-glyph-pencilreply::before {
  content: "\EF7B";
}
.pbi-glyph-deploy::before {
  content: "\F29D";
}
.pbi-glyph-publishcontent::before {
  content: "\F0D4";
}
.pbi-glyph-comment-solid::before {
  content: "\E30E";
}
.pbi-glyph-single-bookmark-solid::before {
  content: "\EE00";
}
.pbi-glyph-shop::before {
  content: "\E719";
}
.pbi-glyph-total::before {
  content: "\E9DF";
}
.pbi-glyph-calculator::before {
  content: "\E8EF";
}
.pbi-glyph-teamslogo::before {
  content: "\F27B";
}
.pbi-glyph-calculatornotequalto::before {
  content: "\F2D2";
}
.pbi-glyph-navigate-external-inline::before {
  content: "\F35F";
}
.pbi-glyph-learning-tools::before {
  content: "\F7DB";
}
.pbi-glyph-calculatorgroup::before {
  content: "\E462";
}
.pbi-glyph-table::before {
  content: "\ED86";
}
.pbi-glyph-tablelink::before {
  content: "\F77A";
}
.pbi-glyph-tablecomputed::before {
  content: "\F8F5";
}
.pbi-glyph-checkbox-indeterminate::before {
  content: "\F16E";
}
.pbi-glyph-clock::before {
  content: "\E917";
}
.pbi-glyph-reading-mode::before {
  content: "\E736";
}
.pbi-glyph-view-in-ar::before {
  content: "\E41F";
}
.pbi-glyph-equalizer::before {
  content: "\E9E9";
}
.pbi-glyph-cloudimportexport::before {
  content: "\EE55";
}
.pbi-glyph-mixerlogo::before {
  content: "\F18B";
}
.pbi-glyph-reset::before {
  content: "\E423";
}
.pbi-glyph-mail-link::before {
  content: "\EFAC";
}
.pbi-glyph-screen::before {
  content: "\EF39";
}
.pbi-glyph-chat::before {
  content: "\E901";
}
.pbi-glyph-cost-contral::before {
  content: "\F208";
}
.pbi-glyph-financial::before {
  content: "\E7BB";
}
.pbi-glyph-rightwards-arrow::before {
  content: "\2192";
}
.pbi-glyph-virtualnetwork::before {
  content: "\F815";
}
.pbi-glyph-pbidirectquery::before {
  content: "\E4E9";
}
.pbi-glyph-pbidual::before {
  content: "\E4EA";
}
.pbi-glyph-pbiimport::before {
  content: "\E4EB";
}
.pbi-glyph-pbiliveconnect::before {
  content: "\E4EC";
}
.pbi-glyph-pbiperspective::before {
  content: "\E658";
}
.pbi-glyph-caretdownsolid8::before {
  content: "\EDDC";
}
.pbi-glyph-calculatordelta::before {
  content: "\E406";
}
.pbi-glyph-tablecolumn::before {
  content: "\E4BD";
}
.pbi-glyph-calculatedtable::before {
  content: "\E4BE";
}
.pbi-glyph-columnsigma::before {
  content: "\E4BF";
}
.pbi-glyph-columnquestion::before {
  content: "\E4C0";
}
.pbi-glyph-columnfunction::before {
  content: "\E4C2";
}
.pbi-glyph-contactcard::before {
  content: "\EEBD";
}
.pbi-glyph-fabricfolder::before {
  content: "\F0A9";
}
.pbi-glyph-folder-horizontal::before {
  content: "\F12B";
}
.pbi-glyph-folderopen::before {
  content: "\F0A8";
}
.pbi-glyph-dom::before {
  content: "\EC8D";
}
.pbi-glyph-streamdiscover::before {
  content: "\F7D9";
}
.pbi-glyph-open-in-new-window::before {
  content: "\E8A7";
}
.pbi-glyph-plug-connected::before {
  content: "\F302";
}
.pbi-glyph-open-folder-horizontal::before {
  content: "\ED25";
}
.pbi-glyph-anomaly::before {
  content: "\E548";
}
.pbi-glyph-dislikesolid::before {
  content: "\F3C0";
}
.pbi-glyph-likesolid::before {
  content: "\F3BF";
}
.pbi-glyph-market::before {
  content: "\EAFC";
}
.pbi-glyph-anomalies-marker::before {
  content: "\E554";
}
.pbi-glyph-chevron-down-small::before {
  content: "\E96E";
}
.pbi-glyph-chevron-up-small::before {
  content: "\E96D";
}
.pbi-glyph-text-field::before {
  content: "\EDC3";
}
.pbi-glyph-number-field::before {
  content: "\EDC4";
}
.pbi-glyph-border-inside::before {
  content: "\E5F3";
}
.pbi-glyph-border-inside-horizontal::before {
  content: "\E5F2";
}
.pbi-glyph-border-inside-vertical::before {
  content: "\E5F1";
}
.pbi-glyph-border-all::before {
  content: "\E5F4";
}
.pbi-glyph-border-none::before {
  content: "\E5F0";
}
.pbi-glyph-people-add::before {
  content: "\EA15";
}
.pbi-glyph-outlook::before {
  content: "\F1E9";
}
.pbi-glyph-work::before {
  content: "\E821";
}
.pbi-glyph-player-settings::before {
  content: "\EF58";
}
.pbi-glyph-add-details::before {
  content: "\E616";
}
.pbi-glyph-add-comments::before {
  content: "\E615";
}
.pbi-glyph-gripper-dots-vertical::before {
  content: "\F772";
}
.pbi-glyph-report-trophy::before {
  content: "\E614";
}
.pbi-glyph-trophy2::before {
  content: "\F1AE";
}
.pbi-glyph-accept::before {
  content: "\E8FB";
}
.pbi-glyph-add-multiple::before {
  content: "\E9C5";
}
.pbi-glyph-lightning-bolt::before {
  content: "\E945";
}
.pbi-glyph-pbi-home-layout-default::before {
  content: "\E65B";
}
.pbi-glyph-pbi-home-layout-expanded::before {
  content: "\E65C";
}
.pbi-glyph-dataset-block::before {
  content: "\E617";
}
.pbi-glyph-signin::before {
  content: "\F286";
}
.pbi-glyph-alignleft::before {
  content: "\E8E4";
}
.pbi-glyph-aligncenter::before {
  content: "\E8E3";
}
.pbi-glyph-alignright::before {
  content: "\E8E2";
}
.pbi-glyph-textaligntop::before {
  content: "\E3E0";
}
.pbi-glyph-textalignmiddle::before {
  content: "\E3E1";
}
.pbi-glyph-textalignbottom::before {
  content: "\E3E2";
}
.pbi-glyph-decreaseindent::before {
  content: "\E39B";
}
.pbi-glyph-increaseindent::before {
  content: "\E399";
}
.pbi-glyph-bold::before {
  content: "\E8DD";
}
.pbi-glyph-italic::before {
  content: "\E8DB";
}
.pbi-glyph-underline::before {
  content: "\E8DC";
}
.pbi-glyph-image-search::before {
  content: "\F4E8";
}
.pbi-glyph-accept-medium::before {
  content: "\F78C";
}
.pbi-glyph-toggle-button-check::before {
  content: "\EF80";
}
.pbi-glyph-horizontal-tab-key::before {
  content: "\E7FD";
}
.pbi-glyph-expand-all::before {
  content: "\F859";
}
.pbi-glyph-collapse-all::before {
  content: "\F85A";
}
.pbi-glyph-sortlines::before {
  content: "\E9D0";
}
.pbi-glyph-streamingdataflow::before {
  content: "\E668";
}
.pbi-glyph-streamingdataset::before {
  content: "\E667";
}
.pbi-glyph-close-pane::before {
  content: "\E89F";
}
.pbi-glyph-close-pane-mirrored::before {
  content: "\EA49";
}
.pbi-glyph-medal::before {
  content: "\EE38";
}
.pbi-glyph-trending::before {
  content: "\F62D";
}
.pbi-glyph-power-automate::before {
  content: "\F4B1";
}
.pbi-glyph-sync-status::before {
  content: "\F751";
}
.pbi-glyph-edit-note::before {
  content: "\ED9D";
}
.pbi-glyph-title::before {
  content: "\F23B";
}
.pbi-glyph-superscript::before {
  content: "\EDDE";
}
.pbi-glyph-subscript::before {
  content: "\EDDF";
}
.pbi-glyph-shield-alert::before {
  content: "\F7D7";
}
.pbi-glyph-variable2::before {
  content: "\F86D";
}
.pbi-glyph-contextmenu::before {
  content: "\F37C";
}
.pbi-glyph-table-permission::before {
  content: "\E619";
}
.pbi-glyph-rowsgroup::before {
  content: "\F29B";
}
.pbi-glyph-medical::before {
  content: "\EAD4";
}
.pbi-glyph-lock-solid::before {
  content: "\E9A2";
}
.pbi-glyph-education::before {
  content: "\E7BE";
}
.pbi-glyph-table-first-column::before {
  content: "\E3EF";
}
.pbi-glyph-table-header-row::before {
  content: "\E3EC";
}
.pbi-glyph-ssl-certificate::before {
  content: "\F4CB";
}
.pbi-glyph-system::before {
  content: "\E770";
}
.pbi-glyph-onedrivelogo::before {
  content: "\E941";
}
.pbi-glyph-calculator-multiply::before {
  content: "\E947";
}
.pbi-glyph-history::before {
  content: "\E81C";
}
.pbi-glyph-page::before {
  content: "\E7C3";
}
.pbi-glyph-checkbox-checked::before {
  content: "\E73D";
}
.pbi-glyph-forward::before {
  content: "\E72A";
}
.pbi-glyph-pin {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.pbi-glyph-pin:before {
  content: "\E718";
}
.pbi-glyph-caretright {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.pbi-glyph-caretright::before {
  content: "\E818";
}
.pbi-glyph-caretdown {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.pbi-glyph-caretdown::before {
  content: "\E818";
}
.pbi-glyph-caretleft {
  transform: rotate(45deg) scale(-1, 1);
  -webkit-transform: rotate(45deg) scale(-1, 1);
}
.pbi-glyph-caretleft::before {
  content: "\E818";
}
.pbi-glyph-chevronrightmedium {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}
.pbi-glyph-chevronrightmedium::before {
  content: "\E972";
}
.pbi-glyph-chevronleftmedium {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.pbi-glyph-chevronleftmedium::before {
  content: "\E972";
}
.pbi-glyph-uparrow {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.pbi-glyph-uparrow::before {
  content: "\E72B";
}
.pbi-glyph-rightarrow {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.pbi-glyph-rightarrow::before {
  content: "\E72B";
}
.pbi-glyph-uprightarrow {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.pbi-glyph-uprightarrow::before {
  content: "\E72B";
}
.pbi-glyph-getdata {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  font-weight: bold;
}
.pbi-glyph-getdata::before {
  content: "\E72B";
}
.pbi-glyph-cancel {
  font-weight: bold;
}
.pbi-glyph-cancel::before {
  content: "\E8BB";
}
.pbi-glyph-backarrow {
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
}
.pbi-glyph-backarrow::before {
  content: "\EBCD";
}
[dir='rtl'] .pbi-glyph-caretdownright {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
[dir='rtl'] .pbi-glyph-caretleft {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
[dir='rtl'] .pbi-glyph-caretright {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
[dir='rtl'] .pbi-glyph-chevronrightmedium {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
[dir='rtl'] .pbi-glyph-chevronleftmedium {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}
[dir='rtl'] .pbi-glyph-getdata {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
[dir='rtl'] .pbi-glyph-go {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}
[dir='rtl'] .pbi-glyph-pageright,
[dir='rtl'] .pbi-glyph-pageleft,
[dir='rtl'] .pbi-glyph-back,
[dir='rtl'] .pbi-glyph-play,
[dir='rtl'] .pbi-glyph-circle-play,
[dir='rtl'] .pbi-glyph-rewind {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}
html[lang|='ar'] .pbi-glyph-question {
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
}

/* CSS reset */
.styleLibrary,
.styleLibrary * {
  border: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
h1,
.label-super {
  font-size: 42px;
  font-weight: bold;
}
h2,
.label-xxl {
  font-size: 28px;
}
h3,
.label-xl {
  font-size: 24px;
}
h4,
.label-lrg {
  font-size: 16px;
}
h5,
.label-med {
  font-size: 14px;
}
h6,
.label-small {
  font-size: 12px;
}
h7,
.label-xsmall {
  font-size: 11px;
}
h8,
.mini-label {
  font-size: 10px;
}
/*
 *  Power BI KPI Glyphs
 *
 *  Copyright (c) Microsoft Corporation
 *  All rights reserved.
 *  MIT License
 *
 *  Permission is hereby granted, free of charge, to any person obtaining a copy
 *  of this software and associated documentation files (the ""Software""), to deal
 *  in the Software without restriction, including without limitation the rights
 *  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 *  copies of the Software, and to permit persons to whom the Software is
 *  furnished to do so, subject to the following conditions:
 *
 *  The above copyright notice and this permission notice shall be included in
 *  all copies or substantial portions of the Software.
 *
 *  THE SOFTWARE IS PROVIDED *AS IS*, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 *  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 *  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 *  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 *  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 *  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 *  THE SOFTWARE.
 */
/* KPI colors*/
/* KPI Visual colors*/
.kpi-green {
  color: #79c75b;
}
.kpi-yellow {
  color: #e8d62e;
}
.kpi-red {
  color: #c0433a;
}
@font-face {
  font-family: 'PowerVisuals';
  src: url("../fonts/PowerVisuals.eot?#iefix") format('embedded-opentype'), url("../fonts/PowerVisuals.woff") format('woff'), url("../fonts/PowerVisuals.ttf") format('truetype'), url("../fonts/PowerVisuals.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}
.powervisuals-glyph {
  font-family: PowerVisuals;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  /** Necessary to allow absolute positioning of just ::after elements (i.e. stacks) */
  position: relative;
}
.powervisuals-glyph.slicer-clear::before {
  content: '\E100';
}
.powervisuals-glyph.left-nav-arrow::before {
  content: '\E101';
}
.powervisuals-glyph.right-nav-arrow::before {
  content: '\E102';
}
.powervisuals-glyph.empty-checkbox::before {
  content: '\E103';
}
.powervisuals-glyph.arrow-up::before {
  content: '\E107';
}
.powervisuals-glyph.arrow-right-up::before {
  content: '\E108';
}
.powervisuals-glyph.arrow-right::before {
  content: '\E109';
}
.powervisuals-glyph.arrow-right-down::before {
  content: '\E110';
}
.powervisuals-glyph.arrow-down::before {
  content: '\E111';
}
.powervisuals-glyph.arrow-left-down::before {
  content: '\E112';
}
.powervisuals-glyph.arrow-left::before {
  content: '\E113';
}
.powervisuals-glyph.arrow-left-up::before {
  content: '\E114';
}
.powervisuals-glyph.caret-up::before {
  content: '\E115';
}
.powervisuals-glyph.caret-down::before {
  content: '\E116';
}
.powervisuals-glyph.chevron-up::before {
  content: '\E119';
}
.powervisuals-glyph.chevron-down::before {
  content: '\E118';
}
.powervisuals-glyph.url-icon::before {
  content: '\E117';
}
.powervisuals-glyph.circle::before {
  content: '\E700';
}
.powervisuals-glyph.flag::before {
  content: '\E70D';
}
.powervisuals-glyph.circle-x::before {
  content: '\E70E';
}
.powervisuals-glyph.circle-exclamation::before {
  content: '\E70F';
}
.powervisuals-glyph.circle-checkmark::before {
  content: '\E710';
}
.powervisuals-glyph.circle-small::before {
  content: '\E712';
}
.powervisuals-glyph.square::before {
  content: '\E713';
}
.powervisuals-glyph.x::before {
  content: '\E714';
}
.powervisuals-glyph.exclamation::before {
  content: '\E715';
}
.powervisuals-glyph.checkmark::before {
  content: '\E718';
}
.powervisuals-glyph.rhombus::before {
  content: '\E719';
}
.powervisuals-glyph.triangle::before {
  content: '\E71B';
}
.powervisuals-glyph.star-empty::before {
  content: '\E71C';
}
.powervisuals-glyph.star-half-full::before {
  content: '\E721';
}
.powervisuals-glyph.search::before {
  content: '\E120';
}
.powervisuals-glyph.star-full::before {
  content: '\E724';
}
.powervisuals-glyph.bars-one::before {
  content: '\E725';
}
.powervisuals-glyph.bars-two::before {
  content: '\E726';
}
.powervisuals-glyph.bars-three::before {
  content: '\E727';
}
.powervisuals-glyph.bars-four::before {
  content: '\E728';
}
.powervisuals-glyph.bars-five::before {
  content: '\E729';
}
.powervisuals-glyph.boxes-one::before {
  content: '\E732';
}
.powervisuals-glyph.boxes-two::before {
  content: '\E733';
}
.powervisuals-glyph.boxes-three::before {
  content: '\E731';
}
.powervisuals-glyph.boxes-four::before {
  content: '\E730';
}
.powervisuals-glyph.circle-empty::before {
  content: '\E734';
}
.powervisuals-glyph.circle-full::before {
  content: '\E735';
}
.powervisuals-glyph.circle-three-quarters::before {
  content: '\E736';
}
.powervisuals-glyph.circle-half::before {
  content: '\E737';
}
.powervisuals-glyph.circle-one-quarter::before {
  content: '\E738';
}
.powervisuals-glyph.link::before {
  content: '\E8B5';
}
.powervisuals-glyph.bold::before {
  content: '\E8DD';
}
.powervisuals-glyph.italic::before {
  content: '\E8DB';
}
.powervisuals-glyph.underline::before {
  content: '\E8DC';
}
.powervisuals-glyph.alignleft::before {
  content: '\E8E4';
}
.powervisuals-glyph.aligncenter::before {
  content: '\E8E3';
}
.powervisuals-glyph.alignright::before {
  content: '\E8E2';
}
.powervisuals-glyph.fontcolor::before {
  content: '\F4EC';
  font-family: PowrMDL2;
}
.powervisuals-glyph.fontcolorswatch::before {
  content: '\F4ED';
  font-family: PowrMDL2;
}
.powervisuals-glyph.chevrondown::before {
  content: "\E972";
  font-family: PowrMDL2;
}
.powervisuals-glyph.boxes-stacked::before {
  content: '\E730';
  color: var(--neutral-tertiary-alt-color, #C8C8C8);
}
.powervisuals-glyph.boxes-stacked::after {
  position: absolute;
  left: 0;
  color: var(--black-color, #000);
}
.powervisuals-glyph.boxes-stacked.boxes-zero::after {
  content: '';
}
.powervisuals-glyph.boxes-stacked.boxes-one::after {
  content: '\E732';
}
.powervisuals-glyph.boxes-stacked.boxes-two::after {
  content: '\E733';
}
.powervisuals-glyph.boxes-stacked.boxes-three::after {
  content: '\E731';
}
.powervisuals-glyph.boxes-stacked.boxes-four::before {
  color: var(--black-color, #000);
}
.powervisuals-glyph.bars-stacked::before {
  content: '\E728';
  color: var(--neutral-tertiary-alt-color, #C8C8C8);
}
.powervisuals-glyph.bars-stacked::after {
  position: absolute;
  left: 0;
  color: var(--black-color, #000);
}
.powervisuals-glyph.bars-stacked.bars-zero::after {
  content: '';
}
.powervisuals-glyph.bars-stacked.bars-one::after {
  content: '\E725';
}
.powervisuals-glyph.bars-stacked.bars-two::after {
  content: '\E726';
}
.powervisuals-glyph.bars-stacked.bars-three::after {
  content: '\E727';
}
.powervisuals-glyph.bars-stacked.bars-four::before {
  color: var(--black-color, #000);
}
.powervisuals-glyph.star-stacked::before {
  content: '\E724';
  color: var(--neutral-tertiary-alt-color, #C8C8C8);
}
.powervisuals-glyph.star-stacked::after {
  position: absolute;
  left: 0;
  color: var(--black-color, #000);
}
.powervisuals-glyph.star-stacked.star-empty::after {
  content: '';
}
.powervisuals-glyph.star-stacked.star-half-full::after {
  content: '\E721';
}
.powervisuals-glyph.star-stacked.star-full::before {
  color: var(--black-color, #000);
}
.powervisuals-glyph.traffic-light::before {
  content: '\E713';
  color: var(--black-color, #000);
}
.powervisuals-glyph.traffic-light::after {
  position: absolute;
  left: 0;
  content: '\E712';
}
@font-face {
  font-family: 'PowrMDL2';
  src: url("../fonts/PowrMDL2.eot");
  src: url("../fonts/PowrMDL2.eot?#iefix") format('embedded-opentype'), url("../fonts/PowrMDL2.woff") format('woff'), url("../fonts/PowrMDL2.ttf") format('truetype'), url("../fonts/PowrMDL2.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PowrMDL3';
  src: url("../fonts/PowrMDL3.eot");
  src: url("../fonts/PowrMDL3.eot?#iefix") format('embedded-opentype'), url("../fonts/PowrMDL3.woff") format('woff'), url("../fonts/PowrMDL3.ttf") format('truetype'), url("../fonts/PowrMDL3.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}
.glyphicon {
  font-family: 'PowrMDL2';
  font-style: normal;
  font-size: 32px;
  display: inline-block;
}
[data-icon="fluent"] .glyphicon {
  font-family: 'PowrMDL3';
}
.glyph-micro {
  font-size: 8px;
}
.glyph-mini {
  font-size: 12px;
}
.glyph-small {
  font-size: 16px;
}
.glyph-normal {
  font-size: 24px;
}
.glyph-medium {
  font-size: 32px;
}
.glyph-med {
  font-size: 32px;
}
/* deprecated - use medium */
.glyph-large {
  font-size: 48px;
}
.pbi-glyph-file::before {
  content: "\E7C3";
}
.pbi-glyph-info::before {
  content: "\E946";
}
.pbi-glyph-doublechevronleft::before {
  content: "\EDBE";
}
.pbi-glyph-doublechevronright::before {
  content: "\EDBF";
}
.pbi-glyph-chevrondownsmall::before {
  content: "\E70D";
}
.pbi-glyph-chevronupsmall::before {
  content: "\E70E";
}
.pbi-glyph-chevrondownmedium::before {
  content: "\E972";
}
.pbi-glyph-chevronupmedium::before {
  content: "\E971";
}
.pbi-glyph-caretdownright::before {
  content: "\E818";
}
.pbi-glyph-search::before {
  content: "\E721";
}
.pbi-glyph-touch::before {
  content: "\E815";
}
.pbi-glyph-hide::before {
  content: "\ED1A";
}
.pbi-glyph-allapps::before {
  content: "\E71D";
}
.pbi-glyph-view::before {
  content: "\E890";
}
.pbi-glyph-hide3::before {
  content: "\F6AC";
}
.pbi-glyph-barchartverticalfill::before {
  content: "\F830";
}
.pbi-glyph-stackedcolumnchart2fill::before {
  content: "\F831";
}
.pbi-glyph-unlock::before {
  content: "\E785";
}
.pbi-glyph-radiobtnoff::before {
  content: "\ECCA";
}
.pbi-glyph-radiobtnon::before {
  content: "\ECCB";
}
.pbi-glyph-bulletedlist::before {
  content: "\E8FD";
}
.pbi-glyph-numberedlist::before {
  content: "\EA1C";
}
.pbi-glyph-share::before {
  content: "\E72D";
}
.pbi-glyph-addfriend::before {
  content: "\E8FA";
}
.pbi-glyph-camera::before {
  content: "\E722";
}
.pbi-glyph-filtersync::before {
  content: "\E895";
}
.pbi-glyph-save::before {
  content: "\E74E";
}
.pbi-glyph-saveas::before {
  content: "\E792";
}
.pbi-glyph-smartguides::before {
  content: "\F7E4";
}
.pbi-glyph-edit::before {
  content: "\E70F";
}
.pbi-glyph-emi::before {
  content: "\E731";
}
.pbi-glyph-checkmark::before {
  content: "\E73E";
}
.pbi-glyph-link::before {
  content: "\E71B";
}
.pbi-glyph-group::before {
  content: "\E902";
}
.pbi-glyph-paste::before {
  content: "\E77F";
}
.pbi-glyph-emoji::before {
  content: "\E76E";
}
.pbi-glyph-upload::before {
  content: "\E898";
}
.pbi-glyph-add::before {
  content: "\E710";
}
.pbi-glyph-globalnavbutton::before {
  content: "\E700";
}
.pbi-glyph-pageleft::before {
  content: "\E760";
}
.pbi-glyph-tvmonitor::before {
  content: "\E7F4";
}
.pbi-glyph-chromerestore::before {
  content: "\E923";
}
.pbi-glyph-cubeshape::before {
  content: "\F1AA";
}
.pbi-glyph-more::before {
  content: "\E712";
}
.pbi-glyph-slideshow::before {
  content: "\E786";
}
.pbi-glyph-calendar::before {
  content: "\E787";
}
.pbi-glyph-favoritestar::before {
  content: "\E734";
}
.pbi-glyph-undo::before {
  content: "\E7A7";
}
.pbi-glyph-unfavorite::before {
  content: "\E8D9";
}
.pbi-glyph-help::before {
  content: "\E9CE";
}
.pbi-glyph-back::before {
  content: "\E72B";
}
.pbi-glyph-font::before {
  content: "\E8D2";
}
.pbi-glyph-gripperbarhorizontal::before {
  content: "\E76F";
}
.pbi-glyph-barchart::before {
  content: "\EAE7";
}
.pbi-glyph-gauge::before {
  content: "\EB24";
}
.pbi-glyph-warning::before {
  content: "\E7BA";
}
.pbi-glyph-error::before {
  content: "\EA39";
}
.pbi-glyph-error-circle-exclamation::before {
  content: "\E783";
}
.pbi-glyph-success::before {
  content: "\E73E";
}
.pbi-glyph-settings::before {
  content: "\E713";
}
.pbi-glyph-info-nocircle::before {
  content: "\EA1f";
}
.pbi-glyph-go::before {
  content: "\E8AD";
}
.pbi-glyph-blockedsite::before {
  content: "\E72F";
}
.pbi-glyph-close::before {
  content: "\E8BB";
}
.pbi-glyph-qna::before {
  content: "\E8BD";
}
.pbi-glyph-circlefill::before {
  content: "\EA3B";
}
.pbi-glyph-circlering::before {
  content: "\EA3A";
}
.pbi-glyph-pinned::before {
  content: "\E840";
}
.pbi-glyph-pinnedfill::before {
  content: "\E842";
}
.pbi-glyph-unpin::before {
  content: "\E77A";
}
.pbi-glyph-excel::before {
  content: "\EC28";
}
.pbi-glyph-flag::before {
  content: "\E7C1";
}
.pbi-glyph-library::before {
  content: "\E8F1";
}
.pbi-glyph-mail::before {
  content: "\E715";
}
.pbi-glyph-lock::before {
  content: "\E72E";
}
.pbi-glyph-asterisk::before {
  content: "\EA38";
}
.pbi-glyph-comment::before {
  content: "\E90A";
}
.pbi-glyph-checkbox::before {
  content: "\E739";
}
.pbi-glyph-inserttextbox::before {
  content: "\EC7D";
}
.pbi-glyph-toggle::before {
  content: "\EC12";
}
.pbi-glyph-delete::before {
  content: "\E74D";
}
.pbi-glyph-refresh::before {
  content: "\E72C";
}
.pbi-glyph-miniexpand::before {
  content: "\E93A";
}
.pbi-glyph-waffle::before {
  content: "\F4E0";
}
.pbi-glyph-filter::before {
  content: "\E71C";
}
.pbi-glyph-filterfilled::before {
  content: "\F412";
}
.pbi-glyph-visualsinteraction::before {
  content: "\E2B2";
}
.pbi-glyph-visualinteraction::before {
  content: "\E9D4";
}
.pbi-glyph-crosshighlight::before {
  content: "\F666";
}
.pbi-glyph-crosshighlightfilled::before {
  content: "\F831";
}
.pbi-glyph-crossfilter::before {
  content: "\F77E";
}
.pbi-glyph-crossfilterfilled::before {
  content: "\F77F";
}
.pbi-glyph-disable::before {
  content: "\E733";
}
.pbi-glyph-disablefilled::before {
  content: "\F531";
}
.pbi-glyph-export::before {
  content: "\EFB8";
}
.pbi-glyph-iframe::before {
  content: "\ED09";
}
.pbi-glyph-addcircle::before {
  content: "\EAEE";
}
.pbi-glyph-fullscreen::before {
  content: "\E740";
}
.pbi-glyph-fullscreenexit::before {
  content: "\E73F";
}
.pbi-glyph-fittopage::before {
  content: "\E740";
}
.pbi-glyph-code::before {
  content: "\ECCE";
}
.pbi-glyph-alignment::before {
  content: "\F4F3";
}
.pbi-glyph-shapes::before {
  content: "\EC7C";
}
.pbi-glyph-buttons::before {
  content: "\F6C0";
}
.pbi-glyph-attachment::before {
  content: "\E723";
}
.pbi-glyph-securityalert::before {
  content: "\E730";
}
.pbi-glyph-arrow::before {
  content: "\E74A";
}
.pbi-glyph-image::before {
  content: "\EB9F";
}
.pbi-glyph-barchartvertical::before {
  content: "\E9EC";
}
.pbi-glyph-powerbi::before {
  content: "\EA1E";
}
.pbi-glyph-gear::before {
  content: "\E713";
}
.pbi-glyph-download::before {
  content: "\E896";
}
.pbi-glyph-smiley::before {
  content: "\E76E";
}
.pbi-glyph-question::before {
  content: "\E897";
}
.pbi-glyph-tile::before {
  content: "\ECA5";
}
.pbi-glyph-circle-play::before {
  content: "\EB1C";
}
.pbi-glyph-circle-pause::before {
  content: "\F2D9";
}
.pbi-glyph-play::before {
  content: "\E768";
}
.pbi-glyph-pause::before {
  content: "\E769";
}
.pbi-glyph-circle-stop::before {
  content: "\EA6F";
}
.pbi-glyph-stop::before {
  content: "\E71A";
}
.pbi-glyph-importvisual::before {
  content: "\E8B5";
}
.pbi-glyph-feedback::before {
  content: "\ED15";
}
.pbi-glyph-sharepoint::before {
  content: "\ED18";
}
.pbi-glyph-print::before {
  content: "\E749";
}
.pbi-glyph-dataset::before {
  content: "\E8A9";
}
.pbi-glyph-publishtoweb::before {
  content: "\F52F";
}
.pbi-glyph-codeedit::before {
  content: "\F544";
}
.pbi-glyph-database::before {
  content: "\EC8C";
}
.pbi-glyph-SQLAnalyticsPool::before {
  content: "\E434";
}
.pbi-glyph-linkeddatabase::before {
  content: "\F779";
}
.pbi-glyph-drilltodetail::before {
  content: "\E802";
}
.pbi-glyph-seedata::before {
  content: "\F5B6";
}
.pbi-glyph-move::before {
  content: "\E7C2";
}
.pbi-glyph-home::before {
  content: "\E80F";
}
.pbi-glyph-sort::before {
  content: "\E810";
}
.pbi-glyph-rotatehorizontal::before {
  content: "\E8B4";
}
.pbi-glyph-rotatevertical::before {
  content: "\F7E1";
}
.pbi-glyph-download2::before {
  content: "\E896";
}
.pbi-glyph-reload::before {
  content: "\E97A";
}
.pbi-glyph-insight::before {
  content: "\EA80";
}
.pbi-glyph-nonetwork::before {
  content: "\EB63";
}
.pbi-glyph-dynamic::before {
  content: "\F18C";
}
.pbi-glyph-fittopage2::before {
  content: "\E9A6";
}
.pbi-glyph-fittowidth::before {
  content: "\E9A7";
}
.pbi-glyph-actualsize::before {
  content: "\F529";
}
.pbi-glyph-showgrid::before {
  content: "\E8A9";
}
.pbi-glyph-snaptogrid::before {
  content: "\E8B3";
}
.pbi-glyph-favoritefilled::before {
  content: "\E735";
}
.pbi-glyph-expand::before {
  content: "\F535";
}
.pbi-glyph-expand-nocircle::before {
  content: "\F769";
}
.pbi-glyph-drillup::before {
  content: "\EBCD";
}
.pbi-glyph-drillup-nocircle::before {
  content: "\E74A";
}
.pbi-glyph-drilldowndisabled::before {
  content: "\F532";
}
.pbi-glyph-drilldowndisabled-nocircle::before {
  content: "\E74B";
}
.pbi-glyph-drilldownenabled::before {
  content: "\F533";
}
.pbi-glyph-drillthrough::before {
  content: "\F5B9";
}
.pbi-glyph-show::before {
  content: "\E7B3";
}
.pbi-glyph-bell::before {
  content: "\EA8F";
}
.pbi-glyph-atoz::before {
  content: "\EDC0";
}
.pbi-glyph-ztoa::before {
  content: "\EDC1";
}
.pbi-glyph-contentviewicon::before {
  content: "\E7E9";
}
.pbi-glyph-phone::before {
  content: "\E8EA";
}
.pbi-glyph-user::before {
  content: "\E77B";
}
.pbi-glyph-app-user::before {
  content: "\E96B";
}
.pbi-glyph-streaming-data::before {
  content: "\E93E";
}
.pbi-glyph-refresh-data::before {
  content: "\E8F7";
}
.pbi-glyph-circled-checkmark::before {
  content: "\E930";
}
.pbi-glyph-barcode-scanner::before {
  content: "\EE6F";
}
.pbi-glyph-collections::before {
  content: "\F26F";
}
.pbi-glyph-eraser::before {
  content: "\E75C";
}
.pbi-glyph-arrowleft::before {
  content: "\E76B";
}
.pbi-glyph-arrowright::before {
  content: "\E76C";
}
.pbi-glyph-paintbrush::before {
  content: "\ECFF";
}
.pbi-glyph-notification-center::before {
  content: "\E91C";
}
.pbi-glyph-timer::before {
  content: "\E91E";
}
.pbi-glyph-realtime::before {
  content: "\E945";
}
.pbi-glyph-powerpoint::before {
  content: "\EC2A";
}
.pbi-glyph-shared::before {
  content: "\E716";
}
.pbi-glyph-powerbi-service::before {
  content: "\EA1E";
}
.pbi-glyph-create-report::before {
  content: "\F52C";
}
.pbi-glyph-create-dashboard::before {
  content: "\F52D";
}
.pbi-glyph-geolocation::before {
  content: "\E707";
}
.pbi-glyph-fileSQL::before {
  content: "\F2E7";
}
.pbi-glyph-filtered-barcode-scanner::before {
  content: "\F7E3";
}
.pbi-glyph-filtered-geolocation::before {
  content: "\F52E";
}
.pbi-glyph-inline-drill::before {
  content: "\F534";
}
.pbi-glyph-inline-drill-nocircle::before {
  content: "\F76A";
}
.pbi-glyph-mru:before {
  content: "\E823";
}
.pbi-glyph-annotation::before {
  content: "\EDC6";
}
.pbi-glyph-phone-optimized-report::before {
  content: "\F18A";
}
.pbi-glyph-bookmark-add::before {
  content: "\F5B7";
}
.pbi-glyph-bookmark-view::before {
  content: "\F5B8";
}
.pbi-glyph-my-apps::before {
  content: "\ECAA";
}
.pbi-glyph-puzzle::before {
  content: "\EA86";
}
.pbi-glyph-person::before {
  content: "\E820";
}
.pbi-glyph-diamond::before {
  content: "\ED02";
}
.pbi-glyph-diamonduser::before {
  content: "\E4F9";
}
.pbi-glyph-status-circle-exclamation::before {
  content: "\F13c";
}
.pbi-glyph-status-circle-error-x::before {
  content: "\F13d";
}
.pbi-glyph-status-circle-checkmark::before {
  content: "\F13e";
}
.pbi-glyph-chart::before {
  content: "\E999";
}
.pbi-glyph-relationship::before {
  content: "\F003";
}
.pbi-glyph-remove::before {
  content: "\E738";
}
.pbi-glyph-permissions::before {
  content: "\E8D7";
}
.pbi-glyph-bookmark::before {
  content: "\EDFF";
}
.pbi-glyph-bookmark-double::before {
  content: "\EB8F";
}
.pbi-glyph-bookmark-default::before {
  content: "\F76B";
}
.pbi-glyph-exit::before {
  content: "\E711";
}
.pbi-glyph-flashlight::before {
  content: "\E754";
}
.pbi-glyph-videolightoff::before {
  content: "\EA74";
}
.pbi-glyph-flickup::before {
  content: "\E936";
}
.pbi-glyph-rdl-report::before {
  content: "\E9F9";
}
.pbi-glyph-scatter::before {
  content: "\EC26";
}
.pbi-glyph-canvas-tooltip::before {
  content: "\F7DF";
}
.pbi-glyph-table-group::before {
  content: "\F6D9";
}
.pbi-glyph-view-on-web::before {
  content: "\E774";
}
.pbi-glyph-explore-content-single::before {
  content: "\F164";
}
.pbi-glyph-collapse-content-single::before {
  content: "\F166";
}
.pbi-glyph-dataflow::before {
  content: "\F7dd";
}
.pbi-glyph-datamart::before {
  content: "\E434";
}
.pbi-glyph-more-vertical::before {
  content: "\F2BC";
}
.pbi-glyph-copy::before {
  content: "\E8C8";
}
.pbi-glyph-clear-filter::before {
  content: "\EF8F";
}
.pbi-glyph-clear::before {
  content: "\E894";
}
.pbi-glyph-remove-from-trash::before {
  content: "\F82B";
}
.pbi-glyph-crm-services::before {
  content: "\EFD2";
}
.pbi-glyph-org::before {
  content: "\ECA6";
}
.pbi-glyph-test-package::before {
  content: "\ECDC";
}
.pbi-glyph-gift-box-open::before {
  content: "\F133";
}
.pbi-glyph-pdf::before {
  content: "\EA90";
}
.pbi-glyph-variable::before {
  content: "\F305";
}
.pbi-glyph-commentactive::before {
  content: "\F804";
}
.pbi-glyph-commentprevious::before {
  content: "\F2B5";
}
.pbi-glyph-commentnext::before {
  content: "\F2B4";
}
.pbi-glyph-saveall::before {
  content: "\F203";
}
.pbi-glyph-server::before {
  content: "\F201";
}
.pbi-glyph-triggerauto::before {
  content: "\F24A";
}
.pbi-glyph-color::before {
  content: "\E790";
}
.pbi-glyph-analyze::before {
  content: "\EBEC";
}
.pbi-glyph-rename::before {
  content: "\E8AC";
}
.pbi-glyph-microphone::before {
  content: "\E720";
}
.pbi-glyph-sortup::before {
  content: "\EE68";
}
.pbi-glyph-sortdown::before {
  content: "\EE69";
}
.pbi-glyph-qrcode::before {
  content: "\ED14";
}
.pbi-glyph-testbeaker::before {
  content: "\F3A5";
}
.pbi-glyph-stopwatch::before {
  content: "\E916";
}
.pbi-glyph-diagnostic::before {
  content: "\E9D9";
}
.pbi-glyph-databaseicon::before {
  content: "\EFC7";
}
.pbi-glyph-databaseactivity::before {
  content: "\E670";
}
.pbi-glyph-databaseswap::before {
  content: "\E671";
}
.pbi-glyph-appicondefaultadd::before {
  content: "\EFDA";
}
.pbi-glyph-waitlistconfirm::before {
  content: "\F550";
}
.pbi-glyph-list::before {
  content: "\EA37";
}
.pbi-glyph-leave::before {
  content: "\F627";
}
.pbi-glyph-engineeringgroup::before {
  content: "\F362";
}
.pbi-glyph-documentation::before {
  content: "\EC17";
}
.pbi-glyph-flow::before {
  content: "\EF90";
}
.pbi-glyph-developer-tools::before {
  content: "\EC7A";
}
.pbi-glyph-account-activity::before {
  content: "\EFF4";
}
.pbi-glyph-production-floor-management::before {
  content: "\EE29";
}
.pbi-glyph-rocket::before {
  content: "\F3B3";
}
.pbi-glyph-autoenhanceon::before {
  content: "\E78D";
}
.pbi-glyph-diffsidebyside::before {
  content: "\F30A";
}
.pbi-glyph-dependencyadd::before {
  content: "\E344";
}
.pbi-glyph-status-error-full::before {
  content: "\EB90";
}
.pbi-glyph-completed-solid::before {
  content: "\EC61";
}
.pbi-glyph-dislike::before {
  content: "\E8E0";
}
.pbi-glyph-like::before {
  content: "\E8E1";
}
.pbi-glyph-increaseIndentArrow::before {
  content: "\F7A1";
}
.pbi-glyph-playResume::before {
  content: "\F2C6";
}
.pbi-glyph-user-warning::before {
  content: "\E368";
}
.pbi-glyph-glimmer::before {
  content: "\ECF4";
}
.pbi-glyph-blocked2::before {
  content: "\ECE4";
}
.pbi-glyph-pagelist::before {
  content: "\F106";
}
.pbi-glyph-pagelistfilter::before {
  content: "\F813";
}
.pbi-glyph-alertsettings::before {
  content: "\F8B6";
}
.pbi-glyph-dataflows-link::before {
  content: "\E366";
}
.pbi-glyph-promoteddatabase::before {
  content: "\F77D";
}
.pbi-glyph-certifieddatabase::before {
  content: "\F5BB";
}
.pbi-glyph-promotedendorsement::before {
  content: "\E4AE";
}
.pbi-glyph-certifiedendorsement::before {
  content: "\E9D1";
}
.pbi-glyph-datetime::before {
  content: "\EA17";
}
.pbi-glyph-unstackselected::before {
  content: "\E7FE";
}
.pbi-glyph-switch::before {
  content: "\E8AB";
}
.pbi-glyph-markasprotected::before {
  content: "\F6AE";
}
.pbi-glyph-barchartverticaledit::before {
  content: "\F89D";
}
.pbi-glyph-shared-dataset::before {
  content: "\E3D9";
}
.pbi-glyph-scroll-updown::before {
  content: "\EC8F";
}
.pbi-glyph-doublechevronup::before {
  content: "\EDBD";
}
.pbi-glyph-doublechevrondown::before {
  content: "\EE04";
}
.pbi-glyph-arrowupright::before {
  content: "\F069";
}
.pbi-glyph-contactlock::before {
  content: "\F400";
}
.pbi-glyph-securitygroup::before {
  content: "\ED85";
}
.pbi-glyph-openfile::before {
  content: "\E8E5";
}
.pbi-glyph-visualsstore::before {
  content: "\F521";
}
.pbi-glyph-pencilreply::before {
  content: "\EF7B";
}
.pbi-glyph-deploy::before {
  content: "\F29D";
}
.pbi-glyph-publishcontent::before {
  content: "\F0D4";
}
.pbi-glyph-comment-solid::before {
  content: "\E30E";
}
.pbi-glyph-single-bookmark-solid::before {
  content: "\EE00";
}
.pbi-glyph-shop::before {
  content: "\E719";
}
.pbi-glyph-total::before {
  content: "\E9DF";
}
.pbi-glyph-calculator::before {
  content: "\E8EF";
}
.pbi-glyph-teamslogo::before {
  content: "\F27B";
}
.pbi-glyph-calculatornotequalto::before {
  content: "\F2D2";
}
.pbi-glyph-navigate-external-inline::before {
  content: "\F35F";
}
.pbi-glyph-learning-tools::before {
  content: "\F7DB";
}
.pbi-glyph-calculatorgroup::before {
  content: "\E462";
}
.pbi-glyph-table::before {
  content: "\ED86";
}
.pbi-glyph-tablelink::before {
  content: "\F77A";
}
.pbi-glyph-tablecomputed::before {
  content: "\F8F5";
}
.pbi-glyph-checkbox-indeterminate::before {
  content: "\F16E";
}
.pbi-glyph-clock::before {
  content: "\E917";
}
.pbi-glyph-reading-mode::before {
  content: "\E736";
}
.pbi-glyph-view-in-ar::before {
  content: "\E41F";
}
.pbi-glyph-equalizer::before {
  content: "\E9E9";
}
.pbi-glyph-cloudimportexport::before {
  content: "\EE55";
}
.pbi-glyph-mixerlogo::before {
  content: "\F18B";
}
.pbi-glyph-reset::before {
  content: "\E423";
}
.pbi-glyph-mail-link::before {
  content: "\EFAC";
}
.pbi-glyph-screen::before {
  content: "\EF39";
}
.pbi-glyph-chat::before {
  content: "\E901";
}
.pbi-glyph-cost-contral::before {
  content: "\F208";
}
.pbi-glyph-financial::before {
  content: "\E7BB";
}
.pbi-glyph-rightwards-arrow::before {
  content: "\2192";
}
.pbi-glyph-virtualnetwork::before {
  content: "\F815";
}
.pbi-glyph-pbidirectquery::before {
  content: "\E4E9";
}
.pbi-glyph-pbidual::before {
  content: "\E4EA";
}
.pbi-glyph-pbiimport::before {
  content: "\E4EB";
}
.pbi-glyph-pbiliveconnect::before {
  content: "\E4EC";
}
.pbi-glyph-pbiperspective::before {
  content: "\E658";
}
.pbi-glyph-caretdownsolid8::before {
  content: "\EDDC";
}
.pbi-glyph-calculatordelta::before {
  content: "\E406";
}
.pbi-glyph-tablecolumn::before {
  content: "\E4BD";
}
.pbi-glyph-calculatedtable::before {
  content: "\E4BE";
}
.pbi-glyph-columnsigma::before {
  content: "\E4BF";
}
.pbi-glyph-columnquestion::before {
  content: "\E4C0";
}
.pbi-glyph-columnfunction::before {
  content: "\E4C2";
}
.pbi-glyph-contactcard::before {
  content: "\EEBD";
}
.pbi-glyph-fabricfolder::before {
  content: "\F0A9";
}
.pbi-glyph-folder-horizontal::before {
  content: "\F12B";
}
.pbi-glyph-folderopen::before {
  content: "\F0A8";
}
.pbi-glyph-dom::before {
  content: "\EC8D";
}
.pbi-glyph-streamdiscover::before {
  content: "\F7D9";
}
.pbi-glyph-open-in-new-window::before {
  content: "\E8A7";
}
.pbi-glyph-plug-connected::before {
  content: "\F302";
}
.pbi-glyph-open-folder-horizontal::before {
  content: "\ED25";
}
.pbi-glyph-anomaly::before {
  content: "\E548";
}
.pbi-glyph-dislikesolid::before {
  content: "\F3C0";
}
.pbi-glyph-likesolid::before {
  content: "\F3BF";
}
.pbi-glyph-market::before {
  content: "\EAFC";
}
.pbi-glyph-anomalies-marker::before {
  content: "\E554";
}
.pbi-glyph-chevron-down-small::before {
  content: "\E96E";
}
.pbi-glyph-chevron-up-small::before {
  content: "\E96D";
}
.pbi-glyph-text-field::before {
  content: "\EDC3";
}
.pbi-glyph-number-field::before {
  content: "\EDC4";
}
.pbi-glyph-border-inside::before {
  content: "\E5F3";
}
.pbi-glyph-border-inside-horizontal::before {
  content: "\E5F2";
}
.pbi-glyph-border-inside-vertical::before {
  content: "\E5F1";
}
.pbi-glyph-border-all::before {
  content: "\E5F4";
}
.pbi-glyph-border-none::before {
  content: "\E5F0";
}
.pbi-glyph-people-add::before {
  content: "\EA15";
}
.pbi-glyph-outlook::before {
  content: "\F1E9";
}
.pbi-glyph-work::before {
  content: "\E821";
}
.pbi-glyph-player-settings::before {
  content: "\EF58";
}
.pbi-glyph-add-details::before {
  content: "\E616";
}
.pbi-glyph-add-comments::before {
  content: "\E615";
}
.pbi-glyph-gripper-dots-vertical::before {
  content: "\F772";
}
.pbi-glyph-report-trophy::before {
  content: "\E614";
}
.pbi-glyph-trophy2::before {
  content: "\F1AE";
}
.pbi-glyph-accept::before {
  content: "\E8FB";
}
.pbi-glyph-add-multiple::before {
  content: "\E9C5";
}
.pbi-glyph-lightning-bolt::before {
  content: "\E945";
}
.pbi-glyph-pbi-home-layout-default::before {
  content: "\E65B";
}
.pbi-glyph-pbi-home-layout-expanded::before {
  content: "\E65C";
}
.pbi-glyph-dataset-block::before {
  content: "\E617";
}
.pbi-glyph-signin::before {
  content: "\F286";
}
.pbi-glyph-alignleft::before {
  content: "\E8E4";
}
.pbi-glyph-aligncenter::before {
  content: "\E8E3";
}
.pbi-glyph-alignright::before {
  content: "\E8E2";
}
.pbi-glyph-textaligntop::before {
  content: "\E3E0";
}
.pbi-glyph-textalignmiddle::before {
  content: "\E3E1";
}
.pbi-glyph-textalignbottom::before {
  content: "\E3E2";
}
.pbi-glyph-decreaseindent::before {
  content: "\E39B";
}
.pbi-glyph-increaseindent::before {
  content: "\E399";
}
.pbi-glyph-bold::before {
  content: "\E8DD";
}
.pbi-glyph-italic::before {
  content: "\E8DB";
}
.pbi-glyph-underline::before {
  content: "\E8DC";
}
.pbi-glyph-image-search::before {
  content: "\F4E8";
}
.pbi-glyph-accept-medium::before {
  content: "\F78C";
}
.pbi-glyph-toggle-button-check::before {
  content: "\EF80";
}
.pbi-glyph-horizontal-tab-key::before {
  content: "\E7FD";
}
.pbi-glyph-expand-all::before {
  content: "\F859";
}
.pbi-glyph-collapse-all::before {
  content: "\F85A";
}
.pbi-glyph-sortlines::before {
  content: "\E9D0";
}
.pbi-glyph-streamingdataflow::before {
  content: "\E668";
}
.pbi-glyph-streamingdataset::before {
  content: "\E667";
}
.pbi-glyph-close-pane::before {
  content: "\E89F";
}
.pbi-glyph-close-pane-mirrored::before {
  content: "\EA49";
}
.pbi-glyph-medal::before {
  content: "\EE38";
}
.pbi-glyph-trending::before {
  content: "\F62D";
}
.pbi-glyph-power-automate::before {
  content: "\F4B1";
}
.pbi-glyph-sync-status::before {
  content: "\F751";
}
.pbi-glyph-edit-note::before {
  content: "\ED9D";
}
.pbi-glyph-title::before {
  content: "\F23B";
}
.pbi-glyph-superscript::before {
  content: "\EDDE";
}
.pbi-glyph-subscript::before {
  content: "\EDDF";
}
.pbi-glyph-shield-alert::before {
  content: "\F7D7";
}
.pbi-glyph-variable2::before {
  content: "\F86D";
}
.pbi-glyph-contextmenu::before {
  content: "\F37C";
}
.pbi-glyph-table-permission::before {
  content: "\E619";
}
.pbi-glyph-rowsgroup::before {
  content: "\F29B";
}
.pbi-glyph-medical::before {
  content: "\EAD4";
}
.pbi-glyph-lock-solid::before {
  content: "\E9A2";
}
.pbi-glyph-education::before {
  content: "\E7BE";
}
.pbi-glyph-table-first-column::before {
  content: "\E3EF";
}
.pbi-glyph-table-header-row::before {
  content: "\E3EC";
}
.pbi-glyph-ssl-certificate::before {
  content: "\F4CB";
}
.pbi-glyph-system::before {
  content: "\E770";
}
.pbi-glyph-onedrivelogo::before {
  content: "\E941";
}
.pbi-glyph-calculator-multiply::before {
  content: "\E947";
}
.pbi-glyph-history::before {
  content: "\E81C";
}
.pbi-glyph-page::before {
  content: "\E7C3";
}
.pbi-glyph-checkbox-checked::before {
  content: "\E73D";
}
.pbi-glyph-forward::before {
  content: "\E72A";
}
.pbi-glyph-pin {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.pbi-glyph-pin:before {
  content: "\E718";
}
.pbi-glyph-caretright {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.pbi-glyph-caretright::before {
  content: "\E818";
}
.pbi-glyph-caretdown {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.pbi-glyph-caretdown::before {
  content: "\E818";
}
.pbi-glyph-caretleft {
  transform: rotate(45deg) scale(-1, 1);
  -webkit-transform: rotate(45deg) scale(-1, 1);
}
.pbi-glyph-caretleft::before {
  content: "\E818";
}
.pbi-glyph-chevronrightmedium {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}
.pbi-glyph-chevronrightmedium::before {
  content: "\E972";
}
.pbi-glyph-chevronleftmedium {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.pbi-glyph-chevronleftmedium::before {
  content: "\E972";
}
.pbi-glyph-uparrow {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.pbi-glyph-uparrow::before {
  content: "\E72B";
}
.pbi-glyph-rightarrow {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.pbi-glyph-rightarrow::before {
  content: "\E72B";
}
.pbi-glyph-uprightarrow {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.pbi-glyph-uprightarrow::before {
  content: "\E72B";
}
.pbi-glyph-getdata {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  font-weight: bold;
}
.pbi-glyph-getdata::before {
  content: "\E72B";
}
.pbi-glyph-cancel {
  font-weight: bold;
}
.pbi-glyph-cancel::before {
  content: "\E8BB";
}
.pbi-glyph-backarrow {
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
}
.pbi-glyph-backarrow::before {
  content: "\EBCD";
}
[dir='rtl'] .pbi-glyph-caretdownright {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
[dir='rtl'] .pbi-glyph-caretleft {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
[dir='rtl'] .pbi-glyph-caretright {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
[dir='rtl'] .pbi-glyph-chevronrightmedium {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
[dir='rtl'] .pbi-glyph-chevronleftmedium {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}
[dir='rtl'] .pbi-glyph-getdata {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
[dir='rtl'] .pbi-glyph-go {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}
[dir='rtl'] .pbi-glyph-pageright,
[dir='rtl'] .pbi-glyph-pageleft,
[dir='rtl'] .pbi-glyph-back,
[dir='rtl'] .pbi-glyph-play,
[dir='rtl'] .pbi-glyph-circle-play,
[dir='rtl'] .pbi-glyph-rewind {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}
html[lang|='ar'] .pbi-glyph-question {
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
}
/*
 *  Power BI Colors
 *
 *  Copyright (c) Microsoft Corporation
 *  All rights reserved.
 *  MIT License
 *
 *  Permission is hereby granted, free of charge, to any person obtaining a copy
 *  of this software and associated documentation files (the ""Software""), to deal
 *  in the Software without restriction, including without limitation the rights
 *  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 *  copies of the Software, and to permit persons to whom the Software is
 *  furnished to do so, subject to the following conditions:
 *
 *  The above copyright notice and this permission notice shall be included in
 *  all copies or substantial portions of the Software.
 *
 *  THE SOFTWARE IS PROVIDED *AS IS*, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 *  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 *  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 *  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 *  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 *  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 *  THE SOFTWARE.
 */
/* ADDED THEME COLORS NOT ACCOUNTED FOR ELSEWHERE */
/* THEME COLORS */
/* NEUTRAL COLORS */
/* ACCENT COLORS */
/* SHELL LIGHT THEME COLORS */
/* APPLICATION CHROME COLORS */
/*dark chrome*/
/*
    DEPRECATED COLORS: Please refrain from adding one time use colors to the section below.
    These will be all be removed. New colors must be provided by design and be in the design OneNote palette
*/
/* PowerView specific colors */
/* Visual colors */
/* Fluent Theme colors */
/*
 *  Power BI Colors
 *
 *  Copyright (c) Microsoft Corporation
 *  All rights reserved.
 *  MIT License
 *

/* THEME COLORS */
.themeYellowDark .group1-option1-background {
  background-color: #666666;
}
.themeYellowDark .group1-option1-background-hover:hover {
  background-color: #666666;
}
.themeYellowDark .group1-option1-color {
  color: #666666;
}
.themeYellowDark .group1-option1-color-hover:hover {
  color: #666666;
}
.themeYellowDark .group1-option1-border {
  border-color: #666666;
}
.themeYellowDark .group1-option1-border-hover:hover {
  border-color: #666666;
}
.themeYellowDark .group1-option2-background {
  background-color: #444444;
}
.themeYellowDark .group1-option2-background-hover:hover {
  background-color: #444444;
}
.themeYellowDark .group1-option2-color {
  color: #444444;
}
.themeYellowDark .group1-option2-color-hover:hover {
  color: #444444;
}
.themeYellowDark .group1-option2-border {
  border-color: #444444;
}
.themeYellowDark .group1-option2-border-hover:hover {
  border-color: #444444;
}
.themeYellowDark .group1-option3-background {
  background-color: #B3B3B3;
}
.themeYellowDark .group1-option3-background .group1-option9-background {
  background-color: #B3B3B3;
}
.themeYellowDark .group1-option3-background .group1-option9-background-hover:hover {
  background-color: #B3B3B3;
}
.themeYellowDark .group1-option3-background .group1-option9-color {
  color: #B3B3B3;
}
.themeYellowDark .group1-option3-background .group1-option9-color-hover:hover {
  color: #B3B3B3;
}
.themeYellowDark .group1-option3-background .group1-option9-border {
  border-color: #B3B3B3;
}
.themeYellowDark .group1-option3-background .group1-option9-border-hover:hover {
  border-color: #B3B3B3;
}
.themeYellowDark .group1-option3-background-hover:hover {
  background-color: #B3B3B3;
}
.themeYellowDark .group1-option3-background-hover:hover .group1-option9-background {
  background-color: #B3B3B3;
}
.themeYellowDark .group1-option3-background-hover:hover .group1-option9-background-hover:hover {
  background-color: #B3B3B3;
}
.themeYellowDark .group1-option3-background-hover:hover .group1-option9-color {
  color: #B3B3B3;
}
.themeYellowDark .group1-option3-background-hover:hover .group1-option9-color-hover:hover {
  color: #B3B3B3;
}
.themeYellowDark .group1-option3-background-hover:hover .group1-option9-border {
  border-color: #B3B3B3;
}
.themeYellowDark .group1-option3-background-hover:hover .group1-option9-border-hover:hover {
  border-color: #B3B3B3;
}
.themeYellowDark .group1-option3-color {
  color: #B3B3B3;
}
.themeYellowDark .group1-option3-color-hover:hover {
  color: #B3B3B3;
}
.themeYellowDark .group1-option3-border {
  border-color: #B3B3B3;
}
.themeYellowDark .group1-option3-border .group1-option9-background {
  background-color: #B3B3B3;
}
.themeYellowDark .group1-option3-border .group1-option9-background-hover:hover {
  background-color: #B3B3B3;
}
.themeYellowDark .group1-option3-border .group1-option9-color {
  color: #B3B3B3;
}
.themeYellowDark .group1-option3-border .group1-option9-color-hover:hover {
  color: #B3B3B3;
}
.themeYellowDark .group1-option3-border .group1-option9-border {
  border-color: #B3B3B3;
}
.themeYellowDark .group1-option3-border .group1-option9-border-hover:hover {
  border-color: #B3B3B3;
}
.themeYellowDark .group1-option3-border-hover:hover {
  border-color: #B3B3B3;
}
.themeYellowDark .group1-option4-background {
  background-color: #B3B3B3;
}
.themeYellowDark .group1-option4-background-hover:hover {
  background-color: #B3B3B3;
}
.themeYellowDark .group1-option4-color {
  color: #B3B3B3;
}
.themeYellowDark .group1-option4-color-hover:hover {
  color: #B3B3B3;
}
.themeYellowDark .group1-option4-border {
  border-color: #B3B3B3;
}
.themeYellowDark .group1-option4-border-hover:hover {
  border-color: #B3B3B3;
}
.themeYellowDark .group1-option5-background {
  background-color: var(--fluent-theme-primary-color);
}
.themeYellowDark .group1-option5-background .group1-option8-background {
  background-color: #FFFFFF;
}
.themeYellowDark .group1-option5-background .group1-option8-background-hover:hover {
  background-color: #FFFFFF;
}
.themeYellowDark .group1-option5-background .group1-option8-color {
  color: #FFFFFF;
}
.themeYellowDark .group1-option5-background .group1-option8-color-hover:hover {
  color: #FFFFFF;
}
.themeYellowDark .group1-option5-background .group1-option8-border {
  border-color: #FFFFFF;
}
.themeYellowDark .group1-option5-background .group1-option8-border-hover:hover {
  border-color: #FFFFFF;
}
.themeYellowDark .group1-option5-background-hover:hover {
  background-color: var(--fluent-theme-primary-color);
}
.themeYellowDark .group1-option5-background-hover:hover .group1-option8-background {
  background-color: #FFFFFF;
}
.themeYellowDark .group1-option5-background-hover:hover .group1-option8-background-hover:hover {
  background-color: #FFFFFF;
}
.themeYellowDark .group1-option5-background-hover:hover .group1-option8-color {
  color: #FFFFFF;
}
.themeYellowDark .group1-option5-background-hover:hover .group1-option8-color-hover:hover {
  color: #FFFFFF;
}
.themeYellowDark .group1-option5-background-hover:hover .group1-option8-border {
  border-color: #FFFFFF;
}
.themeYellowDark .group1-option5-background-hover:hover .group1-option8-border-hover:hover {
  border-color: #FFFFFF;
}
.themeYellowDark .group1-option5-color {
  color: var(--fluent-theme-primary-color);
}
.themeYellowDark .group1-option5-color-hover:hover {
  color: var(--fluent-theme-primary-color);
}
.themeYellowDark .group1-option5-border {
  border-color: var(--fluent-theme-primary-color);
}
.themeYellowDark .group1-option5-border .group1-option8-background {
  background-color: #FFFFFF;
}
.themeYellowDark .group1-option5-border .group1-option8-background-hover:hover {
  background-color: #FFFFFF;
}
.themeYellowDark .group1-option5-border .group1-option8-color {
  color: #FFFFFF;
}
.themeYellowDark .group1-option5-border .group1-option8-color-hover:hover {
  color: #FFFFFF;
}
.themeYellowDark .group1-option5-border .group1-option8-border {
  border-color: #FFFFFF;
}
.themeYellowDark .group1-option5-border .group1-option8-border-hover:hover {
  border-color: #FFFFFF;
}
.themeYellowDark .group1-option5-border-hover:hover {
  border-color: var(--fluent-theme-primary-color);
}
.themeYellowDark .group1-option6-background {
  background-color: #FFFFFF;
}
.themeYellowDark .group1-option6-background .group1-option9-background {
  background-color: #B3B3B3;
}
.themeYellowDark .group1-option6-background .group1-option9-background-hover:hover {
  background-color: #B3B3B3;
}
.themeYellowDark .group1-option6-background .group1-option9-color {
  color: #B3B3B3;
}
.themeYellowDark .group1-option6-background .group1-option9-color-hover:hover {
  color: #B3B3B3;
}
.themeYellowDark .group1-option6-background .group1-option9-border {
  border-color: #B3B3B3;
}
.themeYellowDark .group1-option6-background .group1-option9-border-hover:hover {
  border-color: #B3B3B3;
}
.themeYellowDark .group1-option6-background-hover:hover {
  background-color: #FFFFFF;
}
.themeYellowDark .group1-option6-background-hover:hover .group1-option9-background {
  background-color: #B3B3B3;
}
.themeYellowDark .group1-option6-background-hover:hover .group1-option9-background-hover:hover {
  background-color: #B3B3B3;
}
.themeYellowDark .group1-option6-background-hover:hover .group1-option9-color {
  color: #B3B3B3;
}
.themeYellowDark .group1-option6-background-hover:hover .group1-option9-color-hover:hover {
  color: #B3B3B3;
}
.themeYellowDark .group1-option6-background-hover:hover .group1-option9-border {
  border-color: #B3B3B3;
}
.themeYellowDark .group1-option6-background-hover:hover .group1-option9-border-hover:hover {
  border-color: #B3B3B3;
}
.themeYellowDark .group1-option6-color {
  color: #FFFFFF;
}
.themeYellowDark .group1-option6-color-hover:hover {
  color: #FFFFFF;
}
.themeYellowDark .group1-option6-border {
  border-color: #FFFFFF;
}
.themeYellowDark .group1-option6-border .group1-option9-background {
  background-color: #B3B3B3;
}
.themeYellowDark .group1-option6-border .group1-option9-background-hover:hover {
  background-color: #B3B3B3;
}
.themeYellowDark .group1-option6-border .group1-option9-color {
  color: #B3B3B3;
}
.themeYellowDark .group1-option6-border .group1-option9-color-hover:hover {
  color: #B3B3B3;
}
.themeYellowDark .group1-option6-border .group1-option9-border {
  border-color: #B3B3B3;
}
.themeYellowDark .group1-option6-border .group1-option9-border-hover:hover {
  border-color: #B3B3B3;
}
.themeYellowDark .group1-option6-border-hover:hover {
  border-color: #FFFFFF;
}
.themeYellowDark .group1-option7-background {
  background-color: #333333;
}
.themeYellowDark .group1-option7-background-hover:hover {
  background-color: #333333;
}
.themeYellowDark .group1-option7-color {
  color: #333333;
}
.themeYellowDark .group1-option7-color-hover:hover {
  color: #333333;
}
.themeYellowDark .group1-option7-border {
  border-color: #333333;
}
.themeYellowDark .group1-option7-border-hover:hover {
  border-color: #333333;
}
.themeYellowDark .group1-option10-background {
  background-color: #EAEAEA;
}
.themeYellowDark .group1-option10-background-hover:hover {
  background-color: #EAEAEA;
}
.themeYellowDark .group1-option10-color {
  color: #EAEAEA;
}
.themeYellowDark .group1-option10-color-hover:hover {
  color: #EAEAEA;
}
.themeYellowDark .group1-option10-border {
  border-color: #EAEAEA;
}
.themeYellowDark .group1-option10-border-hover:hover {
  border-color: #EAEAEA;
}
.themeYellowDark .group1-option11-background {
  background-color: #808080;
}
.themeYellowDark .group1-option11-background-hover:hover {
  background-color: #808080;
}
.themeYellowDark .group1-option11-color {
  color: #808080;
}
.themeYellowDark .group1-option11-color-hover:hover {
  color: #808080;
}
.themeYellowDark .group1-option11-border {
  border-color: #808080;
}
.themeYellowDark .group1-option11-border-hover:hover {
  border-color: #808080;
}
.themeYellowDark .group1-option13-background {
  background-color: #EA433B;
}
.themeYellowDark .group1-option13-background-hover:hover {
  background-color: #EA433B;
}
.themeYellowDark .group1-option13-color {
  color: #EA433B;
}
.themeYellowDark .group1-option13-color-hover:hover {
  color: #EA433B;
}
.themeYellowDark .group1-option13-border {
  border-color: #EA433B;
}
.themeYellowDark .group1-option13-border-hover:hover {
  border-color: #EA433B;
}
.themeYellowDark .group1-option14-background {
  background-color: #666666;
}
.themeYellowDark .group1-option14-background-hover:hover {
  background-color: #666666;
}
.themeYellowDark .group1-option14-color {
  color: #666666;
}
.themeYellowDark .group1-option14-color-hover:hover {
  color: #666666;
}
.themeYellowDark .group1-option14-border {
  border-color: #666666;
}
.themeYellowDark .group1-option14-border-hover:hover {
  border-color: #666666;
}
.themeYellowDark .group1-option15-background {
  background-color: #333333;
}
.themeYellowDark .group1-option15-background-hover:hover {
  background-color: #333333;
}
.themeYellowDark .group1-option15-color {
  color: #333333;
}
.themeYellowDark .group1-option15-color-hover:hover {
  color: #333333;
}
.themeYellowDark .group1-option15-border {
  border-color: #333333;
}
.themeYellowDark .group1-option15-border-hover:hover {
  border-color: #333333;
}
.themeYellowDark .group1-option16-background {
  background-color: #333333;
}
.themeYellowDark .group1-option16-background-hover:hover {
  background-color: #333333;
}
.themeYellowDark .group1-option16-color {
  color: #333333;
}
.themeYellowDark .group1-option16-color-hover:hover {
  color: #333333;
}
.themeYellowDark .group1-option16-border {
  border-color: #333333;
}
.themeYellowDark .group1-option16-border-hover:hover {
  border-color: #333333;
}
.themeYellowDark .group2-option1-background {
  background-color: var(--fluent-theme-primary-color);
}
.themeYellowDark .group2-option1-background-hover:hover {
  background-color: var(--fluent-theme-primary-color);
}
.themeYellowDark .group2-option1-color {
  color: var(--fluent-theme-primary-color);
}
.themeYellowDark .group2-option1-color-hover:hover {
  color: var(--fluent-theme-primary-color);
}
.themeYellowDark .group2-option1-border {
  border-color: var(--fluent-theme-primary-color);
}
.themeYellowDark .group2-option1-border-hover:hover {
  border-color: var(--fluent-theme-primary-color);
}
.themeYellowDark .group2-option2-background {
  background-color: var(--fluent-theme-dark-alt-color, #DDB612);
}
.themeYellowDark .group2-option2-background-hover:hover {
  background-color: var(--fluent-theme-dark-alt-color, #DDB612);
}
.themeYellowDark .group2-option2-color {
  color: var(--fluent-theme-dark-alt-color, #DDB612);
}
.themeYellowDark .group2-option2-color-hover:hover {
  color: var(--fluent-theme-dark-alt-color, #DDB612);
}
.themeYellowDark .group2-option2-border {
  border-color: var(--fluent-theme-dark-alt-color, #DDB612);
}
.themeYellowDark .group2-option2-border-hover:hover {
  border-color: var(--fluent-theme-dark-alt-color, #DDB612);
}
.themeYellowDark .group2-option3-background {
  background-color: var(--theme-dark-color, #CDA521);
}
.themeYellowDark .group2-option3-background-hover:hover {
  background-color: var(--theme-dark-color, #CDA521);
}
.themeYellowDark .group2-option3-color {
  color: var(--theme-dark-color, #CDA521);
}
.themeYellowDark .group2-option3-color-hover:hover {
  color: var(--theme-dark-color, #CDA521);
}
.themeYellowDark .group2-option3-border {
  border-color: var(--theme-dark-color, #CDA521);
}
.themeYellowDark .group2-option3-border-hover:hover {
  border-color: var(--theme-dark-color, #CDA521);
}
.themeYellowDark .group2-option4-background {
  background-color: #C8C8C8;
}
.themeYellowDark .group2-option4-background-hover:hover {
  background-color: #C8C8C8;
}
.themeYellowDark .group2-option4-color {
  color: #C8C8C8;
}
.themeYellowDark .group2-option4-color-hover:hover {
  color: #C8C8C8;
}
.themeYellowDark .group2-option4-border {
  border-color: #C8C8C8;
}
.themeYellowDark .group2-option4-border-hover:hover {
  border-color: #C8C8C8;
}
.themeYellowDark .group2-option5-background {
  background-color: #A6A6A6;
}
.themeYellowDark .group2-option5-background-hover:hover {
  background-color: #A6A6A6;
}
.themeYellowDark .group2-option5-color {
  color: #A6A6A6;
}
.themeYellowDark .group2-option5-color-hover:hover {
  color: #A6A6A6;
}
.themeYellowDark .group2-option5-border {
  border-color: #A6A6A6;
}
.themeYellowDark .group2-option5-border-hover:hover {
  border-color: #A6A6A6;
}
.themeYellowDark .group2-option6-background {
  background-color: #888888;
}
.themeYellowDark .group2-option6-background-hover:hover {
  background-color: #888888;
}
.themeYellowDark .group2-option6-color {
  color: #888888;
}
.themeYellowDark .group2-option6-color-hover:hover {
  color: #888888;
}
.themeYellowDark .group2-option6-border {
  border-color: #888888;
}
.themeYellowDark .group2-option6-border-hover:hover {
  border-color: #888888;
}
.themeYellowDark .group2-option7-background {
  background-color: #333333;
}
.themeYellowDark .group2-option7-background-hover:hover {
  background-color: #333333;
}
.themeYellowDark .group2-option7-color {
  color: #333333;
}
.themeYellowDark .group2-option7-color-hover:hover {
  color: #333333;
}
.themeYellowDark .group2-option7-border {
  border-color: #333333;
}
.themeYellowDark .group2-option7-border-hover:hover {
  border-color: #333333;
}
.themeYellowDark .group2-option16-background {
  background-color: #333333;
}
.themeYellowDark .group2-option16-background-hover:hover {
  background-color: #333333;
}
.themeYellowDark .group2-option16-color {
  color: #333333;
}
.themeYellowDark .group2-option16-color-hover:hover {
  color: #333333;
}
.themeYellowDark .group2-option16-border {
  border-color: #333333;
}
.themeYellowDark .group2-option16-border-hover:hover {
  border-color: #333333;
}
.themeYellowDark .group2-option8-background {
  background-color: #EAEAEA;
}
.themeYellowDark .group2-option8-background-hover:hover {
  background-color: #EAEAEA;
}
.themeYellowDark .group2-option8-color {
  color: #EAEAEA;
}
.themeYellowDark .group2-option8-color-hover:hover {
  color: #EAEAEA;
}
.themeYellowDark .group2-option8-border {
  border-color: #EAEAEA;
}
.themeYellowDark .group2-option8-border-hover:hover {
  border-color: #EAEAEA;
}
.themeYellowDark .group2-option9-background {
  background-color: #808080;
}
.themeYellowDark .group2-option9-background-hover:hover {
  background-color: #808080;
}
.themeYellowDark .group2-option9-color {
  color: #808080;
}
.themeYellowDark .group2-option9-color-hover:hover {
  color: #808080;
}
.themeYellowDark .group2-option9-border {
  border-color: #808080;
}
.themeYellowDark .group2-option9-border-hover:hover {
  border-color: #808080;
}
.themeYellowDark .group2-option10-background {
  background-color: #A6A6A6;
}
.themeYellowDark .group2-option10-background-hover:hover {
  background-color: #A6A6A6;
}
.themeYellowDark .group2-option10-color {
  color: #A6A6A6;
}
.themeYellowDark .group2-option10-color-hover:hover {
  color: #A6A6A6;
}
.themeYellowDark .group2-option10-border {
  border-color: #A6A6A6;
}
.themeYellowDark .group2-option10-border-hover:hover {
  border-color: #A6A6A6;
}
.themeYellowDark .group2-option11-background {
  background-color: #4A4A4A;
}
.themeYellowDark .group2-option11-background-hover:hover {
  background-color: #4A4A4A;
}
.themeYellowDark .group2-option11-color {
  color: #4A4A4A;
}
.themeYellowDark .group2-option11-color-hover:hover {
  color: #4A4A4A;
}
.themeYellowDark .group2-option11-border {
  border-color: #4A4A4A;
}
.themeYellowDark .group2-option11-border-hover:hover {
  border-color: #4A4A4A;
}
.themeYellowDark .group2-option13-background {
  background-color: #1f3a93;
}
.themeYellowDark .group2-option13-background-hover:hover {
  background-color: #1f3a93;
}
.themeYellowDark .group2-option13-color {
  color: #1f3a93;
}
.themeYellowDark .group2-option13-color-hover:hover {
  color: #1f3a93;
}
.themeYellowDark .group2-option13-border {
  border-color: #1f3a93;
}
.themeYellowDark .group2-option13-border-hover:hover {
  border-color: #1f3a93;
}
.themeYellowDark .group2-option14-background {
  background-color: #0045FF;
}
.themeYellowDark .group2-option14-background-hover:hover {
  background-color: #0045FF;
}
.themeYellowDark .group2-option14-color {
  color: #0045FF;
}
.themeYellowDark .group2-option14-color-hover:hover {
  color: #0045FF;
}
.themeYellowDark .group2-option14-border {
  border-color: #0045FF;
}
.themeYellowDark .group2-option14-border-hover:hover {
  border-color: #0045FF;
}
.themeYellowDark .group2-option15-background {
  background-color: #B3B3B3;
}
.themeYellowDark .group2-option15-background-hover:hover {
  background-color: #B3B3B3;
}
.themeYellowDark .group2-option15-color {
  color: #B3B3B3;
}
.themeYellowDark .group2-option15-color-hover:hover {
  color: #B3B3B3;
}
.themeYellowDark .group2-option15-border {
  border-color: #B3B3B3;
}
.themeYellowDark .group2-option15-border-hover:hover {
  border-color: #B3B3B3;
}
.themeYellowDark .group4-option1-background {
  background-color: #E6E6E6;
}
.themeYellowDark .group4-option1-background-hover:hover {
  background-color: #E6E6E6;
}
.themeYellowDark .group4-option1-color {
  color: #E6E6E6;
}
.themeYellowDark .group4-option1-color-hover:hover {
  color: #E6E6E6;
}
.themeYellowDark .group4-option1-border {
  border-color: #E6E6E6;
}
.themeYellowDark .group4-option1-border-hover:hover {
  border-color: #E6E6E6;
}
.themeYellowDark .group4-option2-background {
  background-color: #F9E385;
}
.themeYellowDark .group4-option2-background-hover:hover {
  background-color: #F9E385;
}
.themeYellowDark .group4-option2-color {
  color: #F9E385;
}
.themeYellowDark .group4-option2-color-hover:hover {
  color: #F9E385;
}
.themeYellowDark .group4-option2-border {
  border-color: #F9E385;
}
.themeYellowDark .group4-option2-border-hover:hover {
  border-color: #F9E385;
}
.themeYellowDark .group4-option3-background {
  background-color: #EA433B;
}
.themeYellowDark .group4-option3-background-hover:hover {
  background-color: #EA433B;
}
.themeYellowDark .group4-option3-color {
  color: #EA433B;
}
.themeYellowDark .group4-option3-color-hover:hover {
  color: #EA433B;
}
.themeYellowDark .group4-option3-border {
  border-color: #EA433B;
}
.themeYellowDark .group4-option3-border-hover:hover {
  border-color: #EA433B;
}
.themeYellowDark .group4-option4-background {
  background-color: #333333;
}
.themeYellowDark .group4-option4-background-hover:hover {
  background-color: #333333;
}
.themeYellowDark .group4-option4-color {
  color: #333333;
}
.themeYellowDark .group4-option4-color-hover:hover {
  color: #333333;
}
.themeYellowDark .group4-option4-border {
  border-color: #333333;
}
.themeYellowDark .group4-option4-border-hover:hover {
  border-color: #333333;
}
.themeYellowDark .group4-option5-background {
  background-color: #FFFFFF;
}
.themeYellowDark .group4-option5-background-hover:hover {
  background-color: #FFFFFF;
}
.themeYellowDark .group4-option5-color {
  color: #FFFFFF;
}
.themeYellowDark .group4-option5-color-hover:hover {
  color: #FFFFFF;
}
.themeYellowDark .group4-option5-border {
  border-color: #FFFFFF;
}
.themeYellowDark .group4-option5-border-hover:hover {
  border-color: #FFFFFF;
}
body {
  -webkit-font-smoothing: antialiased;
}
@font-face {
  font-family: 'wf_segoe-ui_light';
  src: url("../fonts/SegoeUI-Light-final.eot");
  src: local('Segoe UI Light'), local('Segoe WP Light'), url("../fonts/SegoeUI-Light-final.eot?#iefix") format('embedded-opentype'), url("../fonts/SegoeUI-Light-final.woff") format('woff'), url("../fonts/SegoeUI-Light-final.ttf") format('truetype'), url("../fonts/SegoeUI-Light-final.svg#web") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'wf_segoe-ui_semilight';
  src: url("../fonts/SegoeUI-SemiLight-final.eot");
  src: local('Segoe UI Semilight'), local('Segoe WP Light'), url("../fonts/SegoeUI-SemiLight-final.eot?#iefix") format('embedded-opentype'), url("../fonts/SegoeUI-SemiLight-final.woff") format('woff'), url("../fonts/SegoeUI-SemiLight-final.ttf") format('truetype'), url("../fonts/SegoeUI-SemiLight-final.svg#web") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'wf_segoe-ui_normal';
  src: url("../fonts/SegoeUI-Regular-final.eot");
  src: local('Segoe UI'), local('Segoe'), local('Segoe WP'), url("../fonts/SegoeUI-Regular-final.eot?#iefix") format('embedded-opentype'), url("../fonts/SegoeUI-Regular-final.woff") format('woff'), url("../fonts/SegoeUI-Regular-final.ttf") format('truetype'), url("../fonts/SegoeUI-Regular-final.svg#web") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'wf_segoe-ui_normal';
  src: url("../fonts/SegoeUI-Regular-final.eot");
  src: local('Segoe UI bold'), local('Segoe bold'), local('Segoe WP bold'), url("../fonts/SegoeUI-Bold-final.eot?#iefix") format('embedded-opentype'), url("../fonts/SegoeUI-Bold-final.woff") format('woff'), url("../fonts/SegoeUI-Bold-final.ttf") format('truetype'), url("../fonts/SegoeUI-Bold-final.svg#web") format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'wf_segoe-ui_semibold';
  src: url("../fonts/SegoeUI-SemiBold-final.eot");
  src: local('Segoe UI Semibold'), local('Segoe Semibold'), local('Segoe WP Semibold'), url("../fonts/SegoeUI-SemiBold-final.eot?#iefix") format('embedded-opentype'), url("../fonts/SegoeUI-SemiBold-final.woff") format('woff'), url("../fonts/SegoeUI-SemiBold-final.ttf") format('truetype'), url("../fonts/SegoeUI-SemiBold-final.svg#web") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'wf_segoe-ui_bold';
  src: url("../fonts/SegoeUI-Bold-final.eot");
  src: local('Segoe UI bold'), local('Segoe bold'), local('Segoe WP bold'), url("../fonts/SegoeUI-Bold-final.eot?#iefix") format('embedded-opentype'), url("../fonts/SegoeUI-Bold-final.woff") format('woff'), url("../fonts/SegoeUI-Bold-final.ttf") format('truetype'), url("../fonts/SegoeUI-Bold-final.svg#web") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'wf_standard-font';
  src: url("../fonts/StandardFont.eot");
  src: url("../fonts/StandardFont.eot?#iefix") format('embedded-opentype'), url("../fonts/StandardFont.woff") format('woff'), url("../fonts/StandardFont.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'wf_standard-font_bold';
  src: url("../fonts/StandardFontBold.eot");
  src: url("../fonts/StandardFontBold.eot?#iefix") format('embedded-opentype'), url("../fonts/StandardFontBold.woff") format('woff'), url("../fonts/StandardFontBold.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'wf_standard-font_light';
  src: url("../fonts/StandardFontLight.eot");
  src: url("../fonts/StandardFontLight.eot?#iefix") format('embedded-opentype'), url("../fonts/StandardFontLight.woff") format('woff'), url("../fonts/StandardFontLight.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Calibri';
  src: local('Calibri'), local('Calibri Regular'), url('https://fs.microsoft.com/fs/4.18/rawguids/40424077043') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Calibri';
  src: local('Calibri Bold'), url('https://fs.microsoft.com/fs/4.18/rawguids/38134751148') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Calibri';
  src: local('Calibri Italic'), url('https://fs.microsoft.com/fs/4.18/rawguids/43694460458') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Calibri';
  src: local('Calibri Bold Italic'), url('https://fs.microsoft.com/fs/4.18/rawguids/38249679578') format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Cambria';
  src: local('Cambria'), local('Cambria Regular'), url('https://fs.microsoft.com/fs/4.18/rawguids/38986015697') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Cambria';
  src: local('Cambria Bold'), url('https://fs.microsoft.com/fs/4.18/rawguids/38770737849') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Cambria';
  src: local('Cambria Italic'), url('https://fs.microsoft.com/fs/4.18/rawguids/29027199858') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Cambria';
  src: local('Cambria Bold Italic'), url('https://fs.microsoft.com/fs/4.18/rawguids/33301484845') format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Cambria Math';
  src: local('Cambria Math'), local('Cambria Math Regular'), url('https://fs.microsoft.com/fs/4.18/rawguids/40193268453') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Candara';
  src: local('Candara'), local('Candara Regular'), url('https://fs.microsoft.com/fs/4.18/rawguids/38835860617') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Candara';
  src: local('Candara Bold'), url('https://fs.microsoft.com/fs/4.18/rawguids/39463945589') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Candara';
  src: local('Candara Italic'), url('https://fs.microsoft.com/fs/4.18/rawguids/30179827037') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Candara';
  src: local('Candara Bold Italic'), url('https://fs.microsoft.com/fs/4.18/rawguids/36371798918') format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Consolas';
  src: local('Consolas'), local('Consolas Regular'), url('https://fs.microsoft.com/fs/4.18/rawguids/33167468773') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Consolas';
  src: local('Consolas Bold'), url('https://fs.microsoft.com/fs/4.18/rawguids/29905000376') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Consolas';
  src: local('Consolas Italic'), url('https://fs.microsoft.com/fs/4.18/rawguids/40367000206') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Consolas';
  src: local('Consolas Bold Italic'), url('https://fs.microsoft.com/fs/4.18/rawguids/31331056595') format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Constantia';
  src: local('Constantia'), local('Constantia Regular'), url('https://fs.microsoft.com/fs/4.18/rawguids/31448377222') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Constantia';
  src: local('Constantia Bold'), url('https://fs.microsoft.com/fs/4.18/rawguids/38492810258') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Constantia';
  src: local('Constantia Italic'), url('https://fs.microsoft.com/fs/4.18/rawguids/39168665702') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Constantia';
  src: local('Constantia Bold Italic'), url('https://fs.microsoft.com/fs/4.18/rawguids/41878151071') format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Corbel';
  src: local('Corbel'), local('Corbel Regular'), url('https://fs.microsoft.com/fs/4.18/rawguids/35115404204') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Corbel';
  src: local('Corbel Bold'), url('https://fs.microsoft.com/fs/4.18/rawguids/41928964640') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Corbel';
  src: local('Corbel Italic'), url('https://fs.microsoft.com/fs/4.18/rawguids/37832507313') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Corbel';
  src: local('Corbel Bold Italic'), url('https://fs.microsoft.com/fs/4.18/rawguids/40714016858') format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Lucida Sans Unicode';
  src: local('Lucida Sans Unicode'), local('Lucida Sans Unicode Regular'), url('https://fs.microsoft.com/fs/4.18/rawguids/35821919345') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.smallFontSize {
  font-size: 12px;
}
.mediumFontSize {
  font-size: 14px;
}
.largeFontSize {
  font-size: 16px;
}
.typeRamp.formLabel {
  font-size: 14px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  text-transform: none;
}
.typeRamp.buttonLabel {
  font-size: 16px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  text-transform: none;
}
.typeRamp.paragraphText {
  font-size: 16px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  text-transform: none;
}
.typeRamp.authoringPaneText {
  font-size: 12px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  text-transform: none;
}
.styleLibrary.compact .typeRamp.formLabel {
  font-size: 12px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  text-transform: none;
}
.styleLibrary.compact .typeRamp.buttonLabel {
  font-size: 12px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  text-transform: none;
}
.styleLibrary.compact .typeRamp.paragraphText {
  font-size: 12px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  text-transform: none;
}
.styleLibrary.compact .typeRamp.authoringPaneText {
  font-size: 12px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  text-transform: none;
}
.styleLibrary.formElement {
  display: block;
  line-height: 1;
  margin: 0;
  padding: 0;
  text-align: left;
}
.styleLibrary.formElement label {
  position: relative;
  display: inline-block;
  width: auto;
  padding: 0;
  margin: 0;
  text-overflow: ellipsis;
  pointer-events: none;
}
.styleLibrary.formElement label:first-letter {
  text-transform: uppercase;
}
/* Colors for form/input elements */
/* #C8C8C8 */
/* #F4F4F4 */
/* #777777 */
/* NOT IN RED LINE */
/* #F2C811 */
/* NOT IN RED LINE */
/* #333333 */
/* white   */
/* NOT IN RED LINE */
/* #F4F4F4 */
/* #A6A6A6 */
/* #A6A6A6 */
/* */
/* NOT IN RED LINE */
/* #333333 */
/* #A6A6A6 */
/* NOT IN RED LINE */
/* #333333 */
/* NOT IN RED LINE */
/* Global spacing/alignment settings that apply accross form/input elements */
/* Must be even */
/* height and width of checkbox and radiobutton */
/* height of boxed button, textfield and select*/
/* common element-to-element spacer with in element grouping (example: label and input box) */
/* assumed boarder size for most elements */
/* space inbetween a grouping of elements/element parts */
/* space below an element/element grouping */
/* padding on a select box */
/* padding on a select box */

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}
/*************** SCROLLBAR BASE CSS ***************/

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}









/*************** SIMPLE INNER SCROLLBAR ***************/

.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }


.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }










/*************** SIMPLE OUTER SCROLLBAR ***************/

.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-outer > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-outer > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; }

.scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; }
.scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eeeeee; }

.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; }
.scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; }
.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }


/* scrollbar height/width & offset from container borders */

.scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; }
.scrollbar-outer > .scroll-content.scroll-scrollx_visible { top:  -12px; margin-top:  12px; }

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; }

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; }










/*************** SCROLLBAR MAC OS X ***************/

.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div
{
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-macosx > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-macosx > .scroll-element .scroll-element_track { display: none; }
.scrollbar-macosx > .scroll-element .scroll-bar {
    background-color: #6C6E71;
    display: block;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;

    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}


.scrollbar-macosx > .scroll-element.scroll-x {
    bottom: 0px;
    height: 0px;
    left: 0;
    min-width: 100%;
    overflow: visible;
    width: 100%;
}

.scrollbar-macosx > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0px;
    top: 0;
    width: 0px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; }

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; }
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; }

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; }

/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }










/*************** SCROLLBAR LIGHT ***************/

.scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-light > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-light > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-light > .scroll-element .scroll-element_outer {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.scrollbar-light > .scroll-element .scroll-element_size {
    background: #dbdbdb;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dbdbdb), color-stop(100%,#e8e8e8));
    background: -webkit-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: -o-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: -ms-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: linear-gradient(to right, #dbdbdb 0%,#e8e8e8 100%);

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.scrollbar-light > .scroll-element.scroll-x {
    bottom: 0;
    height: 17px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-light > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 17px;
}

.scrollbar-light > .scroll-element .scroll-bar {
    background: #fefefe;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fefefe), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
    background: -o-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
    background: linear-gradient(to right, #fefefe 0%,#f5f5f5 100%);

    border: 1px solid #dbdbdb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-light > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
.scrollbar-light > .scroll-content.scroll-scrollx_visible { top:  -17px; margin-top:  17px; }

.scrollbar-light > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 0px; }
.scrollbar-light > .scroll-element.scroll-y .scroll-bar { left: 0px; min-height: 10px; width: 10px; }

.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer { height: 12px; left: 2px; top: 2px; }
.scrollbar-light > .scroll-element.scroll-x .scroll-element_size { left: -4px; }

.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer { left: 2px; top: 2px; width: 12px; }
.scrollbar-light > .scroll-element.scroll-y .scroll-element_size { top: -4px; }

/* update scrollbar offset if both scrolls are visible */

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; }
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; }

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; }
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; }










/*************** SCROLLBAR RAIL ***************/

.scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div
{
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-rail > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-rail > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-rail > .scroll-element .scroll-element_size {
    background-color: #999;
    background-color: rgba(0, 0, 0, 0.3);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
    background-color: #666;
    background-color: rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    min-width: 100%;
    padding: 3px 0 2px;
    width: 100%;
}

.scrollbar-rail > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    padding: 0 2px 0 3px;
    right: 0;
    top: 0;
    width: 12px;
}

.scrollbar-rail > .scroll-element .scroll-bar {
    background-color: #d0b9a0;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

/* scrollbar height/width & offset from container borders */

.scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
.scrollbar-rail > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; }

.scrollbar-rail > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 1px; }
.scrollbar-rail > .scroll-element.scroll-y .scroll-bar { left: 1px; min-height: 10px; width: 10px; }

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer { height: 15px; left: 5px; }
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 5px; }

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 15px; }
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size { left: 5px; top: -10px; width: 2px; }

/* update scrollbar offset if both scrolls are visible */

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -25px; }
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -25px; }

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; }
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -25px; }










/*************** SCROLLBAR DYNAMIC ***************/

.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div
{
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-dynamic > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-x {
    bottom: 2px;
    height: 7px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 2px;
    top: 0;
    width: 7px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_outer {
    opacity: 0.3;

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.scrollbar-dynamic > .scroll-element .scroll-element_size {
    background-color: #cccccc;
    opacity: 0;

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;

    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.scrollbar-dynamic > .scroll-element .scroll-bar {
    background-color: #6c6e71;

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
    bottom: 0;
    height: 7px;
    min-width: 24px;
    top: auto;
}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
    left: auto;
    min-height: 24px;
    right: 0;
    width: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
    bottom: 0;
    top: auto;
    left: 2px;

    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -o-transition: height 0.2s;
    -ms-transition: height 0.2s;
    transition: height 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
    left: auto;
    right: 0;
    top: 2px;

    -webkit-transition: width 0.2s;
    -moz-transition: width 0.2s;
    -o-transition: width 0.2s;
    -ms-transition: width 0.2s;
    transition: width 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size { top: -4px; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }


/* hover & drag */

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
    overflow: hidden;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
    opacity: 1;
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
    height: 100%;
    width: 100%;

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
    height: 20px;
    min-height: 7px;
}
.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
    min-width: 7px;
    width: 20px;
}










/*************** SCROLLBAR GOOGLE CHROME ***************/

.scrollbar-chrome > .scroll-element,
.scrollbar-chrome > .scroll-element div
{
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-chrome > .scroll-element {
    background-color: #ffffff;
}

.scrollbar-chrome > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-chrome > .scroll-element .scroll-element_outer {}

.scrollbar-chrome > .scroll-element .scroll-element_track {
    background: #f1f1f1;
    border: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x {
    bottom: 0;
    height: 16px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-chrome > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 16px;
}

.scrollbar-chrome > .scroll-element .scroll-bar {
    background-color: #d9d9d9;
    border: 1px solid #bdbdbd;
    cursor: default;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.scrollbar-chrome > .scroll-element .scroll-bar:hover {
    background-color: #c2c2c2;
    border-color: #a9a9a9;
}

.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191;
    border-color: #7e7e7e;
}

/* scrollbar height/width & offset from container borders */

.scrollbar-chrome > .scroll-content.scroll-scrolly_visible { left: -16px; margin-left: 16px; }
.scrollbar-chrome > .scroll-content.scroll-scrollx_visible { top:  -16px; margin-top:  16px; }

.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar { height: 8px; min-width: 10px; top: 3px; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar { left: 3px; min-height: 10px; width: 8px; }

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer { border-left: 1px solid #dbdbdb; }
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track { height: 14px; left: -3px; }
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size { height: 14px; left: -4px; }

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer { border-top: 1px solid #dbdbdb; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track { top: -3px; width: 14px; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size { top: -4px; width: 14px; }

/* update scrollbar offset if both scrolls are visible */

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; }
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; }

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; }
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; }








/*! nouislider - 14.6.2 - 9/16/2020 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
}
.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}
.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}
.noUi-connect {
  height: 100%;
  width: 100%;
}
.noUi-origin {
  height: 10%;
  width: 10%;
}
/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}
/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  width: 0;
}
.noUi-horizontal .noUi-origin {
  height: 0;
}
.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}
.noUi-touch-area {
  height: 100%;
  width: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}
.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  top: -17px;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}
/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-connects {
  border-radius: 3px;
}
.noUi-connect {
  background: #3FB8AF;
}
/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}
.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}
/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}
.noUi-handle:after {
  left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}
.noUi-vertical .noUi-handle:after {
  top: 17px;
}
/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}
/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: #999;
}
/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}
.noUi-marker-sub {
  background: #AAA;
}
.noUi-marker-large {
  background: #AAA;
}
/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}
.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}
/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}
.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}
.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}
.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}

#smartbanner {
  position:absolute;
  left:0;
  top:0;
  border-bottom:2px solid #e8e8e8;
  width:100%;
  height:80px;
  font-family:'Helvetica Neue',sans-serif;
  background: #fff;
  z-index:9998;
  -webkit-font-smoothing:antialiased;
  overflow:hidden;
  -webkit-text-size-adjust:none;
  box-sizing: border-box;
}
#smartbanner .sb-container {
  margin: 0 auto;
}
#smartbanner .sb-close {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  text-align: center;
  text-decoration: none;
  -webkit-font-smoothing: subpixel-antialiased;
  border: 0;
  width: 17px;
  height: 100%;
  line-height: 25px;
  color: #999 !important;
  border-radius: 0;
  background: none;
  box-shadow: none;
  text-shadow: none;
  font-size: 25px;
  padding: 2px 5px;
}
#smartbanner .sb-close:active {
  color:#aaa;
}
#smartbanner .sb-icon {
  position:absolute;
  left:30px;
  top:10px;
  display:block;
  width:55px;
  height:55px;
  background-size:cover;
  border-radius: 4px;
}
#smartbanner.no-icon .sb-icon {
  display:none;
}
#smartbanner .sb-info {
  position:absolute;
  left:98px;
  top:18px;
  width:44%;
  font-size:12px;
  line-height:1.2em;
  color:#6a6a6a;
  text-shadow:0 1px 0 rgba(255,255,255,0.8);
}
#smartbanner #smartbanner.no-icon .sb-info {
  left:34px;
}
#smartbanner .sb-info strong {
  display:block;
  font-size:13px;
  color:#000;
  line-height: 18px;
  font-weight: bold;
}
#smartbanner .sb-info > span {
  display:block;
}
#smartbanner .sb-info .sb-price {
}
#smartbanner .sb-info em {
  font-style:normal;
  text-transform:uppercase;
}
#smartbanner .sb-button {
  position:absolute;
  right:20px;
  top:24px;
  border:1px solid #bfbfbf;
  padding: 0 10px;
  min-width: 7%;
  height:24px;
  font-size:14px;
  line-height:24px;
  text-align:center;
  font-weight:regular;
  text-transform:titlecase;
  text-decoration:none;
  border-radius:1px;
  color: #ffffff !important;
  background-color: #333333;
}
#smartbanner .sb-icon.gloss:after {
  content:'';
  position:absolute;
  left:0;
  top:-1px;
  border-top:1px solid rgba(255,255,255,0.8);
  width:100%;
  height:50%;
  background:-webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%);
  border-radius:10px 10px 12px 12px;
}
/* iOS*/
#smartbanner.ios .sb-close {
  color: #999 !important;
  padding: 7px;
}
/* Android */
#smartbanner.android {
  border-color: #ccc;
  background: #ffffff;
  box-shadow: none;
  font-family: "Roboto",Arial,sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: #8d8d8d;
}
#smartbanner.android .sb-close {
  color: #999 !important;
  padding: 5px;
}
#smartbanner.android .sb-close:active {
  color:#eee;
}
#smartbanner.android .sb-info {
  text-shadow: none;
  font-weight: normal;
}
#smartbanner.android .sb-info strong {
  color: #333;
}
#smartbanner.android .sb-info .sb-price {
  color: #b3c833;
}
#smartbanner.android .sb-button:active, #smartbanner.android .sb-button:hover {
  box-shadow: 0 1px 0 rgba(0,0,0,.4);
}
#smartbanner.android .sb-button:active span, #smartbanner.android .sb-button:hover span {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
/* Windows RT */
#smartbanner.windows {
  background: #ffffff;
  font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
}
#smartbanner.windows .sb-info {
  text-shadow: none;
  font-weight: normal;
}

/*------------------------------------------------------------------
  <copyright company="Microsoft">
	   Copyright (c) Microsoft.  All rights reserved.
  </copyright>
------------------------------------------------------------------*/
/**
  * This CSS file must not contain any global element style definitions
  * Every element in this file must be prefixed with infonav- namespace
  */
::-ms-clear {
  /* This gets rid of the IE input clear button */
  display: none;
}
.ui-widget {
  font-family: Segoe UI, Segoe, Tahoma, Helvetica, Arial, sans-serif;
}
/* Start Common Styles*/
.hidden {
  display: none;
}
/* End Common Styles*/
/* Error Message Styles */
.infonav-errorInfoHeader {
  font-weight: bold;
  margin-right: 10px;
}
.infonav-errorTitle {
  margin-bottom: 20px;
}
.infonav-errorDetail {
  color: gray;
  margin-bottom: 20px;
}
/* END Error Message Styles */
/* Modal Dialog Styles */
.infonav-modalContainer {
  display: none;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.65);
  z-index: 300;
  font-family: Segoe UI, Segoe, Tahoma, Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.infonav-modalContainer .infonav-linkIcon {
  margin-left: 5px;
  vertical-align: sub;
}
.infonav-modalContainer .trial-success-dialog {
  max-width: 540px;
  color: var(--gray-180, #252423);
}
.infonav-modalContainer .trial-success-dialog .infonav-dialogContent {
  padding: 10px 0;
}
.infonav-modalContainer .trial-success-dialog .infonav-dialogTitle {
  font-weight: 600;
  font-size: 20px;
}
.infonav-modalContainer .infonav-modalDialog {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 750px;
  background: var(--colorNeutralBackground1);
  color: var(--colorNeutralForeground1);
  border: var(--colorNeutralStroke1) solid 1px;
  box-shadow: 0px 0px 20px var(--colorNeutralStroke1);
  outline: none;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  .infonav-modalContainer .infonav-modalDialog {
    position: unset;
    width: 100%;
  }
}
.infonav-modalContainer.small .infonav-modalDialog {
  width: 550px;
}
.infonav-modalContainer .infonav-dialogLayout {
  padding: 20px;
}
.infonav-modalContainer .infonav-dialogContent {
  padding: 15px 0px 5px 0px;
  max-height: 700px;
  overflow: auto;
}
.infonav-modalContainer .infonav-dialogContent .infonav-dialogContentNotification {
  padding: 10px 8px 10px 0px;
  display: flex;
  margin-bottom: 15px;
}
.infonav-modalContainer .infonav-dialogContent .infonav-dialogContentNotification .infonav-dialogContentNotificationText {
  padding-right: 8px;
}
.infonav-modalContainer .infonav-dialogContent .typeWarning {
  background-color: #FFF9AE;
}
.infonav-modalContainer .infonav-dialogContent .typeSecurityWarning {
  background-color: #FFF9AE;
}
.infonav-modalContainer .infonav-dialogContent .typeInfo {
  margin-top: 10px;
  font-size: 12px;
  background-color: var(--gray-20, #F3F2F1);
  color: var(--gray-180, #252423);
}
.infonav-modalContainer .infonav-dialogContent .infonav-dialogContentNotification .glyphicon {
  padding: 0px 8px 0px 8px;
  font-size: 16px;
  color: var(--gray-140, #484644);
}
.infonav-modalContainer .infonav-dialogTitle {
  font-size: 24px;
  margin-top: -6px;
}
.infonav-modalContainer .infonav-dialogCloseIcon {
  display: inline-flex !important;
  z-index: 1;
  background-color: transparent;
  border: none;
  padding: 0;
  background-image: url("InfoNav-Sprites.png");
  background-position: -36px -24px;
  cursor: pointer;
  height: 14px;
  width: 13px;
  position: absolute;
  top: 20px;
  right: 20px;
}
html[data-focus-source="key"] .infonav-modalContainer .infonav-dialogCloseIcon:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
[dir="rtl"] .infonav-modalContainer .infonav-dialogCloseIcon {
  right: auto;
  left: 20px;
}
.infonav-modalContainer .infonav-dialogActions {
  display: inline-flex;
  justify-content: flex-end;
  flex: 1 0 auto;
  text-align: right;
  min-height: 32px;
}
.infonav-modalContainer .infonav-dialogFooter {
  display: inline-flex;
  width: 100%;
}
.infonav-modalContainer .infonav-dialogFooter .modalErrorHelpLink {
  display: inline-flex;
  align-items: center;
  flex: 0 1 auto;
}
[dir="rtl"] .infonav-modalContainer .infonav-dialogActions {
  text-align: left;
}
.infonav-modalContainer .infonav-dialogActions input[type="button"] {
  margin-left: 5px;
  margin-right: 5px;
  min-width: 60px;
  padding: 5px 34px;
  font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 14px;
  cursor: pointer;
  outline: none;
  background-color: #8EBBDD;
  border: 1px solid #8EBBDD;
  color: white;
}
.infonav-modalContainer .infonav-dialogActions .modalCopyToClipboard {
  padding: 5px 34px;
}
.infonav-modalContainer .infonav-dialogActions input[type="button"]:hover {
  color: white;
  background-color: #0072C6;
  border-color: #0072C6;
}
.infonav-modalContainer .infonav-dialogActions input[type="button"]:focus {
  color: white;
  background-color: #8EBBDD;
  border-color: #0072C6;
}
.infonav-modalContainer .infonav-dialogActions input[type="button"]:focus:hover {
  color: white;
  background-color: #0072C6;
  border-color: #0072C6;
}
.infonav-modalContainer .infonav-dialogActions input[type="button"]:disabled {
  color: white;
  border-color: #C4C4C4;
  background-color: #C4C4C4;
  cursor: default;
}
.infonav-modalContainer .infonav-dialogActions input[type="button"]:disabled:active {
  color: white;
  border-color: #C4C4C4;
  background-color: #C4C4C4;
  cursor: default;
}
.infonav-modalContainer .infonav-dialogActions input[type="button"]:active {
  background-color: #8EBBDD;
  border: 1px solid #8EBBDD;
  color: white;
}
/* END Modal Dialog Styles */

.uploadFormat {
  margin-left: 20px;
}
.uploadFormat .title {
  font-family: var(--bold-secondary-font-family, 'wf_standard-font_bold', helvetica, arial, sans-serif);
  color: var(--neutral-primary-color, #333333);
}
.uploadFormat .text {
  font-size: 18px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  color: var(--neutral-secondary-color, #666666);
}
.uploadFormat .contentContainer {
  margin-top: 30px;
  width: 80%;
  max-width: 1260px;
  white-space: nowrap;
}
.uploadFormat .contentContainer .spacer {
  width: 100%;
  height: 40px;
}
.uploadFormat .contentContainer .contentItem {
  width: 100%;
  white-space: normal;
  vertical-align: top;
}
.uploadFormat .contentContainer .contentItem .optionColumn {
  width: 40%;
}
.uploadFormat .contentContainer .contentItem .optionColumn .contentItemTitle {
  color: var(--neutral-primary-color, #333333);
  font-family: var(--bold-secondary-font-family, 'wf_standard-font_bold', helvetica, arial, sans-serif);
  font-size: 24px;
}
.uploadFormat .contentContainer .contentItem .optionColumn .contentItemDescription {
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  color: var(--neutral-secondary-color, #666666);
  font-size: 18px;
  line-height: 34px;
  margin-top: 10px;
}
.uploadFormat .contentContainer .contentItem .optionColumn .contentBtnItem {
  margin-top: 36px;
  position: relative;
}
.uploadFormat .contentContainer .contentItem .optionColumn .contentBtnItem .BigBtn {
  color: var(--button-primary-content-color, #000);
  font-size: 20px;
  min-width: 150px;
  min-height: 54px;
  text-align: left;
  margin: 0;
  padding-left: 20px;
}
.uploadFormat .contentContainer .contentItem .optionColumn .contentBtnItem .BigBtn:disabled {
  background: var(--theme-dark-color, #CDA521);
}
.uploadFormat .contentContainer .contentItem .optionColumn .contentBtnItem .ffxlDisabled {
  opacity: 0.4;
}
.uploadFormat .contentContainer .contentItem .optionColumn .contentBtnItem .arrow {
  margin-left: 40px;
  margin-right: 8px;
  font-size: 22px;
  vertical-align: top;
}
.uploadFormat .contentContainer .contentItem .seperatorColumn {
  width: 15%;
  text-align: center;
  padding-right: 20px;
}
.uploadFormat .contentContainer .contentItem .seperatorColumn .contentItemTitle {
  color: var(--neutral-primary-color, #333333);
  font-family: var(--bold-secondary-font-family, 'wf_standard-font_bold', helvetica, arial, sans-serif);
  font-size: 24px;
}
.uploadFormat .contentContainer .contentItem .imageContainer .importDataIntoPowerBI {
  background-image: url("../images/powerBIProvidersCommon.sprites.png");
  background-position: 0px 0px;
  width: 217px;
  height: 171px;
}
.uploadFormat .contentContainer .contentItem .imageContainer .viewExcelInPowerView {
  background-image: url("../images/powerBIProvidersCommon.sprites.png");
  background-position: -217px 0px;
  width: 217px;
  height: 171px;
}
.buttonProviderFormat.submitBtn {
  background-color: var(--button-primary-base-fill-color, #F2C811);
  color: var(--button-primary-content-color);
  height: 30px;
  min-width: 110px;
  padding: 0;
  border: 0;
  padding: 2px 10px;
  color: var(--white-color, #FFF);
  margin-right: 10px;
  font-size: 0.875em;
}
.buttonProviderFormat.submitBtn:hover {
  background-color: var(--button-primary-hover-fill-color, #CDA521);
  cursor: pointer;
}
.buttonProviderFormat.submitBtn:disabled {
  background-color: var(--theme-secondary-alt-color, #444444);
  cursor: default;
}
.buttonProviderFormat.submitBtn:disabled:hover {
  background-color: var(--theme-secondary-alt-color, #444444);
}
@media only screen and (max-width: 1200px) {
  .uploadFormat .title {
    font-size: 21px;
  }
  .uploadFormat .text {
    font-size: 16px;
  }
  .uploadFormat .contentContainer {
    width: 100%;
    transform: translateY(-100px);
  }
  .uploadFormat .contentContainer .contentItem .imageContainer {
    transform: scale(0.6) translate(-30%, 60%);
  }
  html[dir="rtl"] .uploadFormat .contentContainer .contentItem .imageContainer {
    transform: scale(0.6) translate(30%, 60%);
  }
  .uploadFormat .contentContainer .contentItem .optionColumn .contentItemTitle {
    font-size: 20px;
  }
  .uploadFormat .contentContainer .contentItem .optionColumn .contentItemDescription {
    font-size: 14px;
    line-height: 24px;
    margin-top: 5px;
  }
  .uploadFormat .contentContainer .contentItem .optionColumn .contentBtnItem {
    margin-top: 10px;
  }
  .uploadFormat .contentContainer .contentItem .optionColumn .contentBtnItem .BigBtn {
    font-size: 16px;
    min-width: 80px;
    min-height: 36px;
    padding: 7px 15px;
    text-align: left;
  }
  .uploadFormat .contentContainer .contentItem .optionColumn .contentBtnItem .arrow {
    margin-left: 30px;
    font-size: 16px;
    margin-right: 0;
    vertical-align: top;
  }
  .uploadFormat .contentContainer .contentItem .spacer {
    height: 10px;
  }
}
/*
LESS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: @icon-home-width;
}

The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;

At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables

.icon-home {
  .sprite-width(@icon-home);
}
.icon-email {
  .sprite(@icon-email);
}

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
/*
The `.sprites` mixin generates identical output to the CSS template
  but can be overridden inside of LESS

This must be run when you have at least 2 sprites.
  If run with a single sprite, then there will be reference errors.

.sprites(@spritesheet-sprites);
*/

/*
 * Color styles MUST be set through the color palette in colors.less. This
 * will allow us to easily change the palette and get a consistent look. DO NOT
 * hard-code colors directly inside classes.
 *
 * To get integrated VS support for LESS install the Visual Studio Web Essentials.
 */
/****** dropdown-menu *******/
.angular-dropdown {
  /* Size & position */
  position: absolute;
  min-width: 200px;
  margin: 0;
  z-index: 1000;
  /* Styles */
  background: var(--white-color, #FFF);
  padding: 0;
  font-weight: normal;
  font-size: 14px;
  list-style: none;
  border: 1px solid #dedede;
  box-shadow: 0 0 8px var(--secondary-chrome-color, rgba(102, 102, 102, 0.2));
  /* Hiding */
  opacity: 0;
  pointer-events: none;
  cursor: default;
  display: none;
}
.angular-dropdown.override-box-shadow {
  box-shadow: 0 0 0 var(--secondary-chrome-color, rgba(102, 102, 102, 0.2));
}
.angular-dropdown li.divider {
  padding-top: 1px;
  background: var(--neutral-light-color, #EAEAEA);
}
.angular-dropdown button.dropdown-item {
  background-color: transparent;
  width: 100%;
  display: block;
  padding: 10px 20px;
  text-decoration: none;
  font-weight: 400;
  white-space: nowrap;
  color: var(--neutral-primary-color, #333333);
  cursor: pointer;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  text-align: left;
  border: var(--focus-outline-definition, 2.5px solid) transparent;
}
@media screen and (-ms-high-contrast: active) {
  .angular-dropdown button.dropdown-item {
    border: none;
  }
}
.angular-dropdown button.dropdown-item:focus {
  border-color: var(--neutral-tertiary-color, #A6A6A6);
  border-radius: 2px;
}
.angular-dropdown button.dropdown-item:hover {
  background-color: var(--neutral-light-color, #EAEAEA);
}
.angular-dropdown button.dropdown-item:disabled {
  color: var(--neutral-tertiary-alt-color, #C8C8C8);
  cursor: default;
}
.angular-dropdown button.dropdown-item:disabled:hover {
  background-color: transparent;
}
.angular-dropdown .dropdown-separator {
  padding: 0;
  border-bottom: 1px solid var(--secondary-chrome-color, rgba(102, 102, 102, 0.2));
}
.angular-dropdown .groupContextMenuSeparator {
  border: 1px solid var(--neutral-light-color, #EAEAEA);
  display: block;
  margin: 0 20px;
}
.angular-dropdown li.dropdown-item > a,
.angular-dropdown div.dropdown-item > a,
.angular-dropdown li.dropdown-item span,
.angular-dropdown div.dropdown-item span,
.angular-dropdown li.dropdown-item button,
.angular-dropdown div.dropdown-item button {
  display: block;
  padding: 10px 20px;
  text-decoration: none;
  font-weight: 400;
  white-space: nowrap;
  border: var(--focus-outline-definition, 2.5px solid) transparent;
}
@media screen and (-ms-high-contrast: active) {
  .angular-dropdown li.dropdown-item > a,
  .angular-dropdown div.dropdown-item > a,
  .angular-dropdown li.dropdown-item span,
  .angular-dropdown div.dropdown-item span,
  .angular-dropdown li.dropdown-item button,
  .angular-dropdown div.dropdown-item button {
    border: none;
  }
}
html[data-focus-source="key"] .angular-dropdown li.dropdown-item > a:focus,
html[data-focus-source="key"] .angular-dropdown div.dropdown-item > a:focus,
html[data-focus-source="key"] .angular-dropdown li.dropdown-item span:focus,
html[data-focus-source="key"] .angular-dropdown div.dropdown-item span:focus,
html[data-focus-source="key"] .angular-dropdown li.dropdown-item button:focus,
html[data-focus-source="key"] .angular-dropdown div.dropdown-item button:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.angular-dropdown li.dropdown-item > a:focus,
.angular-dropdown div.dropdown-item > a:focus,
.angular-dropdown li.dropdown-item span:focus,
.angular-dropdown div.dropdown-item span:focus,
.angular-dropdown li.dropdown-item button:focus,
.angular-dropdown div.dropdown-item button:focus {
  outline: none;
}
.angular-dropdown li.dropdown-item:hover a,
.angular-dropdown div.dropdown-item:hover a,
.angular-dropdown li.dropdown-item:hover button,
.angular-dropdown div.dropdown-item:hover button {
  background-color: var(--neutral-light-color, #EAEAEA);
}
.angular-dropdown .dropdown-item:hover {
  background: none;
}
.angular-dropdown .dropdown-item > a,
.angular-dropdown .dropdown-item span,
.angular-dropdown .dropdown-item button {
  display: block;
  text-decoration: none;
  font-weight: 400;
  white-space: nowrap;
}
.angular-dropdown .dropdown-item > a,
.angular-dropdown .dropdown-item button {
  color: var(--neutral-primary-color, #333333);
  cursor: pointer;
}
.angular-dropdown .dropdown-item > a:focus,
.angular-dropdown .dropdown-item button:focus {
  border-color: var(--neutral-tertiary-color, #A6A6A6);
  border-radius: 2px;
}
.angular-dropdown .dropdown-item > button {
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  background-color: transparent;
  width: 100%;
  text-align: left;
  border: 0;
}
.angular-dropdown .dropdown-item > span {
  color: var(--neutral-tertiary-color, #A6A6A6);
  cursor: default;
  font-size: 11px;
}
.angular-dropdown .dropdown-item .dropdown-icon {
  float: left;
  vertical-align: middle;
}
.angular-dropdown .dropdown-item .dropdown-icon.glyphicon {
  margin-right: 10px;
  line-height: 16px;
  /* fix vertical align with text */
}
.angular-dropdown .dropdown-item i {
  float: right;
  color: inherit;
}
.angular-dropdown .dropdown-item .dropdown-separator {
  padding: 0;
  border-bottom: 1px solid var(--secondary-chrome-color, rgba(102, 102, 102, 0.2));
}
.angular-dropdown .dropdown-item .groupContextMenuSeparator {
  border: 1px solid var(--neutral-light-color, #EAEAEA);
  display: block;
  margin-left: 20px;
  margin-right: 20px;
}
.angular-dropdown .dropdown-item.selectedItem {
  font-weight: bold;
  background-color: var(--neutral-tertiary-alt-color, #C8C8C8);
}
.angular-dropdown .dropdown-item.selectedItem::after {
  font-family: 'PowrMDL2';
  font-style: normal;
  font-size: 32px;
  font-size: 12px;
  content: '\E73E';
  /* taken from .pbi-glyph-checkmark */
  display: inline-block;
  position: absolute;
  margin-top: -15px;
  right: 20px;
}
.angular-dropdown .dropdown-item.selectedItem > span,
.angular-dropdown .dropdown-item.selectedItem button {
  background-color: var(--neutral-tertiary-alt-color, #C8C8C8);
}
.angular-dropdown .dropdown-item.selectedItem .dropdown-content {
  font-weight: bold;
}
.angular-dropdown.active {
  opacity: 1;
  pointer-events: auto;
  display: block;
}
.angular-dropdown.dark {
  background-color: var(--report-app-bar-dropdown-menu-background-color, #444444);
  border-color: var(--neutral-dark-color, #212121);
}
.angular-dropdown.dark .dropdown-item:hover,
.angular-dropdown.dark .dropdown-item:focus {
  background: var(--neutral-secondary-alt-color, #777777);
}
.angular-dropdown.dark .dropdown-item .dropdown-icon,
.angular-dropdown.dark .dropdown-item .dropdown-content > * {
  color: var(--white-color, #FFF);
}
.angular-dropdown.dark .dropdown-item .group1-option2-color {
  color: var(--white-color, #FFF);
}
.dropdown-block-click {
  background: white;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 900;
  opacity: 0.01;
}
ul.clickable-menu-items.active {
  pointer-events: auto;
}
@media print {
  body .angular-dropdown {
    display: none !important;
  }
}
/* Generic styling for app bars */
.appBar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  height: 40px;
  list-style-type: none;
  z-index: 5;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  font-size: 12px;
  display: flex;
  background: var(--neutral-light-color, #EAEAEA);
  overflow-y: hidden;
  overflow-x: auto;
  overflow-x: overlay;
}
.appBar::-webkit-scrollbar {
  height: 5px;
}
.appBar::-webkit-scrollbar-thumb {
  border-radius: 2px;
}
.appBar .appBarContent {
  display: flex;
  flex-grow: 1;
}
.appBar .appBarText {
  align-self: center;
  color: var(--neutral-secondary-color, #666666);
  font-family: 'wf_standard-font', helvetica, arial, sans-serif;
  white-space: nowrap;
}
.appBar .appBarTitle {
  align-self: center;
  color: var(--theme-secondary-alt-color, #444444);
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  font-size: 14px;
  white-space: nowrap;
}
.appBar .appBarSection.left {
  display: flex;
  overflow-x: visible;
}
.appBar .appBarSection.right {
  display: flex;
  flex-grow: 1;
}
.appBar .appBarSection.right > ul {
  flex-grow: 1;
}
.appBar .appBarSection.right > ul > li.rightFloatedItem {
  margin-left: auto;
  min-width: 0px;
}
@media screen and (max-width: 1200px) {
  .appBar .appBarSection.right .errorMessage,
  .appBar .appBarSection.right span:not(.displayOnSmallScreen) {
    display: none;
  }
}
.appBar .appBarSection .badge {
  cursor: pointer;
  position: relative;
  display: block;
  width: 12px;
  height: 12px;
  line-height: 12px;
  border-radius: 50%;
  background-color: var(--theme-primary-color, #F2C811);
  color: var(--text-primary-content-color);
  top: 7px;
  left: 30px;
  text-align: center;
}
.appBar .appBarSection ul {
  display: flex;
  overflow: hidden;
}
.appBar .appBarSection ul > li {
  display: flex;
  max-width: 250px;
  min-width: 36px;
  overflow: hidden;
}
.appBar .appBarSection ul > li.appBarDivider {
  min-width: 1px;
  width: 1px;
  height: 30px;
  background-color: var(--neutral-secondary-alt-color3, #999999);
  margin-top: 5px;
}
.appBar .appBarSection ul > li.noMinWidth {
  min-width: 0px;
}
.appBar .appBarSection ul > li section,
.appBar .appBarSection ul > li button {
  align-items: center;
  background-color: transparent;
  border: none;
  display: flex;
  overflow: hidden;
  padding: 0 10px;
}
.appBar .appBarSection ul > li button:focus {
  background-color: var(--neutral-tertiary-alt-color, #C8C8C8);
}
.appBar .appBarSection ul > li button[disabled] span,
.appBar .appBarSection ul > li button[disabled] .glyphicon {
  color: var(--neutral-tertiary-alt-color, #C8C8C8);
}
.appBar .appBarSection ul > li button[disabled] {
  color: var(--neutral-secondary-alt-color, #777777);
}
.appBar .appBarSection ul > li button[disabled]:hover,
.appBar .appBarSection ul > li button[disabled]:active {
  background: none;
}
.appBar .appBarSection ul > li button[disabled] span,
.appBar .appBarSection ul > li button[disabled] .glyphicon {
  color: inherit;
}
.appBar .appBarSection ul > li div {
  display: flex;
  overflow: hidden;
}
.appBar .appBarSection ul > li i.glyphicon {
  margin: 0;
  align-self: center;
}
.appBar .appBarSection ul > li i.glyphicon:not(.pbi-glyph-chevrondownmedium):not(.pbi-glyph-more) {
  margin-right: 7px;
}
.appBar .appBarSection ul > li i.glyphicon.pbi-glyph-chevrondownmedium.glyph-mini {
  font-size: 10px;
  margin-left: 4px;
}
.appBar .appBarSection ul > li i.glyphicon.pbi-glyph-warning {
  color: var(--theme-primary-color, #F2C811);
  cursor: pointer;
}
.appBar .appBarSection ul > li span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 1px;
}
.appBar .appBarSection ul > li .noFlex {
  flex: none;
}
.emptyStateLabel {
  display: inline-block;
  text-align: center;
  position: absolute;
  z-index: 1;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  font-size: 14px;
  color: var(--neutral-secondary-color, #666666);
}
.emptyStateLabel .glyphicon {
  width: 32px;
  height: 32px;
}
.emptyStateLabel .circle {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  text-align: center;
  line-height: 56px;
  border: 2px solid;
  margin: 0 auto;
  box-sizing: content-box;
}
.emptyStateLabel .emptyStateTitle {
  padding-top: 10px;
}
/* 
 * Color styles MUST be set through the color palette in colors.less. This
 * will allow us to easily change the palette and get a consistent look. DO NOT
 * hard-code colors directly inside classes.
 *
 * To get integrated VS support for LESS install the Visual Studio Web Essentials.
 */
/****** dropdown-list *******/
dropdown-list {
  /* Size & position */
  display: block;
  min-width: 200px;
  margin: 0;
  z-index: 1000;
  /* Styles */
  background: var(--white-color, #FFF);
  color: var(--neutral-primary-color-alt, #444444);
  font-weight: normal;
  font-size: 14px;
  list-style: none;
  /*
    * TODO: After design finalizes dropdown redlines and approves 
    * change to all dropdowns merge these with above styles.
    * NOTE: dropdown-list.topBar.dark is not supported / tested
    */
}
dropdown-list dropdown-list-item {
  padding: 0 !important;
  display: list-item;
  overflow: auto;
}
dropdown-list dropdown-list-item a,
dropdown-list dropdown-list-item button {
  padding: 8px 20px;
  overflow: auto;
  background: transparent;
  border: none;
  text-align: left;
  text-decoration: none;
  width: 100%;
}
dropdown-list dropdown-list-item a:hover,
dropdown-list dropdown-list-item button:hover,
dropdown-list dropdown-list-item a.selected,
dropdown-list dropdown-list-item button.selected,
dropdown-list dropdown-list-item a:focus,
dropdown-list dropdown-list-item button:focus {
  background-color: var(--neutral-light-color, #EAEAEA);
}
html[data-focus-source="key"] dropdown-list dropdown-list-item a:focus,
html[data-focus-source="key"] dropdown-list dropdown-list-item button:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
dropdown-list.dark {
  background-color: var(--theme-secondary-alt-color, #444444);
  border-color: var(--neutral-dark-color, #212121);
}
dropdown-list.dark .dropdown-list-item {
  color: var(--white-color, #FFF);
}
dropdown-list.dark .dropdown-list-item:hover {
  background: var(--neutral-secondary-alt-color, #777777);
}
dropdown-list.topBar {
  margin-bottom: 10px;
  /*
        * TODO: add @neutralHighlightColor on hover and check with design
        * if the value should be #EDEDED or the same as neutralLightColor
        */
}
dropdown-list.topBar .dropdownListHeader,
dropdown-list.topBar dropdown-list-item {
  padding: 10px 20px;
  line-height: 15px;
}
dropdown-list.topBar .dropdownListHeader {
  color: var(--neutral-primary-color-alt2, #4a4a4a);
  cursor: default;
  display: list-item;
  font-family: 'wf_standard-font', helvetica, arial, sans-serif;
  letter-spacing: 0.5px;
  padding-top: 20px;
}
dropdown-list.topBar dropdown-list-item {
  color: var(--neutral-secondary-color, #666666);
}
dropdown-list.topBar hr {
  margin: 10px 20px;
}
.overlay {
  padding: 0;
  display: none;
  box-sizing: border-box;
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
  position: fixed;
}
.overlay.overlayActive {
  display: block;
  opacity: 1;
}
.dropdownOverlay {
  min-width: 150px;
  max-width: 300px;
  background-color: var(--white-color, #FFF);
}
.dropdownOverlay.overlayActive {
  z-index: 100000;
}
.dropdownOverlay.overlayTopBar {
  min-width: 130px;
}
.dropdownOverlay.fluentTheme.default-contextmenu {
  min-width: 120px;
}
.dropdownOverlay.verticalScrollbar {
  padding: 0;
  margin: 0;
  max-height: 400px;
  overflow-y: auto;
}
@media print {
  body .dropdownOverlay {
    display: none !important;
  }
}
editable-list {
  display: block;
  list-style: none;
}
editable-list editable-list-item {
  display: list-item;
  padding: 3px 0;
}
editable-list editable-list-item .editableListItemContent {
  display: inline-block;
  max-width: calc(100% - 44px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
editable-list editable-list-item .removeButton {
  background: 0 0;
  border: 0;
  float: right;
  padding: 3px 16px;
}
editable-list editable-list-item:hover {
  background-color: var(--neutral-light-color, #EAEAEA);
}
/* Styling for progress bar */
.contentWaitProgressBarContainer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.contentWaitProgressBarContainer .contentWaitProgressBar {
  margin-top: 60px;
  color: var(--theme-primary-color, #F2C811);
  background-color: var(--neutral-tertiary-color, #A6A6A6);
  width: 200px;
  height: 5px;
  border: none;
}
/* Chrome */
.contentWaitProgressBar::-webkit-progress-bar {
  background-color: var(--neutral-tertiary-color, #A6A6A6);
}
/* Chrome */
.contentWaitProgressBar::-webkit-progress-value {
  background-color: var(--theme-primary-color, #F2C811);
}
/* FireFox */
.contentWaitProgressBar::-moz-progress-bar {
  background-color: var(--theme-primary-color, #F2C811);
}
.trimmedTextWithEllipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.trimmedTextWithEllipsisFullWidth {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}
.preTextWithEllipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre;
}
.unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.visible {
  visibility: visible;
  opacity: 1;
}
.visibleNoTransition {
  visibility: visible;
  opacity: 1;
}
.hidden {
  visibility: hidden;
  /* Fully hide the element*/
  opacity: 0;
  transition: visibility 0s 0.5s, width 0s 0.5s, height 0s 0.5s, opacity 0.5s linear, left 0.5s linear, transform 0.5s;
}
.hiddenNoTransition {
  visibility: hidden;
  opacity: 0;
}
.no-border-radius {
  border-radius: 0;
}
.fontWeightBold {
  font-weight: bold;
}
.noBackground {
  background: transparent !important;
  /* to take priority over style library button backgrounds tyle */
  border: none;
}
/* Styles for fallback message in <noscript> tag (shown when JavaScript is disabled) */
noscript .noScriptContainer {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  background: Canvas;
  color: CanvasText;
}
noscript .noScriptErrorContainer {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
noscript .noScriptErrorText {
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 16px;
  padding: 20px;
  text-align: center;
}
.overlay {
  z-index: 99999;
}
div.cdk-overlay-container {
  z-index: 99999;
}
.tutorial-popup-container .tutorial-popup-overlay {
  background-color: var(--black-color, #000);
  position: absolute;
  top: 48px;
  left: 0;
  width: 100%;
  height: calc(100% - 48px);
  pointer-events: none;
  opacity: 0;
  z-index: 100;
}
.tutorial-popup-container .tutorial-popup-overlay.modal {
  opacity: 0.7;
  pointer-events: all;
}
.tutorial-popup-container .tutorial-popup-overlay.non-modal-list-view {
  opacity: 0.7;
  margin-left: 220px;
  pointer-events: all;
}
.tutorial-popup-container .tutorial-popup-overlay.non-modal-list-view-visible {
  opacity: 0;
  width: 220px;
  pointer-events: all;
}
.tutorial-popup-container .tutorial-popup {
  display: block;
  visibility: hidden;
  position: absolute;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  opacity: 0;
  transition: opacity 0.5s, visibility 0.5s;
  width: 340px;
  z-index: 101;
  /* This will get replaced by the new get data v2 experience when it is ready*/
}
.tutorial-popup-container .tutorial-popup.show {
  visibility: visible;
  opacity: 1;
}
.tutorial-popup-container .tutorial-popup.archived-content-container {
  width: 900px;
  height: 620px;
}
.tutorial-popup-container .tutorial-popup.list-view-navigation-container.modal {
  width: 540px;
  height: 640px;
}
.tutorial-popup-container .tutorial-popup.list-view-navigation-container.modal .box {
  background-color: var(--white-color, #FFF);
}
.tutorial-popup-container .tutorial-popup.list-view-navigation-container.modal .box .title {
  padding-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}
.tutorial-popup-container .tutorial-popup.list-view-navigation-container.modal .box .title .list-view-navigation-header {
  font-size: 14px;
  margin-bottom: 10px;
  font-family: 'wf_standard-font', helvetica, arial, sans-serif;
  letter-spacing: 2px;
  color: var(--neutral-secondary-alt-color3, #999999);
}
.tutorial-popup-container .tutorial-popup.list-view-navigation-container.modal .box .title .list-view-navigation-title {
  font-size: 32px;
  font-family: 'Segoe UI Semibold', 'wf_segoe-ui_semibold', helvetica, arial, sans-serif;
  color: var(--neutral-primary-color-alt3, #515151);
}
.tutorial-popup-container .tutorial-popup.list-view-navigation-container.modal .box .tutorial-nav-model-picture {
  background-image: url("../images/powerbicommon.sprites.png");
  background-position: 0px 0px;
  width: 540px;
  height: 300px;
  position: absolute;
  left: 0;
  top: 130px;
}
.tutorial-popup-container .tutorial-popup.list-view-navigation-container.modal .box .text {
  margin-left: 54px;
  margin-right: 54px;
  padding-top: 335px;
}
.tutorial-popup-container .tutorial-popup.list-view-navigation-container.modal .box .text .list-view-navigation-text {
  font-size: 14px;
  line-height: 22px;
  color: var(--neutral-primary-color-alt3, #515151);
}
.tutorial-popup-container .tutorial-popup.list-view-navigation-container.modal .box .ok-btn {
  padding: 9px 25px;
}
.tutorial-popup-container .tutorial-popup.list-view-navigation-container.modal .box .ok-btn.list-view-navigation-button-override {
  top: 81%;
  font-size: 14px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
}
.tutorial-popup-container .tutorial-popup.list-view-navigation-container.modal .box .cancel {
  color: var(--info-dark-color, #33669A);
  font-size: 12px;
  position: absolute;
  width: 100%;
  top: 92%;
  text-align: center;
}
.tutorial-popup-container .tutorial-popup.list-view-navigation-container.modal .box .cancel:hover {
  text-decoration: underline;
  cursor: pointer;
}
.tutorial-popup-container .tutorial-popup.tutorial-embedded-container-start.modal {
  width: 500px;
}
.tutorial-popup-container .tutorial-popup.tutorial-embedded-container-start.modal .box {
  background-color: var(--white-color, #FFF);
}
.tutorial-popup-container .tutorial-popup.tutorial-embedded-container-start.modal .box .title {
  padding-top: 5px;
  margin: 0 10px;
}
.tutorial-popup-container .tutorial-popup.tutorial-embedded-container-start.modal .box .title .tutorial-embedded-header {
  font-size: 14px;
  margin: 10px 0;
  font-family: 'wf_standard-font', helvetica, arial, sans-serif;
  color: var(--neutral-secondary-alt-color3, #999999);
}
.tutorial-popup-container .tutorial-popup.tutorial-embedded-container-start.modal .box .title .tutorial-embedded-title {
  font-size: 24px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  color: var(--neutral-primary-color-alt3, #515151);
}
.tutorial-popup-container .tutorial-popup.tutorial-embedded-container-start.modal .box .tutorial-embedded-picture {
  background-image: url("../images/powerbicommon.sprites.png");
  background-position: -500px -300px;
  width: 500px;
  height: 230px;
  position: absolute;
  left: 0;
  top: 100px;
}
.tutorial-popup-container .tutorial-popup.tutorial-embedded-container-start.modal .box .text {
  margin: 0 20px;
  padding-top: 230px;
  padding-bottom: 40px;
}
.tutorial-popup-container .tutorial-popup.tutorial-embedded-container-start.modal .box .text .tutorial-embedded-text {
  font-size: 14px;
  line-height: 22px;
  color: var(--neutral-primary-color-alt3, #515151);
  text-align: left;
}
.tutorial-popup-container .tutorial-popup.tutorial-embedded-container-start.modal .box .ok-btn {
  padding: 9px 25px;
  position: static;
  float: none;
  transform: none;
  display: inline-block;
}
.tutorial-popup-container .tutorial-popup.tutorial-embedded-container-start.modal .box .ok-btn.tutorial-embedded-button-override {
  font-size: 14px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
}
.tutorial-popup-container .tutorial-popup.tutorial-embedded-container-start.modal .box .cancel {
  color: var(--info-dark-color, #33669A);
  padding: 9px 25px;
  font-size: 12px;
  position: static;
  text-align: center;
  margin-bottom: 20px;
}
.tutorial-popup-container .tutorial-popup.tutorial-embedded-container-start.modal .box .cancel:hover {
  text-decoration: underline;
  cursor: pointer;
}
.tutorial-popup-container .tutorial-popup.tutorial-embedded-container-next.modal {
  width: 500px;
}
.tutorial-popup-container .tutorial-popup.tutorial-embedded-container-next.modal .box {
  background-color: var(--white-color, #FFF);
}
.tutorial-popup-container .tutorial-popup.tutorial-embedded-container-next.modal .box .title {
  padding: 0;
  margin: 0 20px;
}
.tutorial-popup-container .tutorial-popup.tutorial-embedded-container-next.modal .box .title .tutorial-embedded-title {
  font-size: 24px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  color: var(--neutral-primary-color-alt3, #515151);
  text-align: left;
}
.tutorial-popup-container .tutorial-popup.tutorial-embedded-container-next.modal .box .text {
  margin: 0 20px;
  text-align: left;
}
.tutorial-popup-container .tutorial-popup.tutorial-embedded-container-next.modal .box .text .tutorial-embedded-alert {
  margin-top: 4px;
  margin-bottom: 20px;
  height: auto;
}
.tutorial-popup-container .tutorial-popup.tutorial-embedded-container-next.modal .box .text .tutorial-embedded-alert i {
  margin-right: 0px !important;
}
.tutorial-popup-container .tutorial-popup.tutorial-embedded-container-next.modal .box .text .tutorial-embedded-alert .glyphicon {
  display: inline-block;
  padding-left: 16px;
}
.tutorial-popup-container .tutorial-popup.tutorial-embedded-container-next.modal .box .text .tutorial-embedded-alert .alerttext {
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
}
.tutorial-popup-container .tutorial-popup.tutorial-embedded-container-next.modal .box .text .tutorial-embedded-text {
  font-size: 14px;
  line-height: 22px;
  color: var(--neutral-primary-color-alt3, #515151);
  text-align: left;
}
.tutorial-popup-container .tutorial-popup.tutorial-embedded-container-next.modal .box .ok-btn {
  padding: 9px 25px;
  position: static;
  display: inline-block;
  float: none;
  transform: none;
}
.tutorial-popup-container .tutorial-popup.tutorial-embedded-container-next.modal .box .ok-btn.tutorial-embedded-button-override {
  margin-left: 236px;
  margin-right: 12px;
  margin-bottom: 20px;
  font-size: 14px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
}
.tutorial-popup-container .tutorial-popup.tutorial-embedded-container-next.modal .box .cancel {
  padding: 9px 25px;
  display: inline-block;
  font-size: 14px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
}
.tutorial-popup-container .tutorial-popup.tutorial-embedded-container-next.modal .box .cancel:hover {
  cursor: pointer;
}
.tutorial-popup-container .tutorial-popup.tutorial-consumption-ui-container.modal {
  width: 500px;
  height: 560px;
  /* Btn is absolute positioned by default */
}
.tutorial-popup-container .tutorial-popup.tutorial-consumption-ui-container.modal .box {
  background-color: var(--white-color, #FFF);
  margin: 0;
}
.tutorial-popup-container .tutorial-popup.tutorial-consumption-ui-container.modal .box .title {
  padding: 5px 0 0 0;
  margin: 0 10px;
}
.tutorial-popup-container .tutorial-popup.tutorial-consumption-ui-container.modal .box .title h1 {
  font-size: 24px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  font-weight: normal;
  margin-top: 0;
}
.tutorial-popup-container .tutorial-popup.tutorial-consumption-ui-container.modal .box .text {
  margin: 0 30px;
}
.tutorial-popup-container .tutorial-popup.tutorial-consumption-ui-container.modal .box .text p {
  font-size: 14px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  line-height: 22px;
  text-align: center;
  margin: 0;
}
.tutorial-popup-container .tutorial-popup.tutorial-consumption-ui-container.modal .box .welcomeImage {
  background-image: url("../images/powerbicommon.sprites.png");
  background-position: -540px 0px;
  width: 500px;
  height: 300px;
  position: absolute;
  left: 0;
  margin-top: 20px;
}
.tutorial-popup-container .tutorial-popup.tutorial-consumption-ui-container.modal .ok-btn.tutorial-consumption-ui-button-override {
  padding: 9px 25px;
  top: 475px;
  border: none;
  min-width: 70px;
  font-size: 14px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  background-color: var(--neutral-tertiary-alt-color, #C8C8C8);
}
.tutorial-popup-container .tutorial-popup.tutorial-consumption-ui-container.modal .ok-btn.tutorial-consumption-ui-button-override:hover {
  background-color: var(--neutral-tertiary-color, #A6A6A6);
}
.tutorial-popup-container .tutorial-popup.personal-bookmark-tutorial {
  width: 375px;
}
.tutorial-popup-container .tutorial-popup.user-state-tutorial.tutorial-popup .box .icon {
  padding-top: 2px;
}
.tutorial-popup-container .tutorial-popup.user-state-tutorial.tutorial-popup .ok-btn {
  margin-top: 0;
}
.tutorial-popup-container .tutorial-popup.app-nav-tutorial-popup .box {
  background-color: var(--fluent-theme-neutral-secondary-color, #605E5C);
}
.tutorial-popup-container .tutorial-popup.app-nav-tutorial-popup .box .arrow {
  background-color: var(--fluent-theme-neutral-secondary-color, #605E5C);
}
.tutorial-popup-container .tutorial-popup.app-nav-tutorial-popup .box .title {
  margin: 0;
  font-family: var(--fluent-font-family, "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif);
  font-size: var(--xlg-font-size, 20px);
  font-weight: var(--font-weight-regular, 400);
}
.tutorial-popup-container .tutorial-popup.app-nav-tutorial-popup .box .text {
  font-family: var(--fluent-font-family, "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif);
  font-size: var(--md-font-size, 14px);
  font-weight: var(--font-weight-regular, 400);
  margin: 5px 28px 5px 5px;
}
.tutorial-popup-container .tutorial-popup.app-authoring-audience-tutorial .box {
  background-color: var(--fluent-theme-neutral-secondary-color, #605E5C);
}
.tutorial-popup-container .tutorial-popup.app-authoring-audience-tutorial .box .arrow {
  background-color: var(--fluent-theme-neutral-secondary-color, #605E5C);
}
.tutorial-popup-container .tutorial-popup.app-authoring-audience-tutorial .box .title {
  margin: 0;
  font-family: var(--fluent-font-family, "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif);
  font-size: var(--xlg-font-size, 20px);
  font-weight: var(--font-weight-regular, 400);
}
.tutorial-popup-container .tutorial-popup.app-authoring-audience-tutorial .box .text {
  font-family: var(--fluent-font-family, "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif);
  font-size: var(--md-font-size, 14px);
  font-weight: var(--font-weight-regular, 400);
  margin: 5px 10px 5px 5px;
}
.tutorial-popup-container .tutorial-popup.tutorial-fluent-design-container .box {
  background-color: var(--fluent-theme-neutral-primary-alt-color, #3B3A39);
}
.tutorial-popup-container .tutorial-popup.tutorial-fluent-design-container .box .arrow {
  background-color: var(--fluent-theme-neutral-primary-alt-color, #3B3A39);
}
.tutorial-popup-container .tutorial-popup.tutorial-fluent-design-container .box .title {
  font-family: var(--fluent-font-family, "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif);
  font-size: var(--xlg-font-size, 20px);
  font-weight: var(--font-weight-semi-bold, 600);
  margin-left: 10px;
  margin-top: 2px;
}
.tutorial-popup-container .tutorial-popup.tutorial-fluent-design-container .box .text {
  margin: 8px 14px;
  line-height: 16px;
  font-size: 12px;
}
.tutorial-popup-container .tutorial-popup.tutorial-fluent-design-container .box .text i {
  margin-left: 8px;
  margin-top: 5px;
}
.tutorial-popup-container .tutorial-popup.tutorial-fluent-design-container .box .text ul li {
  list-style-type: disc;
}
.tutorial-popup-container .tutorial-popup.tutorial-fluent-design-container .box .progress-count {
  margin-top: 18px;
}
.tutorial-popup-container .tutorial-popup.tutorial-fluent-design-container .box .ok-btn {
  margin-top: 12px;
}
.tutorial-popup-container .tutorial-popup.tutorial-protrial-container.modal {
  width: 500px;
  height: 600px;
}
.tutorial-popup-container .tutorial-popup.tutorial-protrial-container.modal .box {
  background-color: var(--white-color, #FFF);
}
.tutorial-popup-container .tutorial-popup.tutorial-protrial-container.modal .box .title {
  padding-top: 5px;
  margin: 0 10px;
}
.tutorial-popup-container .tutorial-popup.tutorial-protrial-container.modal .box .title .tutorial-protrial-header {
  font-size: 14px;
  margin: 10px 0;
  font-family: 'wf_standard-font', helvetica, arial, sans-serif;
  color: var(--neutral-secondary-alt-color3, #999999);
}
.tutorial-popup-container .tutorial-popup.tutorial-protrial-container.modal .box .title .tutorial-protrial-title {
  font-size: 24px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  color: var(--neutral-primary-color-alt3, #515151);
}
.tutorial-popup-container .tutorial-popup.tutorial-protrial-container.modal .box .title .tutorial-protrial-title i {
  margin-right: 8px;
}
.tutorial-popup-container .tutorial-popup.tutorial-protrial-container.modal .box .tutorial-protrial-picture {
  background-image: url("../images/powerbicommon.sprites.png");
  background-position: 0px -300px;
  width: 500px;
  height: 300px;
  position: absolute;
  left: 0px;
  top: 110px;
}
.tutorial-popup-container .tutorial-popup.tutorial-protrial-container.modal .box .text {
  margin: 0 30px;
  padding-top: 310px;
}
.tutorial-popup-container .tutorial-popup.tutorial-protrial-container.modal .box .text .tutorial-protrial-text {
  font-size: 14px;
  line-height: 22px;
  color: var(--neutral-primary-color-alt3, #515151);
  text-align: left;
}
.tutorial-popup-container .tutorial-popup.tutorial-protrial-container.modal .box .text .tutorial-protrial-text ul {
  margin-bottom: 10px;
}
.tutorial-popup-container .tutorial-popup.tutorial-protrial-container.modal .box .text .tutorial-protrial-text ul li {
  list-style-type: disc;
  margin-left: 20px;
}
.tutorial-popup-container .tutorial-popup.tutorial-protrial-container.modal .box .ok-btn {
  padding: 9px 25px;
}
.tutorial-popup-container .tutorial-popup.tutorial-protrial-container.modal .box .ok-btn.tutorial-protrial-button-override {
  top: 86%;
  font-size: 14px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
}
.tutorial-popup-container .tutorial-popup.modal .box {
  padding: 0;
  text-align: center;
  height: 100%;
  margin-top: 24px;
  background-color: var(--white-color, #FFF);
}
.tutorial-popup-container .tutorial-popup.modal .box .title {
  font-size: 64px;
  padding-top: 90px;
  padding-bottom: 20px;
  font-family: var(--bold-secondary-font-family, 'wf_standard-font_bold', helvetica, arial, sans-serif);
  color: var(--black-color, #000);
  display: block;
}
.tutorial-popup-container .tutorial-popup.modal .box .title .archived-content {
  font-size: 28px;
  text-align: left;
  padding-left: 30px;
  padding-right: 30px;
  font-family: 'Segoe UI Semibold', 'wf_segoe-ui_semibold', helvetica, arial, sans-serif;
  position: absolute;
  top: 20px;
}
.tutorial-popup-container .tutorial-popup.modal .box .tenant-merge-picture {
  background-image: url("../images/powerbicommon.sprites.png");
  background-position: 0px -600px;
  width: 453px;
  height: 207px;
  position: absolute;
  bottom: 72px;
  left: 25%;
}
.tutorial-popup-container .tutorial-popup.modal .box .archived-content-caption {
  font-size: 15px;
  color: var(--neutral-primary-color, #333333);
  width: 150px;
  position: absolute;
  bottom: 112px;
  line-height: 15px;
}
.tutorial-popup-container .tutorial-popup.modal .box .archived-content-caption.archived-content-caption-title {
  font-size: 15px;
  color: var(--black-color, #000);
  font-family: 'Segoe UI Bold', 'wf_segoe-ui_bold', helvetica, arial, sans-serif;
  bottom: 172px;
}
.tutorial-popup-container .tutorial-popup.modal .box .archived-content-caption.archived-content-caption-left {
  left: 30px;
}
.tutorial-popup-container .tutorial-popup.modal .box .archived-content-caption.archived-content-caption-right {
  right: 30px;
}
.tutorial-popup-container .tutorial-popup.modal .box .text {
  font-size: 20px;
  line-height: 35px;
  white-space: normal;
  color: var(--black-color, #000);
}
.tutorial-popup-container .tutorial-popup.modal .box .text .archived-content {
  font-size: 17px;
  text-align: left;
  padding: 0 30px;
  position: absolute;
  top: 70px;
  line-height: 24px;
}
.tutorial-popup-container .tutorial-popup.modal .box .text .archived-content-learn-more {
  position: absolute;
  bottom: 30px;
  padding-left: 30px;
}
.tutorial-popup-container .tutorial-popup.modal .box .text .learn-more {
  margin-top: 185px;
  font-size: 25px;
}
.tutorial-popup-container .tutorial-popup.modal .box .text .watch-tutorial {
  position: relative;
  display: inline-block;
  margin-top: 10px;
  margin-left: 25px;
}
.tutorial-popup-container .tutorial-popup.modal .box .text .watch-tutorial .play-icon {
  width: 15px;
  height: 15px;
  color: var(--black-color, #000);
  position: absolute;
  top: 11px;
  left: -25px;
  border: 1px solid var(--black-color, #000);
  display: block;
  line-height: 15px;
}
.tutorial-popup-container .tutorial-popup.modal .box .text .watch-tutorial a {
  color: var(--black-color, #000);
  border-bottom: 1px solid var(--black-color, #000);
  text-decoration: none;
}
.tutorial-popup-container .tutorial-popup.modal .box .text .watch-tutorial a:hover {
  text-decoration: none;
}
.tutorial-popup-container .tutorial-popup.modal .box .ok-btn {
  /* @noflip */
  left: 50%;
  top: 330px;
  position: absolute;
  transform: translateX(-50%);
  padding: 10px 50px 10px 20px;
  font-size: 20px;
  font-family: var(--bold-secondary-font-family, 'wf_standard-font_bold', helvetica, arial, sans-serif);
}
.tutorial-popup-container .tutorial-popup.modal .box .ok-btn .get-data-icon {
  transform: rotate(45deg);
  width: 10px;
  height: 10px;
  color: inherit;
  position: absolute;
  top: 8px;
  right: 20px;
}
.tutorial-popup-container .tutorial-popup.modal .box .ok-btn.archived-content-override {
  left: 85%;
  top: 88%;
}
.tutorial-popup-container .tutorial-popup.modal .box .ok-btn.archived-content-override .get-data-icon.archived-content {
  transform: none;
}
.tutorial-popup-container .tutorial-popup.left > .box {
  transform-origin: left;
}
.tutorial-popup-container .tutorial-popup.left > .box .arrow {
  width: 10px;
  height: 10px;
  display: block;
  left: -15px;
  box-shadow: -3px 3px 5px -2px rgba(0, 0, 0, 0.3);
}
.tutorial-popup-container .tutorial-popup.right > .box {
  transform-origin: right;
}
.tutorial-popup-container .tutorial-popup.right > .box .arrow {
  width: 10px;
  height: 10px;
  display: block;
  right: -15px;
  box-shadow: 3px -3px 5px -2px rgba(0, 0, 0, 0.3);
}
.tutorial-popup-container .tutorial-popup.top > .box {
  transform-origin: top;
}
.tutorial-popup-container .tutorial-popup.top > .box .arrow {
  width: 10px;
  height: 10px;
  display: block;
  top: -15px;
  box-shadow: -3px -3px 5px -2px rgba(0, 0, 0, 0.3);
}
.tutorial-popup-container .tutorial-popup.bottom > .box {
  transform-origin: bottom;
}
.tutorial-popup-container .tutorial-popup.bottom > .box .arrow {
  width: 10px;
  height: 10px;
  display: block;
  bottom: -15px;
  box-shadow: 3px 3px 5px -2px rgba(0, 0, 0, 0.3);
}
.tutorial-popup-container .tutorial-popup.leftTop > .box {
  transform-origin: left;
}
.tutorial-popup-container .tutorial-popup.leftTop > .box .arrow {
  width: 10px;
  height: 10px;
  display: block;
  left: -15px;
  box-shadow: -3px 3px 5px -2px rgba(0, 0, 0, 0.3);
}
.tutorial-popup-container .tutorial-popup.rightTop > .box {
  transform-origin: right;
}
.tutorial-popup-container .tutorial-popup.rightTop > .box .arrow {
  width: 10px;
  height: 10px;
  display: block;
  right: -15px;
  box-shadow: 3px -3px 5px -2px rgba(0, 0, 0, 0.3);
}
.tutorial-popup-container .tutorial-popup.rightTopForRtl > .box {
  transform-origin: left;
}
.tutorial-popup-container .tutorial-popup.rightTopForRtl > .box .arrow {
  width: 10px;
  height: 10px;
  display: block;
  left: -15px;
  box-shadow: 3px -3px 5px -2px rgba(0, 0, 0, 0.3);
}
.tutorial-popup-container .tutorial-popup.leftBottom > .box {
  transform-origin: left;
}
.tutorial-popup-container .tutorial-popup.leftBottom > .box .arrow {
  width: 10px;
  height: 10px;
  display: block;
  left: -15px;
  box-shadow: -3px 3px 5px -2px rgba(0, 0, 0, 0.3);
}
.tutorial-popup-container .tutorial-popup.rightBottomForRtl > .box {
  transform-origin: left;
}
.tutorial-popup-container .tutorial-popup.rightBottomForRtl > .box .arrow {
  width: 10px;
  height: 10px;
  display: block;
  left: -15px;
  box-shadow: 3px -3px 5px -2px rgba(0, 0, 0, 0.3);
}
.tutorial-popup-container .tutorial-popup .box {
  padding: 14px;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3);
  background: var(--neutral-dark-color, #212121);
  position: relative;
}
.tutorial-popup-container .tutorial-popup .box:after {
  display: block;
  content: " ";
  clear: both;
}
.tutorial-popup-container .tutorial-popup .box .arrow {
  display: none;
  position: absolute;
  content: " ";
  width: 20px;
  height: 20px;
  background: var(--neutral-dark-color, #212121);
  transform: rotate(45deg);
  margin: 10px;
  box-sizing: border-box;
}
.tutorial-popup-container .tutorial-popup .box .arrow.arrowLeft {
  border-top-color: transparent;
  border-right-color: transparent;
}
.tutorial-popup-container .tutorial-popup .box .arrow.arrowTop {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.tutorial-popup-container .tutorial-popup .box .arrow.arrowRight {
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.tutorial-popup-container .tutorial-popup .box .arrow.arrowBottom {
  border-top-color: transparent;
  border-left-color: transparent;
}
.tutorial-popup-container .tutorial-popup .box .dismiss-icon {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  padding: 0;
  background: none;
  border: none;
  color: var(--white-color, #FFF);
}
.tutorial-popup-container .tutorial-popup .box .icon {
  display: inline-block;
  line-height: 22px;
  vertical-align: top;
  color: var(--white-color, #FFF);
}
.tutorial-popup-container .tutorial-popup .box .title {
  font-size: 16px;
  margin-left: 5px;
  margin-top: 4px;
  max-width: calc(100% - 20px);
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'wf_standard-font', helvetica, arial, sans-serif;
  display: inline-block;
  color: var(--white-color, #FFF);
}
.tutorial-popup-container .tutorial-popup .box .image {
  display: none;
  border: 1px solid var(--neutral-light-color, #EAEAEA);
  margin-bottom: 10px;
}
.tutorial-popup-container .tutorial-popup .box .text {
  font-size: 14px;
  line-height: 20px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  white-space: pre-wrap;
  color: var(--white-color, #FFF);
  margin-left: 25px;
}
.tutorial-popup-container .tutorial-popup .box .text a {
  color: var(--link-color, var(--theme-secondary-color, #000000));
}
.tutorial-popup-container .tutorial-popup .box .text a:hover {
  text-decoration: underline;
}
.tutorial-popup-container .tutorial-popup .box .progress-count {
  display: inline-block;
  margin-left: 185px;
  margin-top: 21px;
  color: var(--white-color, #FFF);
  font-size: 14px;
}
.tutorial-popup-container .tutorial-popup .box .progress-count.with-learn-more {
  margin-left: 85px;
}
.tutorial-popup-container .tutorial-popup .box .learn-more {
  display: inline;
  font-size: 14px;
  color: var(--info-color, #DEEBF6);
  margin-left: 25px;
}
.tutorial-popup-container .tutorial-popup .box .ok-btn {
  margin-top: 15px;
  float: right;
  cursor: pointer;
  text-align: center;
}
.tutorial-popup-container .tutorial-popup .box .show {
  display: block;
}
.tutorial-popup-container .tutorial-popup .box .close-btn {
  position: absolute;
  inset-inline-end: 24px;
  top: 16px;
  background: none;
  border: none;
  padding: 0;
}
.tutorial-popup-container .tutorial-popup .box .close-btn:hover {
  cursor: pointer;
}
.tutorial-popup-container .tutorial-popup.tutorial-workspace-fluent-list .title {
  margin: 0;
  font-family: var(--fluent-font-family, "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif);
  font-size: var(--xlg-font-size, 20px);
  font-weight: var(--font-weight-regular, 400);
}
.tutorial-popup-container .tutorial-popup.tutorial-workspace-fluent-list .text {
  font-family: var(--fluent-font-family, "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif);
  font-size: var(--sm-font-size, 12px);
  font-weight: var(--font-weight-regular, 400);
  margin: 18px 0 17px;
}
.tutorial-popup-container .tutorial-popup.tutorial-deployment-pipelines .box {
  background-color: var(--fluent-theme-neutral-primary-alt-color, #3B3A39);
}
.tutorial-popup-container .tutorial-popup.tutorial-deployment-pipelines .box .arrow {
  background-color: var(--fluent-theme-neutral-primary-alt-color, #3B3A39);
}
.tutorial-popup-container .tutorial-popup.tutorial-deployment-pipelines .box .title {
  margin: 0;
  font-family: var(--fluent-font-family, "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif);
  font-size: var(--xlg-font-size, 20px);
  font-weight: var(--font-weight-regular, 400);
}
.tutorial-popup-container .tutorial-popup.tutorial-deployment-pipelines .box .text {
  font-family: var(--fluent-font-family, "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif);
  font-size: var(--md-font-size, 14px);
  font-weight: var(--font-weight-regular, 400);
  margin: 22px 28px 17px 5px;
}
.tutorial-popup-container .tutorial-popup.tutorial-show-pages-pane .dismiss-icon i.glyphicon {
  font-size: var(--lg-font-size, 16px);
}
.tutorial-popup-container .tutorial-popup.tutorial-show-pages-pane .icon {
  display: none;
}
.tutorial-popup-container .tutorial-popup.tutorial-show-pages-pane .title {
  font-family: var(--fluent-font-family, "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif);
  font-size: var(--xlg-font-size, 20px);
  font-weight: var(--font-weight-semi-bold, 600);
  line-height: 28px;
  margin: 0;
  padding: 2px 10px;
}
.tutorial-popup-container .tutorial-popup.tutorial-show-pages-pane .text {
  font-family: var(--fluent-font-family, "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif);
  font-size: var(--md-font-size, 14px);
  font-weight: var(--font-weight-regular, 400);
  line-height: 20px;
  margin: 0;
  padding: 14px 10px;
}
.tutorial-popup-container .tutorial-popup.tutorial-show-pages-pane .ok-btn {
  margin-top: 20px;
}
.tutorial-popup-container .tutorial-popup.tutorial-lineage-link .box .title {
  font-size: 24px;
  margin-left: 5px;
}
.tutorial-popup-container .tutorial-popup.tutorial-lineage-link .box .text {
  margin: 16px 10px;
}
.tutorial-popup-container .tutorial-popup.tutorial-lineage-link .box .ok-btn {
  margin: 0 10px 10px 0;
}
.tutorial-popup-container .tutorial-popup.tutorial-storytelling .box .title {
  font-size: 20px;
  margin-left: 5px;
  line-height: 28px;
}
.tutorial-popup-container .tutorial-popup.tutorial-storytelling .box .text {
  margin: 0px 38px 10px 10px;
  font-size: 12px;
  line-height: 22px;
}
.tutorial-popup-container .tutorial-popup.tutorial-storytelling .box .ok-btn {
  padding: 6px 16px;
}
.tutorial-popup-container .tutorial-popup.no-icon .icon {
  display: none;
}
.trident.tutorial-popup.big-popup {
  width: 364px;
}
.trident.tutorial-popup.big-popup .box {
  padding: 20px;
  padding-left: 24px;
}
.trident.tutorial-popup.big-popup .box .text {
  font-family: var(--fluent-font-family, "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif);
  font-size: var(--md-font-size, 14px);
  font-weight: var(--font-weight-regular, 400);
  margin-top: 12px;
}
.trident.tutorial-popup.share-visual-storytelling .box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.trident.tutorial-popup.share-visual-storytelling .box .text {
  max-width: 270px;
  margin-bottom: 0;
}
.trident.tutorial-popup.share-visual-storytelling .box .learn-more-row {
  flex-basis: 100%;
}
.trident.tutorial-popup.share-visual-storytelling .box .learn-more {
  display: inline-block;
  margin: 0;
}
.trident.tutorial-popup.share-visual-storytelling .box .ok-btn.primary,
.trident.tutorial-popup.share-visual-storytelling .box .cancel {
  display: inline-block;
  margin-top: 20px;
  margin-inline-end: 8px;
  vertical-align: middle;
}
.trident.tutorial-popup.share-visual-storytelling .box .ok-btn.primary {
  margin-inline-start: auto;
  background-color: var(--colorBrandBackgroundInverted);
  border-color: var(--colorBrandBackgroundInverted);
  color: var(--colorBrandForegroundOnLight);
}
.trident.tutorial-popup.share-visual-storytelling .box .cancel.btn {
  background-color: transparent;
  border: 1px solid var(--colorNeutralForegroundOnBrand);
  color: var(--colorNeutralForegroundOnBrand);
}
.trident.tutorial-popup.share-visual-storytelling .box .cancel.btn:hover,
.trident.tutorial-popup.share-visual-storytelling .box .cancel.btn:focus {
  background-color: transparent;
  border-color: var(--colorNeutralForegroundOnBrand);
  color: var(--colorNeutralForegroundOnBrand);
}
.trident.tutorial-popup .box {
  font-size: 0;
  background-color: var(--colorBrandBackground);
  border-radius: var(--card-border-radius);
  padding: 20px 24px;
}
.trident.tutorial-popup .box .arrow {
  background-color: var(--colorBrandBackground);
}
.trident.tutorial-popup .box .title {
  font-family: var(--fluent-font-family, "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif);
  font-size: var(--xlg-font-size, 20px);
  font-weight: var(--font-weight-semi-bold, 600);
  margin: 0;
  margin-bottom: 12px;
}
.trident.tutorial-popup .box .text {
  font-family: var(--fluent-font-family, "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif);
  font-size: var(--md-font-size, 14px);
  font-weight: var(--font-weight-regular, 400);
  margin: 0;
  margin-bottom: 20px;
}
.trident.tutorial-popup .box .learn-more {
  font-family: var(--fluent-font-family, "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif);
  font-size: var(--md-font-size, 14px);
  font-weight: var(--font-weight-regular, 400);
  color: var(--colorNeutralForegroundOnBrand);
  margin-left: 0;
}
.trident.tutorial-popup .box .learn-more {
  margin: 0;
}
.trident.tutorial-popup .box .progress-count {
  margin-top: 6px;
}
.trident.tutorial-popup .box .title,
.trident.tutorial-popup .box .text,
.trident.tutorial-popup .box .learn-more,
.trident.tutorial-popup .box .progress-count {
  font-family: var(--fontFamilyBase);
  color: var(--colorNeutralForegroundOnBrand);
}
.trident.tutorial-popup .box .fluent-tutorial-button {
  border-radius: var(--button-border-radius);
}
.trident.tutorial-popup .box .ok-btn.white-btn {
  background-color: var(--colorBrandBackgroundInverted);
  border-color: var(--colorBrandBackgroundInverted);
  color: var(--colorBrandForegroundOnLight);
}
.trident.tutorial-popup .box .ok-btn.primary {
  background-color: var(--colorBrandBackgroundInverted);
  border-color: var(--colorBrandBackgroundInverted);
  color: var(--colorBrandForegroundOnLight);
  margin-top: 0;
}
.trident.tutorial-popup .box .ok-btn.hidden {
  display: none;
}
.trident.tutorial-popup .box .close-btn {
  top: 20px;
  color: var(--colorNeutralForegroundOnBrand);
}
.tutorial-popup-container .tutorial-popup.trident.big-popup.fabric-iq-teaching-bubble .box .title {
  font-family: var(--fluent-font-family, "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif);
  font-size: var(--lg-font-size, 16px);
  font-weight: var(--font-weight-semi-bold, 600);
  display: block;
  line-height: 22px;
  max-width: 260px;
}
.tutorial-popup-container .tutorial-popup.trident.big-popup.fabric-iq-teaching-bubble .box .text {
  display: inline;
  margin-bottom: 0;
}
.tutorial-popup-container .tutorial-popup.trident.big-popup.fabric-iq-teaching-bubble .box .text,
.tutorial-popup-container .tutorial-popup.trident.big-popup.fabric-iq-teaching-bubble .box .learn-more {
  font-family: var(--fluent-font-family, "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif);
  font-size: var(--md-font-size, 14px);
  font-weight: var(--font-weight-regular, 400);
  line-height: 20px;
}
.tutorial-popup-container .tutorial-popup.trident.big-popup.fabric-iq-teaching-bubble .box .learn-more {
  margin-left: 4px;
}
.tutorial-popup-container .tutorial-popup.trident.big-popup.fabric-iq-teaching-bubble .box .ok-btn {
  display: table;
  float: none;
  margin: 28px 0 0 auto;
}
.tutorial-popup-container .tutorial-popup.trident.big-popup.fabric-iq-teaching-bubble .box .close-btn i {
  display: block;
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
}
.tutorial-popup-container .rac-tutorial-popup.tutorial-popup .box {
  background: var(--colorBrandBackground);
  padding: 0;
  display: flex;
  flex-flow: column;
  padding: 20px 24px;
}
.tutorial-popup-container .rac-tutorial-popup.tutorial-popup .box > .title {
  margin-top: unset;
  margin-left: unset;
  font-size: 20px;
  font-family: 'Segoe UI Semibold';
}
.tutorial-popup-container .rac-tutorial-popup.tutorial-popup .box > .ok-btn,
.tutorial-popup-container .rac-tutorial-popup.tutorial-popup .box > .text {
  font-size: 14px;
}
.tutorial-popup-container .rac-tutorial-popup.tutorial-popup .box > .text {
  margin-left: unset;
  margin-top: 12px;
}
.tutorial-popup-container .rac-tutorial-popup.tutorial-popup .box > .arrow {
  background: var(--colorBrandBackground) !important;
}
.tutorial-popup-container .rac-tutorial-popup.tutorial-popup .close-btn {
  color: var(--colorNeutralStrokeOnBrand);
}
.tutorial-popup-container .rac-tutorial-popup.tutorial-popup .ok-btn {
  align-self: end;
  background-color: var(--colorNeutralBackground1);
  color: var(--colorBrandStroke1);
}
.tutorial-popup-container .rac-tutorial-popup.tutorial-popup .ok-btn:hover {
  background-color: var(--colorNeutralBackground1Hover);
}
.fluent-tutorial.tutorial-popup .box {
  background: var(--gray-130);
  border-radius: var(--button-border-radius);
  padding: 17px 28px;
}
.fluent-tutorial.tutorial-popup .box .arrow {
  background: var(--gray-130);
}
.fluent-tutorial.tutorial-popup .box .title {
  font-family: var(--fluent-font-family, "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif);
  font-size: var(--xlg-font-size, 20px);
  font-weight: var(--font-weight-semi-bold, 600);
  margin-left: 0;
}
.fluent-tutorial.tutorial-popup .box .text {
  font-family: var(--fluent-font-family, "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif);
  font-size: var(--sm-font-size, 12px);
  font-weight: var(--font-weight-regular, 400);
  margin-left: 0;
}
.fluent-tutorial.tutorial-popup .box .learn-more {
  font-family: var(--fluent-font-family, "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif);
  font-size: var(--sm-font-size, 12px);
  font-weight: var(--font-weight-regular, 400);
  margin-left: 0;
}
.fluent-tutorial.tutorial-popup .box .fluent-tutorial-button {
  border-radius: var(--button-border-radius);
}
html[dir="rtl"] .tutorial-popup-container .tutorial-popup .box .dismiss-icon {
  left: 24px;
}
@keyframes callout-slide-from-left {
  from {
    opacity: 0.1;
    transform: translateX(50px) translateY(0px) rotateX(0deg) rotateY(90deg);
  }
  to {
    opacity: 1;
    transform: translateX(0) translateY(0) rotateX(0) rotateY(0);
  }
}
@-webkit-keyframes callout-slide-from-left {
  from {
    opacity: 0.1;
    transform: translateX(50px) translateY(0px) rotateX(0deg) rotateY(90deg);
  }
  to {
    opacity: 1;
    transform: translateX(0) translateY(0) rotateX(0) rotateY(0);
  }
}
@keyframes callout-slide-from-right {
  from {
    opacity: 0.1;
    transform: translateX(-50px) translateY(0px) rotateX(0deg) rotateY(-90deg);
  }
  to {
    opacity: 1;
    transform: translateX(0) translateY(0) rotateX(0) rotateY(0);
  }
}
@-webkit-keyframes callout-slide-from-right {
  from {
    opacity: 0.1;
    transform: translateX(-50px) translateY(0px) rotateX(0deg) rotateY(-90deg);
  }
  to {
    opacity: 1;
    transform: translateX(0) translateY(0) rotateX(0) rotateY(0);
  }
}
@keyframes callout-slide-from-top {
  from {
    opacity: 0.1;
    transform: translateX(0px) translateY(50px) rotateX(-90deg) rotateY(0deg);
  }
  to {
    opacity: 1;
    transform: translateX(0) translateY(0) rotateX(0) rotateY(0);
  }
}
@-webkit-keyframes callout-slide-from-top {
  from {
    opacity: 0.1;
    transform: translateX(0px) translateY(50px) rotateX(-90deg) rotateY(0deg);
  }
  to {
    opacity: 1;
    transform: translateX(0) translateY(0) rotateX(0) rotateY(0);
  }
}
@keyframes callout-slide-from-bottom {
  from {
    opacity: 0.1;
    transform: translateX(0px) translateY(-50px) rotateX(90deg) rotateY(0deg);
  }
  to {
    opacity: 1;
    transform: translateX(0) translateY(0) rotateX(0) rotateY(0);
  }
}
@-webkit-keyframes callout-slide-from-bottom {
  from {
    opacity: 0.1;
    transform: translateX(0px) translateY(-50px) rotateX(90deg) rotateY(0deg);
  }
  to {
    opacity: 1;
    transform: translateX(0) translateY(0) rotateX(0) rotateY(0);
  }
}
.modal {
  opacity: 1;
}
.modal .dialog {
  width: 75%;
  height: 40%;
  position: absolute;
  top: 25%;
  z-index: 200;
  background: #FFF;
  border: 1px solid #DBDBDB;
  padding: 2.5%;
  right: 0;
  left: 0;
  margin: 0 auto;
}
.modal .dialog-content {
  height: 100%;
}
.modal .dialog-content-filled {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.modal .overlay {
  position: absolute;
  z-index: 199;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--neutral-secondary-alt-color, #777777);
  opacity: 0.5;
}
.modal .closeBtn {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 12px;
  height: 12px;
  background-position: -37px -26px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.modal .closeBtn:active,
.modal .closeBtn:focus,
.modal .closeBtn:hover {
  background-color: transparent !important;
}
.modal .closeBtn::before {
  border: var(--focus-outline-definition, 2.5px solid) transparent;
}
html[data-focus-source="key"] .modal .closeBtn:focus::before {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.modal .actions {
  position: absolute;
  right: 47px;
  bottom: 30px;
}
.modal.ng-hide-add.ng-hide-add-active,
.modal.ng-hide-remove.ng-hide-remove-active {
  transition: all linear 0.5s;
}
.modal.ng-hide {
  opacity: 0;
}
* {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -ms-scrollbar-track-color: #d8d8ea;
  -ms-scrollbar-arrow-color: var(--neutral-tertiary-alt-color, #C8C8C8);
  -ms-scrollbar-face-color: var(--neutral-tertiary-alt-color, #C8C8C8);
}
* ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: transparent;
}
* ::-webkit-scrollbar-thumb {
  background: var(--neutral-tertiary-alt-color, #C8C8C8);
}
* ::-webkit-scrollbar-track-piece {
  background: transparent;
}
.pane-splitter {
  width: 4px;
  height: 100%;
  z-index: 999;
  top: 0;
  bottom: 0;
  cursor: ew-resize;
}
.on-resize {
  height: 100%;
  width: 100%;
  z-index: -1000;
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.on-resize > iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
.localFileBrowser {
  display: none;
}
@media print {
  body iframe#refreshTokenFrameId {
    display: none;
  }
  @page {
    background-color: var(--globalColorWhite);
  }
}
.pbi-progressBar::before {
  content: '';
  display: block;
  height: 2px;
  width: 0;
  background-color: var(--neutral-tertiary-alt-color, #C8C8C8);
  animation: pbi-infinite-progress-bar 5s ease infinite;
  animation-delay: 1s;
}
@keyframes pbi-infinite-progress-bar {
  0% {
    width: 0;
    opacity: 0;
  }
  70% {
    opacity: 1;
    width: 100%;
  }
  90%,
  100% {
    opacity: 0;
    width: 100%;
  }
}
.scroll-wrapper.scrollbar-inner {
  --scrollColor: var(--neutral-tertiary-alt-color, #C8C8C8);
  --scrollExplorationColor: var(--gray-110, #8A8886);
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
[data-legacy-theming="false"] .scroll-wrapper.scrollbar-inner {
  --scrollColor: var(--colorNeutralForeground3);
  --scrollExplorationColor: var(--colorNeutralForeground3);
}
.scroll-wrapper.scrollbar-inner .scroll-content {
  -ms-overflow-style: none !important;
}
.scroll-wrapper.scrollbar-inner .scroll-element.scroll-y {
  width: 6px !important;
  right: 0;
}
.scroll-wrapper.scrollbar-inner .scroll-element.scroll-y .scroll-element_track {
  background-color: transparent !important;
}
.scroll-wrapper.scrollbar-inner .scroll-element.scroll-y .scroll-bar {
  background-color: var(--scrollColor) !important;
  min-height: 20px;
  max-height: calc(100% - 12px);
}
.newPaneColors.explorationContainer .scroll-wrapper .scroll-y .scroll-bar {
  background-color: var(--scrollExplorationColor) !important;
  opacity: 1 !important;
}
.searchBox {
  position: relative;
  height: 28px;
  box-sizing: border-box;
  font-size: 13px;
}
.searchBox i {
  position: absolute;
  top: 7px;
  margin: 0 !important;
  color: var(--neutral-tertiary-color, #A6A6A6) !important;
  cursor: pointer;
  z-index: 2;
}
.searchBox .pbi-glyph-search {
  left: 12px;
  font-size: 15px;
}
.searchBox .pbi-glyph-close {
  right: 8px;
  font-size: 14px;
}
.searchBox input[type=text] {
  height: 30px;
  left: 0;
  position: absolute;
  color: var(--neutral-tertiary-color, #A6A6A6);
  box-sizing: border-box;
  border: 1px solid var(--black-color, #000);
  padding: 6px 10px 7px 35px;
  background-color: var(--neutral-dark-color, #212121);
  width: 100%;
  outline: none;
}
.searchBox input[type=text]::-webkit-input-placeholder {
  /* WebKit browsers */
  color: var(--neutral-tertiary-color, #A6A6A6);
}
.searchBox input[type=text]::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: var(--neutral-tertiary-color, #A6A6A6);
  opacity: 1;
}
.searchBox input[type=text]:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: var(--neutral-tertiary-color, #A6A6A6);
}
.searchBox input[type=text]:focus {
  border-color: var(--theme-primary-color, #F2C811);
}
.searchBox .inputWithClearButton.addPadding {
  padding-right: 24px;
}
.newPaneColors.explorationContainer .searchBox input[type=text] {
  color: var(--gray-180, #252423);
  background-color: var(--white-color, #FFF);
  border-color: var(--gray-60, #C8C6C4);
  border-radius: 2px;
}
.newPaneColors.explorationContainer .searchBox input[type=text]::-webkit-input-placeholder {
  /* WebKit browsers */
  color: inherit;
}
.newPaneColors.explorationContainer .searchBox input[type=text]::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: inherit;
  opacity: 1;
}
.newPaneColors.explorationContainer .searchBox input[type=text]:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: inherit;
}
.newPaneColors.explorationContainer .searchBox input[type=text]:not(:focus):hover {
  border-color: var(--gray-80, #B3B0AD);
}
.newPaneColors.explorationContainer .searchBox input[type=text]:focus {
  border-color: var(--gray-130, #605E5C);
}
.newPaneColors.explorationContainer .searchBox input[type=text]::selection {
  background: var(--theme-primary-color, #F2C811);
}
.newPaneColors.explorationContainer .searchBox i {
  color: inherit !important;
}
.explorationContainer .outspacePane .searchBox input[type=text] {
  color: inherit !important;
  background-color: transparent;
  border-color: var(--gray-60, #C8C6C4);
}
.explorationContainer .outspacePane .searchBox input[type=text]::-webkit-input-placeholder {
  /* WebKit browsers */
  color: inherit;
}
.explorationContainer .outspacePane .searchBox input[type=text]::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: inherit;
  opacity: 1;
}
.explorationContainer .outspacePane .searchBox input[type=text]:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: inherit;
}
.explorationContainer .outspacePane .searchBox input[type=text]:not(:focus):hover {
  border-color: var(--gray-80, #B3B0AD);
}
.explorationContainer .outspacePane .searchBox input[type=text]:focus {
  border-color: var(--gray-60, #C8C6C4);
}
.explorationContainer .outspacePane .searchBox i {
  color: inherit !important;
}
/*
LESS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: @icon-home-width;
}

The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;

At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables

.icon-home {
  .sprite-width(@icon-home);
}
.icon-email {
  .sprite(@icon-email);
}

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
/*
The `.sprites` mixin generates identical output to the CSS template
  but can be overridden inside of LESS

This must be run when you have at least 2 sprites.
  If run with a single sprite, then there will be reference errors.

.sprites(@spritesheet-sprites);
*/
.toolbarOverlay {
  padding: 0;
  display: none;
  box-sizing: border-box;
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
  position: fixed;
}
.toolbarOverlay.overlayActive {
  display: block;
  opacity: 1;
}
html[data-focus-source='key'] .toolbarOverlay button:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
html[data-focus-source='program'] .toolbarOverlay button:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
html[data-focus-source='key'] .themeableElement.toolbarOverlay .themeableElementCustom:focus,
.themeableElement.toolbarOverlay .themeableElementCustom:focus-within {
  color: unset !important;
  outline-color: unset !important;
}
.tooltip {
  max-width: 380px;
  padding: 12px;
  vertical-align: baseline;
  line-height: 21px;
  background-color: var(--white-color, #FFF);
  position: fixed;
  opacity: 0;
  box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.15);
  transition: opacity 0.1s ease-in-out;
  word-wrap: break-word;
  overflow-wrap: break-word;
  z-index: 9999999;
}
.tooltip.modal-tooltip {
  z-index: 1000000;
}
.tooltip.active {
  opacity: 1;
}
.tooltip .title {
  font: 12px 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  font-weight: 700;
  color: var(--neutral-primary-color-alt, #444444);
  display: block;
  position: relative;
}
.tooltip .description {
  max-width: 240px;
  font: 12px 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  color: var(--neutral-primary-color-alt, #444444);
  display: block;
  position: relative;
  word-break: normal;
  white-space: pre-wrap;
}
.tooltip .description a {
  color: var(--fluent-theme-link-color);
}
.tooltip:after {
  content: "";
  border-style: solid;
  border-width: 8px;
  width: 0;
  height: 0;
  position: absolute;
}
.tooltip.arrowTopLeft:after {
  border-color: transparent transparent var(--white-color, #FFF) transparent;
  top: -15px;
  left: 13px;
}
.tooltip.arrowTopMiddle:after {
  border-color: transparent transparent var(--white-color, #FFF) transparent;
  top: -15px;
  left: 50%;
  margin-left: -4px;
}
.tooltip.arrowTopRight:after {
  border-color: transparent transparent var(--white-color, #FFF) transparent;
  top: -15px;
  right: 13px;
}
.tooltip.arrowBottomLeft:after {
  border-color: var(--white-color, #FFF) transparent transparent transparent;
  bottom: -14px;
  left: 13px;
}
.tooltip.arrowBottomRight:after {
  border-color: var(--white-color, #FFF) transparent transparent transparent;
  bottom: -14px;
  right: 13px;
}
.tooltip.arrowBottomMiddle:after {
  border-color: var(--white-color, #FFF) transparent transparent transparent;
  bottom: -14px;
  left: 50%;
  margin-left: -8px;
}
.tooltip.arrowSideMiddle:after {
  border-color: transparent var(--white-color, #FFF) transparent transparent;
  top: 10px;
  left: -16px;
}
.tooltip.dark {
  background-color: var(--neutral-secondary-color, #666666);
}
.tooltip.dark .title,
.tooltip.dark .description {
  color: var(--neutral-light-color, #EAEAEA);
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
}
.tooltip.dark.arrowTopLeft:after,
.tooltip.dark.arrowTopMiddle:after,
.tooltip.dark.arrowTopRight:after,
.tooltip.dark.arrowBottomLeft:after,
.tooltip.dark.arrowBottomRight:after,
.tooltip.dark.arrowBottomMiddle:after {
  border-color: transparent transparent var(--neutral-secondary-color, #666666) transparent;
}
/*highest z-index since nothing should be accessible behind the modal dialog*/
/*Slightly higer than modal dialog so it gets hover and clicks*/
/*second highest z-index after the modalDialog*/
/* z-index for collapsible panes like share, subscribe etc */
/*Should be just below Toast and colapsible pane */
/*z-index needs to be higher than the tooltips, panes & appBar z-index*/
/*z-index for "End format mode" button in pop-out mode*/
/*z-index for the overlay created via overlay service. This needs to be higher than explorationMask*/
/*z-index for the dropdown created for slicer visuals. This needs to be visible in the overlays created by overlay service, so matching it's z-index value*/
/*z-index for context menu should be higher than dropdown overlay */
/*z-index needs to be higher than the InFocus slider*/
/*Execption: This iframe should be accessible anywhere*/
/*
z-index for ExploreUI dialogs
This is the highest z-index currently among overlays/dialogs
*/
/* z-index for side pane */
/* z-index for artifact info popper */
/* z-index for intelligence hub - headers lists */
/* z-index for the main loader (root component - .spinner-container), each change of the route  */
/* z-index for the spinner injected into page from WFE - must be less than @root-spinner-container-z-index */
/* z-index for the main appBar - must be greater than @root-spinner-container-z-index */
/* z-index for the ribbon - must sit above the appBar and Pages pane so its shadow renders on top */
/* z-index for app nav editor insertion indicator */
/* z-index for tiles within a dashboard.
 * This serves as the baseline for pbi-grid child components. */
/* z-index for dragged tiles within a dashboard.
  * This is to prevent overlapping of unselected tiles when dragging a tile.
  * Should be one greater than @dashboardTile-z-index and lesser than the side panes and nav bar. */
icon-picker,
icon-set-picker,
downgraded-theme-color-input {
  text-align: left;
}
icon-picker .colorpicker,
icon-set-picker .colorpicker,
downgraded-theme-color-input .colorpicker {
  display: inline-block;
  padding: 4px;
  width: 44px;
  height: 24px;
  border: 1px solid var(--neutral-dark-color, #212121);
  box-sizing: border-box;
  position: absolute;
  right: 8px;
  top: 6px;
}
icon-picker .colorpicker .colorpicker-icon,
icon-set-picker .colorpicker .colorpicker-icon,
downgraded-theme-color-input .colorpicker .colorpicker-icon {
  display: inline-block;
  position: relative;
  margin-bottom: 4px;
  margin-left: 8px;
}
icon-picker.colorpicker-left .flyout,
icon-set-picker.colorpicker-left .flyout,
downgraded-theme-color-input.colorpicker-left .flyout {
  margin-left: 0;
}
icon-picker.colorpicker-center .flyout,
icon-set-picker.colorpicker-center .flyout,
downgraded-theme-color-input.colorpicker-center .flyout {
  margin-left: -13px;
}
icon-picker .flyout,
icon-set-picker .flyout,
downgraded-theme-color-input .flyout {
  position: relative;
  width: auto;
  border: 1px solid var(--neutral-dark-color, #212121);
  background-color: var(--neutral-primary-color, #333333);
  z-index: 2;
  margin-left: -128px;
  box-sizing: border-box;
  top: -2px;
}
icon-picker .icon-container,
icon-set-picker .icon-container,
downgraded-theme-color-input .icon-container {
  overflow-y: auto;
  max-height: 200px;
}
icon-picker .icon-container .icon,
icon-set-picker .icon-container .icon,
downgraded-theme-color-input .icon-container .icon {
  display: inline-block;
  margin: 3px 2px 3px 2px;
  width: 13px;
  height: 13px;
  cursor: pointer;
}
icon-picker .icon-container-scroll,
icon-set-picker .icon-container-scroll,
downgraded-theme-color-input .icon-container-scroll {
  width: 170px;
}
icon-picker .icon,
icon-set-picker .icon,
downgraded-theme-color-input .icon {
  display: inline-block;
  margin-left: 4px;
  margin-top: 4px;
  width: 16px;
  height: 16px;
}
icon-picker .icon img,
icon-set-picker .icon img,
downgraded-theme-color-input .icon img {
  max-width: 100%;
  max-height: 100%;
}
icon-picker .no-icon,
icon-set-picker .no-icon,
downgraded-theme-color-input .no-icon {
  text-align: center;
}
.lightTheme icon-picker .flyout,
.lightTheme icon-set-picker .flyout,
.lightTheme downgraded-theme-color-input .flyout,
icon-picker.lightTheme .flyout,
icon-set-picker.lightTheme .flyout,
downgraded-theme-color-input.lightTheme .flyout {
  background-color: var(--neutral-light-color, #EAEAEA);
  border-color: var(--neutral-tertiary-alt-color, #C8C8C8);
}
.whiteTheme icon-picker .flyout,
.whiteTheme icon-set-picker .flyout,
.whiteTheme downgraded-theme-color-input .flyout,
icon-picker.whiteTheme .flyout,
icon-set-picker.whiteTheme .flyout,
downgraded-theme-color-input.whiteTheme .flyout {
  background-color: var(--white-color, #FFF);
  border-color: var(--neutral-secondary-alt-color, #777777);
}

/*
 * Color styles MUST be set through the color palette in colors.less. This
 * will allow us to easily change the palette and get a consistent look. DO NOT
 * hard-code colors directly inside classes.
 *
 * To get integrated VS support for LESS install the Visual Studio Web Essentials.
 */
/*
 * Color styles MUST be set through the color palette in colors.less. This
 * will allow us to easily change the palette and get a consistent look. DO NOT
 * hard-code colors directly inside classes.
 *
 * To get integrated VS support for LESS install the Visual Studio Web Essentials.
 */
.usernotifications {
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  font-size: 12px;
}
.usernotifications button {
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
}
html[data-focus-source="key"] .usernotifications button:focus {
  box-shadow: var(--focus-box-shadow-definition, 0 0 0 4px) var(--focus-box-shadow-white-color, #FFFFFF) !important;
  border: var(--focus-outline-definition, 2.5px solid) var(--focus-box-shadow-color, #000000) !important;
  box-sizing: border-box;
}
.usernotifications header {
  height: 100px;
}
.usernotifications header button {
  background: none;
  border: none;
}
.usernotifications header .notificationheader .headercontainer {
  float: left;
  padding-top: 20px;
}
.usernotifications header .notificationheader .headercontainer .heading {
  color: var(--neutral-secondary-color, #666666);
  font-family: 'wf_standard-font', helvetica, arial, sans-serif;
  letter-spacing: 0.04375em;
  text-transform: uppercase;
}
.usernotifications header .notificationheader .headercontainer .subheading {
  font-size: 24px;
}
.usernotifications header .notificationheader .options {
  float: right;
  height: 100%;
}
.usernotifications section.contentContainer button {
  background: none;
  border: none;
  padding: 0;
}
.usernotifications section.contentContainer .notificationcontainer .notification {
  background: var(--white-color, #FFF);
  margin: 10px;
  min-height: 75px;
  overflow: hidden;
  padding: 15px 15px 20px 15px;
}
.usernotifications section.contentContainer .notificationcontainer .notification button:hover {
  background: none;
}
.usernotifications section.contentContainer .notificationcontainer .notification > div {
  color: var(--neutral-primary-color-alt2, #4a4a4a);
  float: left;
}
.usernotifications section.contentContainer .notificationcontainer .notification > div.closeDiv {
  float: right;
}
.usernotifications section.contentContainer .notificationcontainer .notification > div.notificationicon .glyphicon {
  background: var(--neutral-tertiary-color, #A6A6A6);
  border-radius: 50%;
  color: var(--white-color, #FFF);
  margin-top: 3px;
  margin-right: 10px;
  padding: 8px;
}
.usernotifications section.contentContainer .notificationcontainer .notification > div.notificationicon .icon {
  border-radius: 50%;
  height: 32px;
  margin-top: 3px;
  margin-right: 10px;
  width: 32px;
}
.usernotifications section.contentContainer .notificationcontainer .notification > div.notificationicon .rotate {
  transform: rotate(-90deg);
}
.usernotifications section.contentContainer .notificationcontainer .notification > div.message {
  max-width: 260px;
}
.usernotifications section.contentContainer .notificationcontainer .notification > div.message .title {
  color: var(--gray-180, #252423);
  font-size: 14px;
  padding-right: 5px;
}
.usernotifications section.contentContainer .notificationcontainer .notification > div.message .time,
.usernotifications section.contentContainer .notificationcontainer .notification > div.message .desc {
  color: var(--gray-140, #484644);
}
.usernotifications section.contentContainer .notificationcontainer .notification > div.message .action {
  margin-top: 10px;
}
.usernotifications section.contentContainer .notificationcontainer .notification > div.message .action button {
  color: var(--default-link-color, #1F3A93);
  text-align: left;
  white-space: normal;
  font-family: 'Segoe UI Semibold', 'wf_segoe-ui_semibold', helvetica, arial, sans-serif;
}
.usernotifications section.contentContainer .notificationcontainer .unseenMarker {
  position: relative;
  margin-left: 10px;
}
.usernotifications section.contentContainer .notificationcontainer .unseenMarker:before {
  border-top: 25px solid var(--theme-primary-color, #F2C811);
  border-right: 25px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
}
.usernotifications section.contentContainer .notificationcontainer .seen {
  background: var(--neutral-light-color, #EAEAEA);
}
.usernotifications section.contentContainer .notificationcontainer .pinned {
  background: var(--neutral-secondary-alt-color, #777777);
}
.usernotifications section.contentContainer .notificationcontainer .pinned > div.message .title,
.usernotifications section.contentContainer .notificationcontainer .pinned > div.message .desc {
  color: var(--white-color, #FFF);
}
.usernotifications section.contentContainer .notificationcontainer .pinned > div.message .action button {
  color: var(--theme-primary-color, #F2C811);
}
.usernotifications section.contentContainer .notificationcontainer .pinned > div.message .time {
  color: var(--neutral-secondary-alt-color, #777777);
}
.usernotifications section.contentContainer .notificationcontainer .pinned > div .close {
  color: var(--white-color, #FFF);
}
.usernotifications section.contentContainer .notificationcontainer .dismiss {
  background: var(--white-color, #FFF);
  font-size: 14px;
  margin: 10px;
  padding: 20px;
}
.usernotifications section.contentContainer .notificationcontainer .dismiss > div {
  text-align: center;
  width: 100%;
}
.usernotifications section.contentContainer .notificationcontainer .dismiss > div:first-child {
  margin-bottom: 10px;
}
.usernotifications section.contentContainer .notificationcontainer .dismiss > div button {
  padding: 8px;
}
.usernotifications section.contentContainer .notificationcontainer .dismiss > div button.confirm {
  background: var(--theme-primary-color, #F2C811);
}
.usernotifications section.contentContainer .notificationcontainer .dismiss > div button.cancel {
  background: var(--neutral-light-color, #EAEAEA);
}
.usernotifications section.contentContainer .notificationcontainer .nonotification {
  margin-top: 100px;
  text-align: center;
}
.usernotifications section.contentContainer .notificationcontainer .nonotification > div {
  margin-bottom: 10px;
}
.usernotifications section.contentContainer .notificationcontainer .loadmore {
  text-align: center;
  margin-bottom: 10px;
}
.usernotifications section.contentContainer .notificationcontainer .loadmore button {
  background: var(--theme-primary-color, #F2C811);
  padding: 5px;
}
.usernotifications section.contentContainer .notificationcontainer .loadmore button.disable {
  background: rgba(255, 255, 255, 0.25);
}
.streamingDatasetForm {
  height: 100%;
}
.streamingDataset header .powerbi-spinner {
  margin-top: 28px;
}
.streamingDataset .contentContainer .contentHeader {
  display: block;
  font-size: 14px;
  margin: 20px 0 20px;
}
.collapsiblePane {
  position: absolute;
  width: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: var(--neutral-light-color, #EAEAEA);
  overflow: hidden;
  z-index: 60;
  box-shadow: 0 0 20px 0 var(--neutral-secondary-color, #666666);
}
.collapsiblePane.expanded {
  width: 290px;
}
.collapsiblePane.expanded.mediumWidth {
  width: 460px;
}
.collapsiblePane.expanded.largeWidth {
  width: 550px;
}
.collapsiblePane.expanded.smallWidth {
  width: 400px;
}
.collapsiblePane.expanded .innerLayout .expanderBtn {
  transform: rotate(180deg);
}
.collapsiblePane.expanded .expandIcon {
  left: 0;
}
.collapsiblePane.hidden {
  left: 100% !important;
}
.collapsiblePane.hidden > * {
  display: none;
}
.collapsiblePane .innerLayout {
  height: 100%;
  width: 100%;
  min-width: 290px;
  overflow: hidden;
}
.collapsiblePane .innerLayout .expandButtonContainer {
  height: 40px;
  padding-left: 18px;
  background: none;
}
.collapsiblePane .innerLayout .expandButtonContainer .expanderBtn {
  position: relative;
  height: 30px;
  width: 100%;
  cursor: pointer;
}
.collapsiblePane .innerLayout .expandButtonContainer .expanderBtn .expandIcon {
  position: absolute;
  font-size: 1.8em;
  color: var(--neutral-secondary-color, #666666);
  height: 30px;
  width: 16px;
  line-height: 30px;
}
.collapsiblePane .innerLayout .expandButtonContainer .expanderBtn .expandIcon:hover,
.collapsiblePane .innerLayout .expandButtonContainer .expanderBtn .expandIcon:focus {
  color: var(--theme-primary-color, #F2C811);
}
.collapsiblePane .innerLayout .expandButtonContainer .expanderBtn .expandIcon:active {
  color: var(--theme-dark-color, #CDA521);
}
.collapsiblePane .innerLayout .contentFrameHost {
  border: 0;
  display: block;
  overflow: hidden;
  min-width: 290px;
  height: 100%;
}
.collapsiblePane .innerLayout .contentFrameHost .paneLayout {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.collapsiblePane .innerLayout .contentFrameHost .paneLayout header {
  background-color: var(--white-color, #FFF);
  flex: 0 0 auto;
  min-width: 0;
  padding: 0 28px;
  min-height: 75px;
}
.collapsiblePane .innerLayout .contentFrameHost .paneLayout header .primaryHeading {
  font-weight: normal;
  font-size: 28px;
  margin: 0;
  padding-top: 18px;
  padding-bottom: 2px;
}
.collapsiblePane .innerLayout .contentFrameHost .paneLayout header .secondaryHeading {
  margin: 0;
  font-weight: normal;
  color: var(--neutral-secondary-color, #666666);
  font-size: 14px;
  padding-bottom: 24px;
}
.collapsiblePane .innerLayout .contentFrameHost .paneLayout .banner {
  flex: 0 0 auto;
  min-width: 0;
  padding: 15px 30px;
  font-size: 12px;
  background-color: var(--neutral-lighter-color, #F4F4F4);
}
.collapsiblePane .innerLayout .contentFrameHost .paneLayout .banner .wideButton {
  display: block;
  margin: 0;
}
.collapsiblePane .innerLayout .contentFrameHost .paneLayout .banner .wideButton button {
  width: 100%;
}
.collapsiblePane .innerLayout .contentFrameHost .paneLayout .contentContainer {
  margin-left: 1px;
  /* theme */
  background-color: var(--pane-content-fill-color);
  /* manual */
  border-color: var(--neutral-lighter-color, #F4F4F4);
  border-width: 1px 0;
  overflow-y: auto;
  flex: 1;
  min-width: 0;
  height: 100%;
  padding: 0 28px;
  -ms-overflow-style: scrollbar;
}
.collapsiblePane .innerLayout .contentFrameHost .paneLayout .contentContainer.noPadding {
  padding: 0;
}
.collapsiblePane .innerLayout .contentFrameHost .paneLayout .contentContainer .host .tags input[type=text] {
  border: none;
  padding: 2px;
}
.collapsiblePane .innerLayout .contentFrameHost .paneLayout footer {
  font-size: 14px;
  color: var(--neutral-primary-color, #333333);
  background-color: var(--white-color, #FFF);
  flex: 0 0 auto;
  min-width: 0;
  padding: 0 28px;
}
.collapsiblePane .innerLayout .contentFrameHost .paneLayout footer.noPadding {
  padding: 0;
}
.collapsiblePane .innerLayout .contentFrameHost .paneLayout footer .buttons {
  text-align: right;
  margin: 28px 0;
  border: none;
  padding: 0;
}
.collapsiblePane .innerLayout .contentFrameHost .paneLayout footer .buttons .accessibleNeutral button,
.collapsiblePane .innerLayout .contentFrameHost .paneLayout footer .buttons button.accessibleNeutral {
  background-color: var(--neutral-light-color, #EAEAEA);
  border-color: var(--neutral-light-color, #EAEAEA);
}
.collapsiblePane .innerLayout .contentFrameHost .paneLayout footer .buttons .accessibleNeutral button:hover,
.collapsiblePane .innerLayout .contentFrameHost .paneLayout footer .buttons button.accessibleNeutral:hover,
.collapsiblePane .innerLayout .contentFrameHost .paneLayout footer .buttons .accessibleNeutral button:focus,
.collapsiblePane .innerLayout .contentFrameHost .paneLayout footer .buttons button.accessibleNeutral:focus {
  background-color: var(--neutral-tertiary-alt-color, #C8C8C8);
  border-color: var(--black-color, #000);
}
.collapsiblePane .innerLayout .contentFrameHost .paneLayout footer .buttons .accessiblePrimary button,
.collapsiblePane .innerLayout .contentFrameHost .paneLayout footer .buttons button.accessiblePrimary {
  background-color: var(--theme-primary-accessible-color, #FFE642);
  border-color: var(--theme-primary-accessible-color, #FFE642);
}
.collapsiblePane .innerLayout .contentFrameHost .paneLayout footer .buttons .accessiblePrimary button:hover,
.collapsiblePane .innerLayout .contentFrameHost .paneLayout footer .buttons button.accessiblePrimary:hover,
.collapsiblePane .innerLayout .contentFrameHost .paneLayout footer .buttons .accessiblePrimary button:focus,
.collapsiblePane .innerLayout .contentFrameHost .paneLayout footer .buttons button.accessiblePrimary:focus {
  background-color: var(--theme-primary-color, #F2C811);
  border-color: var(--black-color, #000);
}
.collapsiblePane .innerLayout .contentFrameHost .paneLayout footer .buttons .accessiblePrimary button:hover:active,
.collapsiblePane .innerLayout .contentFrameHost .paneLayout footer .buttons button.accessiblePrimary:hover:active,
.collapsiblePane .innerLayout .contentFrameHost .paneLayout footer .buttons .accessiblePrimary button:focus:active,
.collapsiblePane .innerLayout .contentFrameHost .paneLayout footer .buttons button.accessiblePrimary:focus:active {
  background-color: var(--theme-dark-color, #CDA521);
}
.collapsiblePane .innerLayout .contentFrameHost .paneLayout footer .buttons .accessiblePrimary button[disabled],
.collapsiblePane .innerLayout .contentFrameHost .paneLayout footer .buttons button.accessiblePrimary[disabled] {
  background-color: var(--neutral-lighter-color, #F4F4F4);
  border-color: var(--neutral-lighter-color, #F4F4F4);
  color: var(--neutral-tertiary-color, #A6A6A6);
}
.collapsiblePane .innerLayout .contentFrameHost .paneLayout footer .buttons button {
  margin-left: 8px;
}
.collapsiblePane .innerLayout .closeBtn {
  position: absolute;
  right: 20px;
  color: var(--neutral-tertiary-color, #A6A6A6);
  cursor: pointer;
  z-index: 99;
}
.collapsiblePane.largeWidth .innerLayout {
  min-width: 550px;
}
.collapsiblePane.mediumWidth .innerLayout {
  min-width: 460px;
}
.collapsiblePane.smallWidth .innerLayout {
  min-width: 400px;
}
.notificationPane .collapsiblePane {
  z-index: 61;
}
html[data-focus-source="key"] .notificationPane .collapsiblePane button:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.collapsiblePane input[type=text].validationError {
  border-color: var(--warning-color, #A4262C);
}
.collapsiblePane .errorBlock,
.collapsiblePane .alertBlock,
.collapsiblePane .infoBlock {
  font-size: 14px;
  margin-top: 10px;
  padding: 10px 8px;
}
.collapsiblePane .errorBlock .glyphicon,
.collapsiblePane .alertBlock .glyphicon,
.collapsiblePane .infoBlock .glyphicon {
  margin-top: 2px;
  vertical-align: top;
}
.collapsiblePane .errorBlock .message,
.collapsiblePane .alertBlock .message,
.collapsiblePane .infoBlock .message {
  display: inline-block;
  padding-left: 5px;
  width: calc(100% - 25px);
}
.collapsiblePane .errorBlock .message .link,
.collapsiblePane .alertBlock .message .link,
.collapsiblePane .infoBlock .message .link {
  display: inline-block;
}
.collapsiblePane .errorBlock {
  color: var(--white-color, #FFF);
  background-color: var(--warning-color, #A4262C);
}
.collapsiblePane .alertBlock {
  background-color: var(--alert-color, #FFF9AE);
}
.collapsiblePane .infoBlock {
  background-color: var(--neutral-light-color, #EAEAEA);
}
.collapsiblePane .input-field-label {
  display: block;
  font-size: 14px;
  margin: 20px 0 10px;
  font-family: 'Segoe UI Semibold', 'wf_segoe-ui_semibold', helvetica, arial, sans-serif;
  font-size: 12px;
  margin: 16px 0 0 0;
  padding-bottom: 8px;
}
.collapsiblePane .input-field-label:first-of-type {
  margin-top: 10px;
}
.collapsiblePane .input-field-label.disabled {
  color: var(--neutral-tertiary-color, #A6A6A6);
}
.collapsiblePane .input-field-label.required::after {
  content: '*';
  color: var(--warning-color, #A4262C);
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  padding-left: 4px;
}
.collapsiblePane input[type=text],
.collapsiblePane input[type=number],
.collapsiblePane input[type=url],
.collapsiblePane input[type=password],
.collapsiblePane select,
.collapsiblePane textarea {
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
  border: 2px solid var(--neutral-tertiary-alt-color, #C8C8C8);
  outline: none;
  padding: 8px;
}
.collapsiblePane input[type=text] ::-webkit-input-placeholder,
.collapsiblePane input[type=number] ::-webkit-input-placeholder,
.collapsiblePane input[type=url] ::-webkit-input-placeholder,
.collapsiblePane input[type=password] ::-webkit-input-placeholder,
.collapsiblePane select ::-webkit-input-placeholder,
.collapsiblePane textarea ::-webkit-input-placeholder,
.collapsiblePane input[type=text] :-ms-input-placeholder,
.collapsiblePane input[type=number] :-ms-input-placeholder,
.collapsiblePane input[type=url] :-ms-input-placeholder,
.collapsiblePane input[type=password] :-ms-input-placeholder,
.collapsiblePane select :-ms-input-placeholder,
.collapsiblePane textarea :-ms-input-placeholder {
  color: var(--neutral-tertiary-color, #A6A6A6);
}
.collapsiblePane input[type=text]:hover,
.collapsiblePane input[type=number]:hover,
.collapsiblePane input[type=url]:hover,
.collapsiblePane input[type=password]:hover,
.collapsiblePane select:hover,
.collapsiblePane textarea:hover {
  border-color: var(--neutral-secondary-color, #666666);
}
.collapsiblePane input[type=text]:active,
.collapsiblePane input[type=number]:active,
.collapsiblePane input[type=url]:active,
.collapsiblePane input[type=password]:active,
.collapsiblePane select:active,
.collapsiblePane textarea:active,
.collapsiblePane input[type=text]:focus,
.collapsiblePane input[type=number]:focus,
.collapsiblePane input[type=url]:focus,
.collapsiblePane input[type=password]:focus,
.collapsiblePane select:focus,
.collapsiblePane textarea:focus {
  border-color: var(--fluent-theme-black-color, #000);
}
.collapsiblePane input[type=text].hasError,
.collapsiblePane input[type=number].hasError,
.collapsiblePane input[type=url].hasError,
.collapsiblePane input[type=password].hasError,
.collapsiblePane select.hasError,
.collapsiblePane textarea.hasError,
.collapsiblePane input[type=text].hasError:hover,
.collapsiblePane input[type=number].hasError:hover,
.collapsiblePane input[type=url].hasError:hover,
.collapsiblePane input[type=password].hasError:hover,
.collapsiblePane select.hasError:hover,
.collapsiblePane textarea.hasError:hover {
  border-color: var(--warning-color, #A4262C);
}
.collapsiblePane select {
  cursor: pointer;
}
.contextMenu {
  color: var(--neutral-primary-color-alt2, #4a4a4a);
  position: absolute;
  background: var(--white-color, #FFF);
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
  display: none;
  width: 310px;
  z-index: 100;
}
.contextMenu .wrapper {
  padding-bottom: 10px;
}
.contextMenu .wrapper .metadata-container {
  padding: 20px 20px 10px;
  font-size: 19px;
  min-height: 47px;
}
.contextMenu .wrapper .metadata-container .metadata {
  font-size: 12px;
  line-height: 1em;
  margin-top: 20px;
  word-wrap: break-word;
}
.contextMenu .wrapper .metadata-container .metadata .metadataLabel {
  color: var(--neutral-tertiary-color, #A6A6A6);
  font-family: var(--bold-secondary-font-family, 'wf_standard-font_bold', helvetica, arial, sans-serif);
  letter-spacing: 0.5px;
  margin: 18px 0 11px;
}
.contextMenu .wrapper .metadata-container .metadata .tooltipIcon {
  padding-left: 5px;
}
.contextMenu .wrapper .metadata-container .title {
  vertical-align: top;
  max-width: calc(100% - 20px);
  min-height: 18px;
}
.contextMenu .wrapper .metadata-container .refreshFlyoutWarning i.glyphicon {
  vertical-align: top;
}
.contextMenu .wrapper .metadata-container .refreshFlyoutWarning .message {
  display: inline;
}
.contextMenu .wrapper .metadata-container .close-btn {
  color: var(--neutral-tertiary-color, #A6A6A6);
  opacity: 0.5;
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 0;
  background: none;
  border: none;
}
html[data-focus-source="key"] .contextMenu .wrapper .metadata-container .close-btn:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.contextMenu .wrapper .metadata-container .close-btn:after {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  font-size: 16px;
}
.contextMenu .wrapper .metadata-container .close-btn:hover {
  opacity: 1;
}
.contextMenu .wrapper .metadata-container .statusIcon {
  vertical-align: -3px;
}
.contextMenu .wrapper .metadata-container .statusText {
  padding-left: 5px;
}
.contextMenu .wrapper .metadata-container hr {
  color: var(--neutral-tertiary-alt-color, #C8C8C8);
  margin: 20px 0 0;
}
.contextMenu .wrapper .arrow {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background: var(--white-color, #FFF);
  transform: rotate(45deg);
  top: calc(50% - 10px);
  left: -3px;
  z-index: -1;
}
.contextMenu .wrapper dropdown-list-item {
  color: var(--neutral-secondary-alt-color, #777777);
  padding: 8px 20px;
}
.contextMenu .wrapper dropdown-list-item a {
  color: var(--neutral-secondary-alt-color, #777777);
  display: block;
  width: 100%;
}
.contextMenu .wrapper dropdown-list-item a:hover {
  color: inherit;
}
.contextMenu .wrapper dropdown-list-item:hover {
  color: var(--neutral-primary-color, #333333);
}
.contextMenu .wrapper:after {
  display: block;
  content: " ";
  clear: both;
}
.contextMenu .wrapper.left:before {
  left: -11px;
  box-shadow: -2.5px 2.5px 5px -0.5px var(--neutral-light-color, #EAEAEA);
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.contextMenu .wrapper.right:before {
  right: -11px;
  top: 50px;
  box-shadow: 2.5px -2.5px 5px -0.5px var(--neutral-light-color, #EAEAEA);
  border-right: 1px solid var(--neutral-light-color, #EAEAEA);
  border-top: 1px solid var(--neutral-light-color, #EAEAEA);
}
.contextMenu.active {
  display: block;
}
.contextMenu.inactive {
  display: none;
}
/*
//-----------------------------------------------------------------------
// <copyright company='Microsoft Corporation'>
//        Copyright (c) Microsoft Corporation.  All rights reserved.
// </copyright>
//-----------------------------------------------------------------------
*/
.dataLoaderSpinner {
  height: 120px;
  text-align: center;
  animation: dataLoaderFadeIn 1s ease;
}
@keyframes dataLoaderFadeIn {
  0%,
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.dataLoaderSpinner.centered {
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -60px;
}
.dataLoaderSpinner .powerbi-spinner {
  margin: 20px;
}
.dataLoaderSpinner h3 {
  margin: 0;
  font-family: 'Segoe UI Semilight', 'wf_segoe-ui_semilight', helvetica, arial, sans-serif;
  font-weight: normal;
}
/*
 * Color styles MUST be set through the color palette in colors.less. This
 * will allow us to easily change the palette and get a consistent look. DO NOT
 * hard-code colors directly inside classes.
 *
 * To get integrated VS support for LESS install the Visual Studio Web Essentials.
 */
body.fullScreen .dashboardContainerView .dashboardSliderMain.errorBannerOn,
body.fullScreen .dashboardContainerView .dashboardSliderMain.errorBannerOff {
  margin-top: 0;
}
body.fullScreen .dashboardContainerView downgraded-flyout,
body.fullScreen .dashboardContainerView flyout {
  padding-top: 0;
}
body.fullScreen .dashboard.fitToScreen {
  /* @noflip */
  left: 0;
  /* @noflip */
  right: auto;
}
.dashboardContainerView {
  display: block;
  height: 100%;
  width: 100%;
}
/* Note that styles in this file apply not only to the dashboard container, but to other containers with similar structure as well (eg qnaContainer for below block) */
.dashboardContainerView.qnaMode .mainContent,
dashboard-edit-mobile-display.qnaMode .mainContent {
  background-color: var(--white-color, #FFF);
}
.dashboardContainerView.qnaMode .mainContent .dashboardSliderMain,
dashboard-edit-mobile-display.qnaMode .mainContent .dashboardSliderMain {
  margin-top: 0;
}
.dashboardContainerView.qnaMode .mainContent .dashboardSliderMain .dashboardModeView,
dashboard-edit-mobile-display.qnaMode .mainContent .dashboardSliderMain .dashboardModeView {
  visibility: hidden;
  opacity: 0;
  /* In addition to hiding this element using .hiddenNoTransition, we actually need to remove it from the layout
                so that it doesn't intercept any clicks or hover behaviors. */
  display: none;
}
.dashboardContainerView.qnaMode .mainContent .dashboardSliderMain .infoNavVisualizationModeView,
dashboard-edit-mobile-display.qnaMode .mainContent .dashboardSliderMain .infoNavVisualizationModeView {
  visibility: visible;
}
.dashboardContainerView.qnaMode .mainContent .header,
dashboard-edit-mobile-display.qnaMode .mainContent .header {
  z-index: 2;
}
.dashboardContainerView.qnaMode .mainContent .header .dashboardAppBar,
dashboard-edit-mobile-display.qnaMode .mainContent .header .dashboardAppBar {
  display: none;
}
.dashboardContainerView.qnaMode .mainContent .dashboardControlsWrapper qna-dashboard-launcher,
dashboard-edit-mobile-display.qnaMode .mainContent .dashboardControlsWrapper qna-dashboard-launcher {
  display: flex;
}
.dashboardContainerView.isMainContentDisabled .mainContent > *:not(.dashboardSliderMain),
dashboard-edit-mobile-display.isMainContentDisabled .mainContent > *:not(.dashboardSliderMain),
.dashboardContainerView.isMainContentDisabled .dashboard .tileGroup .header,
dashboard-edit-mobile-display.isMainContentDisabled .dashboard .tileGroup .header {
  pointer-events: none;
  opacity: 0.5;
}
.dashboardContainerView.isMainContentDisabled .tileContainer li.dashboardTile,
dashboard-edit-mobile-display.isMainContentDisabled .tileContainer li.dashboardTile {
  opacity: 0.45;
  overflow: hidden !important;
  pointer-events: none;
}
.dashboardContainerView.isMainContentDisabled .tileContainer li.dashboardTile .tileBody,
dashboard-edit-mobile-display.isMainContentDisabled .tileContainer li.dashboardTile .tileBody {
  pointer-events: none;
}
.dashboardContainerView.isMainContentDisabled.isDashboardHeaderEnabled .header,
dashboard-edit-mobile-display.isMainContentDisabled.isDashboardHeaderEnabled .header {
  pointer-events: all;
  opacity: 1;
}
.dashboardContainerView.isMainContentDisabled.isDashboardHeaderEnabled .header .dashboardControlsWrapper,
dashboard-edit-mobile-display.isMainContentDisabled.isDashboardHeaderEnabled .header .dashboardControlsWrapper {
  pointer-events: none;
  opacity: 0.5;
}
.dashboardContainerView.isMainContentDisabled downgraded-flyout,
dashboard-edit-mobile-display.isMainContentDisabled downgraded-flyout,
.dashboardContainerView.isMainContentDisabled flyout,
dashboard-edit-mobile-display.isMainContentDisabled flyout {
  pointer-events: all !important;
  opacity: 1 !important;
}
.dashboardContainerView.isSelectedTileHighlighted .tileContainer li.dashboardTile.selected,
dashboard-edit-mobile-display.isSelectedTileHighlighted .tileContainer li.dashboardTile.selected {
  opacity: 1;
  pointer-events: all;
  transition: none;
}
.dashboardContainerView.isSelectedTileHighlighted .tileContainer li.dashboardTile.selected .warningIcon,
dashboard-edit-mobile-display.isSelectedTileHighlighted .tileContainer li.dashboardTile.selected .warningIcon {
  display: block;
}
.dashboardContainerView.isQuestionBoxHidden .mainContent .dashboardSliderMain.errorBannerOff,
dashboard-edit-mobile-display.isQuestionBoxHidden .mainContent .dashboardSliderMain.errorBannerOff {
  margin-top: 50px;
}
.dashboardContainerView.isQuestionBoxHidden .mainContent .dashboardSliderMain.errorBannerOn,
dashboard-edit-mobile-display.isQuestionBoxHidden .mainContent .dashboardSliderMain.errorBannerOn {
  margin-top: 82px;
}
.dashboardContainerView .fluentTheme,
dashboard-edit-mobile-display .fluentTheme {
  background-color: var(--fluent-theme-neutral-lighter-alt-color, #FAF9F8);
}
.dashboardContainerView .mainContent,
dashboard-edit-mobile-display .mainContent {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform-origin: 0 0 0;
  transition: left 0.25s, right 0.25s, bottom 0.25s, transform 0.25s;
  display: flex;
}
.dashboardContainerView .mainContent .header,
dashboard-edit-mobile-display .mainContent .header {
  transition: transform 0.25s;
}
.dashboardContainerView .mainContent .header .qnaAppBar,
dashboard-edit-mobile-display .mainContent .header .qnaAppBar {
  background-color: var(--neutral-lighter-color, #F4F4F4);
  font-size: 14px;
}
.dashboardContainerView .mainContent .header .qnaAppBar .pbi-glyph-arrowleft,
dashboard-edit-mobile-display .mainContent .header .qnaAppBar .pbi-glyph-arrowleft {
  font-size: 10px;
}
html[dir="rtl"] .dashboardContainerView .mainContent .header .qnaAppBar .pbi-glyph-arrowleft,
html[dir="rtl"] dashboard-edit-mobile-display .mainContent .header .qnaAppBar .pbi-glyph-arrowleft {
  transform: rotate(-180deg);
}
.dashboardContainerView .mainContent .header .qnaAppBar .newExperienceToggle,
dashboard-edit-mobile-display .mainContent .header .qnaAppBar .newExperienceToggle {
  align-items: center;
  margin: 0 20px 0 10px;
}
.dashboardContainerView .mainContent .header .qnaAppBar .newExperienceToggle pbi-toggle,
dashboard-edit-mobile-display .mainContent .header .qnaAppBar .newExperienceToggle pbi-toggle {
  color: var(--neutral-primary-color, #333333);
  margin: 0;
}
.dashboardContainerView .mainContent .header .qnaAppBar .newExperienceToggle pbi-toggle span:not(.displayOnSmallScreen),
dashboard-edit-mobile-display .mainContent .header .qnaAppBar .newExperienceToggle pbi-toggle span:not(.displayOnSmallScreen) {
  display: unset;
}
.dashboardContainerView .mainContent .header .dashboardAppBar,
dashboard-edit-mobile-display .mainContent .header .dashboardAppBar {
  background-color: white;
}
.dashboardContainerView .mainContent .header .dashboardAppBar .groupLabel,
dashboard-edit-mobile-display .mainContent .header .dashboardAppBar .groupLabel {
  padding: 0 8px 0 15px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  font-size: 14px;
}
.dashboardContainerView .mainContent .header .dashboardAppBar .breadcrumbLabel,
dashboard-edit-mobile-display .mainContent .header .dashboardAppBar .breadcrumbLabel {
  padding: 0;
}
html[dir="rtl"] .dashboardContainerView .mainContent .header .dashboardAppBar .breadcrumbLabel,
html[dir="rtl"] dashboard-edit-mobile-display .mainContent .header .dashboardAppBar .breadcrumbLabel {
  transform: rotate(-180deg);
}
.dashboardContainerView .mainContent .header .dashboardAppBar .breadcrumbLabel > i,
dashboard-edit-mobile-display .mainContent .header .dashboardAppBar .breadcrumbLabel > i {
  display: inline;
  line-height: 37px;
  font-size: 10px;
}
.dashboardContainerView .mainContent .header .dashboardAppBar .activeDashboardLabel,
dashboard-edit-mobile-display .mainContent .header .dashboardAppBar .activeDashboardLabel {
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  font-size: 14px;
  max-width: 620px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.dashboardContainerView .mainContent .header .dashboardAppBar .readonlyIcon,
dashboard-edit-mobile-display .mainContent .header .dashboardAppBar .readonlyIcon {
  margin: 0 0 0 5px !important;
  color: var(--neutral-secondary-color, #666666);
}
.dashboardContainerView .mainContent .header .dashboardAppBar button,
dashboard-edit-mobile-display .mainContent .header .dashboardAppBar button {
  color: var(--neutral-secondary-color, #666666);
}
.dashboardContainerView .mainContent .header .dashboardAppBar .appBarSection button,
dashboard-edit-mobile-display .mainContent .header .dashboardAppBar .appBarSection button {
  border: var(--focus-outline-definition, 2.5px solid) transparent;
}
@media screen and (-ms-high-contrast: active) {
  .dashboardContainerView .mainContent .header .dashboardAppBar .appBarSection button,
  dashboard-edit-mobile-display .mainContent .header .dashboardAppBar .appBarSection button {
    border: none;
  }
}
.dashboardContainerView .mainContent .header .dashboardAppBar .appBarSection button:focus,
dashboard-edit-mobile-display .mainContent .header .dashboardAppBar .appBarSection button:focus {
  background-color: transparent;
}
.dashboardContainerView .mainContent .header .dashboardAppBar .appBarSection button:hover:not(:disabled),
dashboard-edit-mobile-display .mainContent .header .dashboardAppBar .appBarSection button:hover:not(:disabled),
.dashboardContainerView .mainContent .header .dashboardAppBar .appBarSection button:focus:hover:not(:disabled),
dashboard-edit-mobile-display .mainContent .header .dashboardAppBar .appBarSection button:focus:hover:not(:disabled) {
  background-color: var(--neutral-tertiary-alt-color, #C8C8C8);
}
.dashboardContainerView .mainContent .header .dashboardAppBar .appBarSection button:disabled,
dashboard-edit-mobile-display .mainContent .header .dashboardAppBar .appBarSection button:disabled {
  color: var(--neutral-tertiary-alt-color, #C8C8C8);
}
html[data-focus-source="key"] .dashboardContainerView .mainContent .header .dashboardAppBar .appBarSection button:focus,
html[data-focus-source="key"] dashboard-edit-mobile-display .mainContent .header .dashboardAppBar .appBarSection button:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.dashboardContainerView .mainContent .header .dashboardAppBar .appBarSection i.glyphicon,
dashboard-edit-mobile-display .mainContent .header .dashboardAppBar .appBarSection i.glyphicon {
  margin: 0;
}
.dashboardContainerView .mainContent .header .dashboardAppBar .appBarSection i.glyphicon.pbi-glyph-favoritestar,
dashboard-edit-mobile-display .mainContent .header .dashboardAppBar .appBarSection i.glyphicon.pbi-glyph-favoritestar {
  margin-right: 5px;
}
.dashboardContainerView .mainContent .header .dashboardAppBar .appBarSection .dashboardTileErrors,
dashboard-edit-mobile-display .mainContent .header .dashboardAppBar .appBarSection .dashboardTileErrors {
  max-width: 340px;
  position: relative;
  display: flex;
}
.dashboardContainerView .mainContent .header .dashboardAppBar .appBarSection .dashboardTileErrors button,
dashboard-edit-mobile-display .mainContent .header .dashboardAppBar .appBarSection .dashboardTileErrors button {
  height: 100%;
  padding: 0;
}
.dashboardContainerView .mainContent .header .dashboardAppBar .appBarSection .dashboardTileErrors .badge,
dashboard-edit-mobile-display .mainContent .header .dashboardAppBar .appBarSection .dashboardTileErrors .badge {
  cursor: pointer;
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  line-height: 12px;
  border-radius: 50%;
  background-color: var(--theme-primary-color, #F2C811);
  color: var(--text-primary-content-color);
  top: 10px;
  left: 15px;
  text-align: center;
}
.dashboardContainerView .mainContent .header .dashboardAppBar .appBarSection .dashboardTileErrors .errorToggle,
dashboard-edit-mobile-display .mainContent .header .dashboardAppBar .appBarSection .dashboardTileErrors .errorToggle {
  color: var(--info-dark-color, #33669A);
  cursor: pointer;
  padding: 0 0 0 5px;
}
.dashboardContainerView .mainContent .header .dashboardAppBar .appBarSection .badge,
dashboard-edit-mobile-display .mainContent .header .dashboardAppBar .appBarSection .badge {
  cursor: pointer;
  position: relative;
  display: block;
  width: 12px;
  height: 12px;
  line-height: 12px;
  border-radius: 50%;
  background-color: var(--theme-primary-color, #F2C811);
  color: var(--text-primary-content-color);
  top: 7px;
  left: 34px;
  text-align: center;
}
.dashboardContainerView .mainContent .header .dashboardAppBar .appBarSection .menuButton::before,
dashboard-edit-mobile-display .mainContent .header .dashboardAppBar .appBarSection .menuButton::before {
  display: inline-block;
  font-family: PowrMDL2;
  font-size: 16px;
  font-style: normal;
  margin-right: 5px;
}
.dashboardContainerView .mainContent .header .dashboardAppBar .appBarSection .menuItemButton:hover,
dashboard-edit-mobile-display .mainContent .header .dashboardAppBar .appBarSection .menuItemButton:hover {
  background-color: var(--neutral-tertiary-alt-color, #C8C8C8) !important;
}
.dashboardContainerView .mainContent .dashboardSliderMain,
dashboard-edit-mobile-display .mainContent .dashboardSliderMain {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.dashboardContainerView .mainContent .dashboardSliderMain.errorBannerOff,
dashboard-edit-mobile-display .mainContent .dashboardSliderMain.errorBannerOff {
  margin-top: 90px;
}
.dashboardContainerView .mainContent .dashboardSliderMain.errorBannerOn,
dashboard-edit-mobile-display .mainContent .dashboardSliderMain.errorBannerOn {
  margin-top: 122px;
}
html[dir="rtl"] .dashboardContainerView .mainContent .dashboardSliderMain,
html[dir="rtl"] dashboard-edit-mobile-display .mainContent .dashboardSliderMain {
  direction: rtl;
}
.dashboardContainerView .mainContent .dashboardSliderMain > div,
dashboard-edit-mobile-display .mainContent .dashboardSliderMain > div {
  position: absolute;
  width: 100%;
}
.dashboardContainerView .mainContent .dashboardSliderMain .dashboardModeView,
dashboard-edit-mobile-display .mainContent .dashboardSliderMain .dashboardModeView {
  height: 100%;
  opacity: 1;
  transition: background-color 0.5s ease, opacity 0.5s ease;
}
.dashboardContainerView .mainContent .dashboardSliderMain .infoNavVisualizationModeView,
dashboard-edit-mobile-display .mainContent .dashboardSliderMain .infoNavVisualizationModeView {
  top: 40px;
  bottom: 0;
  visibility: hidden;
  transition: background-color 0.5s ease, opacity 0.5s ease;
}
.dashboardContainerView .mainContent ul.tileContainer,
dashboard-edit-mobile-display .mainContent ul.tileContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  right: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.dashboardContainerView .mainContent ul.tileContainer > ul,
dashboard-edit-mobile-display .mainContent ul.tileContainer > ul {
  list-style-type: none;
}
.dashboardContainerView .mainContent .dashboardViewSlider,
dashboard-edit-mobile-display .mainContent .dashboardViewSlider {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
.dashboardContainerView .mainContent .dashboardControlsWrapper,
dashboard-edit-mobile-display .mainContent .dashboardControlsWrapper {
  left: 21px;
  position: absolute;
  width: 100%;
}
.dashboardContainerView .mainContent .dashboardControlsWrapper qna-dashboard-launcher,
dashboard-edit-mobile-display .mainContent .dashboardControlsWrapper qna-dashboard-launcher {
  display: flex;
}
.dashboardContainerView .mainContent .dashboardControlsWrapper.errorBannerOn,
dashboard-edit-mobile-display .mainContent .dashboardControlsWrapper.errorBannerOn {
  top: 82px;
}
.dashboardContainerView .mainContent .dashboardControlsWrapper.errorBannerOff,
dashboard-edit-mobile-display .mainContent .dashboardControlsWrapper.errorBannerOff {
  top: 50px;
}
.dashboardContainerView .mainContent .dashboardControlsWrapper > .qnaQuestionBoxWrapper,
dashboard-edit-mobile-display .mainContent .dashboardControlsWrapper > .qnaQuestionBoxWrapper,
.dashboardContainerView .mainContent .dashboardControlsWrapper .legacyQnaWrapper > .qnaQuestionBoxWrapper,
dashboard-edit-mobile-display .mainContent .dashboardControlsWrapper .legacyQnaWrapper > .qnaQuestionBoxWrapper {
  position: relative;
  width: 650px;
  float: left;
}
.dashboardContainerView .mainContent .dashboardControlsWrapper > .qnaQuestionBoxWrapper .qnaSpinner,
dashboard-edit-mobile-display .mainContent .dashboardControlsWrapper > .qnaQuestionBoxWrapper .qnaSpinner,
.dashboardContainerView .mainContent .dashboardControlsWrapper .legacyQnaWrapper > .qnaQuestionBoxWrapper .qnaSpinner,
dashboard-edit-mobile-display .mainContent .dashboardControlsWrapper .legacyQnaWrapper > .qnaQuestionBoxWrapper .qnaSpinner {
  z-index: 1;
  position: absolute;
  right: 10px;
  top: 5px;
}
.dashboardContainerView .mainContent .dashboardControlsWrapper > .qnaQuestionBoxWrapper .qnaStart,
dashboard-edit-mobile-display .mainContent .dashboardControlsWrapper > .qnaQuestionBoxWrapper .qnaStart,
.dashboardContainerView .mainContent .dashboardControlsWrapper .legacyQnaWrapper > .qnaQuestionBoxWrapper .qnaStart,
dashboard-edit-mobile-display .mainContent .dashboardControlsWrapper .legacyQnaWrapper > .qnaQuestionBoxWrapper .qnaStart {
  position: absolute;
  top: 0;
  left: 650px;
  width: 200px;
  display: inline-block;
  margin: 7px 0 0 12px;
  cursor: pointer;
}
.dashboardContainerView .mainContent .dashboardControlsWrapper > .qnaQuestionBoxWrapper .qnaStart a,
dashboard-edit-mobile-display .mainContent .dashboardControlsWrapper > .qnaQuestionBoxWrapper .qnaStart a,
.dashboardContainerView .mainContent .dashboardControlsWrapper .legacyQnaWrapper > .qnaQuestionBoxWrapper .qnaStart a,
dashboard-edit-mobile-display .mainContent .dashboardControlsWrapper .legacyQnaWrapper > .qnaQuestionBoxWrapper .qnaStart a {
  color: var(--link-color, var(--theme-secondary-color, #000000));
  text-decoration: underline;
}
.dashboardContainerView .mainContent .dashboardControlsWrapper > .qnaQuestionBoxWrapper .qnaStart a:hover,
dashboard-edit-mobile-display .mainContent .dashboardControlsWrapper > .qnaQuestionBoxWrapper .qnaStart a:hover,
.dashboardContainerView .mainContent .dashboardControlsWrapper .legacyQnaWrapper > .qnaQuestionBoxWrapper .qnaStart a:hover,
dashboard-edit-mobile-display .mainContent .dashboardControlsWrapper .legacyQnaWrapper > .qnaQuestionBoxWrapper .qnaStart a:hover {
  color: var(--neutral-secondary-color, #666666);
}
.dashboardContainerView .mainContent .dashboardControlsWrapper .legacyQnaWrapper > .infoNavActions,
dashboard-edit-mobile-display .mainContent .dashboardControlsWrapper .legacyQnaWrapper > .infoNavActions,
.dashboardContainerView .mainContent .dashboardControlsWrapper .infoNavActions,
dashboard-edit-mobile-display .mainContent .dashboardControlsWrapper .infoNavActions {
  display: none;
  white-space: nowrap;
}
.dashboardContainerView .mainContent .dashboardControlsWrapper .legacyQnaWrapper > .infoNavActions .infoNavActionItem,
dashboard-edit-mobile-display .mainContent .dashboardControlsWrapper .legacyQnaWrapper > .infoNavActions .infoNavActionItem,
.dashboardContainerView .mainContent .dashboardControlsWrapper .infoNavActions .infoNavActionItem,
dashboard-edit-mobile-display .mainContent .dashboardControlsWrapper .infoNavActions .infoNavActionItem {
  display: inline-block;
}
.dashboardContainerView .mainContent .dashboardControlsWrapper .legacyQnaWrapper > .infoNavActions .infoNavActionItem i,
dashboard-edit-mobile-display .mainContent .dashboardControlsWrapper .legacyQnaWrapper > .infoNavActions .infoNavActionItem i,
.dashboardContainerView .mainContent .dashboardControlsWrapper .infoNavActions .infoNavActionItem i,
dashboard-edit-mobile-display .mainContent .dashboardControlsWrapper .infoNavActions .infoNavActionItem i {
  color: var(--neutral-secondary-color, #666666);
  margin-left: 10px;
  margin-top: 7px;
  cursor: pointer;
  font-size: 1.1em;
  vertical-align: bottom;
}
.dashboardContainerView .mainContent .dashboardControlsWrapper .legacyQnaWrapper > .infoNavActions .infoNavActionItem i:hover,
dashboard-edit-mobile-display .mainContent .dashboardControlsWrapper .legacyQnaWrapper > .infoNavActions .infoNavActionItem i:hover,
.dashboardContainerView .mainContent .dashboardControlsWrapper .infoNavActions .infoNavActionItem i:hover,
dashboard-edit-mobile-display .mainContent .dashboardControlsWrapper .infoNavActions .infoNavActionItem i:hover {
  color: var(--neutral-primary-color, #333333);
}
.dashboardContainerView .mainContent .dashboardControlsWrapper .legacyQnaWrapper > .infoNavActions .infoNavActionItem.infoNavActionItemDisabled i,
dashboard-edit-mobile-display .mainContent .dashboardControlsWrapper .legacyQnaWrapper > .infoNavActions .infoNavActionItem.infoNavActionItemDisabled i,
.dashboardContainerView .mainContent .dashboardControlsWrapper .infoNavActions .infoNavActionItem.infoNavActionItemDisabled i,
dashboard-edit-mobile-display .mainContent .dashboardControlsWrapper .infoNavActions .infoNavActionItem.infoNavActionItemDisabled i {
  color: var(--neutral-tertiary-alt-color, #C8C8C8);
}
.dashboardContainerView .mainContent .dashboardControlsWrapper .legacyQnaWrapper > .infoNavActions .infoNavActionItem.infoNavActionItemDisabled i:hover,
dashboard-edit-mobile-display .mainContent .dashboardControlsWrapper .legacyQnaWrapper > .infoNavActions .infoNavActionItem.infoNavActionItemDisabled i:hover,
.dashboardContainerView .mainContent .dashboardControlsWrapper .infoNavActions .infoNavActionItem.infoNavActionItemDisabled i:hover,
dashboard-edit-mobile-display .mainContent .dashboardControlsWrapper .infoNavActions .infoNavActionItem.infoNavActionItemDisabled i:hover {
  color: var(--neutral-tertiary-alt-color, #C8C8C8);
}
.dashboardContainerView .mainContent .dashboardControlsWrapper .legacyQnaWrapper > .infoNavActions .infoNavActionItem .pinButton,
dashboard-edit-mobile-display .mainContent .dashboardControlsWrapper .legacyQnaWrapper > .infoNavActions .infoNavActionItem .pinButton,
.dashboardContainerView .mainContent .dashboardControlsWrapper .infoNavActions .infoNavActionItem .pinButton,
dashboard-edit-mobile-display .mainContent .dashboardControlsWrapper .infoNavActions .infoNavActionItem .pinButton {
  transform: rotate(-45deg);
}
.dashboardContainerView .mainContent .dashboardControlsWrapper > button,
dashboard-edit-mobile-display .mainContent .dashboardControlsWrapper > button {
  vertical-align: top;
}
.dashboardContainerView .mainContent downgraded-flyout,
dashboard-edit-mobile-display .mainContent downgraded-flyout,
.dashboardContainerView .mainContent flyout,
dashboard-edit-mobile-display .mainContent flyout {
  margin-top: 40px;
  position: relative;
}
dashboard-edit-mobile-display .mainContent .dashboardSliderMain {
  margin-top: 0;
}
.dashboardViewSlider .dashboard {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: auto;
  right: 0;
  -ms-overflow-style: scrollbar;
  /*No overlapping scrollbars*/
  transform-origin: 0 0 0;
  transition: transform 0.5s;
}
.dashboardViewSlider .dashboard.transitioning ul.tileContainer > li.dashboardTile {
  transition: none !important;
}
.dashboardViewSlider .dashboard .error {
  display: block;
  overflow: auto;
  height: 100%;
  padding-top: 250px;
  width: 520px;
  margin: 0 auto;
  text-align: center;
}
.dashboardViewSlider .dashboard .error h3 {
  font-weight: 400;
}
.dashboardViewSlider .dashboard .error span.tileLoadErrorMessage > a {
  color: var(--data-color9, #3599B8);
  text-decoration: none;
}
.dashboardViewSlider .dashboard .error button {
  display: block;
  margin: 25px auto;
}
.duplicateDialog .dashboardSaveAsName {
  width: 100%;
  box-sizing: border-box;
  margin-top: 10px;
  margin-bottom: 20px;
  line-height: 19px;
}
.infonav-dialogActions #duplicateDashboardBtn {
  background-color: var(--theme-primary-accessible-color, #FFE642);
  border-color: var(--theme-primary-accessible-color, #FFE642);
}
.infonav-dialogActions #duplicateDashboardBtn:hover,
.infonav-dialogActions #duplicateDashboardBtn:focus {
  background-color: var(--theme-primary-color, #F2C811);
  border-color: inherit;
}
.infonav-dialogActions #duplicateCancelBtn {
  background-color: var(--neutral-light-color, #EAEAEA);
  border-color: var(--neutral-light-color, #EAEAEA);
}
.infonav-dialogActions #duplicateCancelBtn:hover,
.infonav-dialogActions #duplicateCancelBtn:focus {
  background-color: var(--neutral-tertiary-alt-color, #C8C8C8);
  border-color: inherit;
}
ul.additionalMenus {
  min-width: 200px;
  border: none;
}
ul.additionalMenus button.dropdown-item {
  padding: 10px 13px;
}
ul.additionalMenus button.dropdown-item:hover {
  background-color: var(--neutral-light-color, #EAEAEA);
}
ul.additionalMenus .dropdown-item > span {
  padding: 10px 13px;
}
ul.additionalMenus .dropdown-item > a:hover {
  background-color: var(--neutral-light-color, #EAEAEA);
}
ul.additionalMenus .dropdown-item .dropdown-label {
  font-size: 12px;
}
.sliderPane {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: transform 0.25s;
  transform: translateX(0);
  position: absolute;
  background-color: var(--white-color, #FFF);
  z-index: 31;
  /* need to be greater than 20 */
}
.sliderPane .sliderContentView {
  overflow: auto;
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 20px 0 40px 20px;
  box-sizing: border-box;
}
.sliderPane .layoutTop {
  width: 100%;
}
.sliderPane .layoutTop .section {
  margin-bottom: 20px;
  margin-top: 20px;
  color: var(--neutral-secondary-color, #666666);
  left: 20px;
  height: 30px;
}
.sliderPane .layoutTop .backToDashboard {
  font-size: 0.9em;
  display: inline;
  vertical-align: middle;
  width: inherit;
  top: 0;
}
.sliderPane .layoutTop .backToDashboard .backBtn {
  cursor: pointer;
  margin: 2px 10px 0 0;
  vertical-align: middle;
  font-size: 24px;
  position: absolute;
}
.sliderPane .layoutTop .backToDashboard .sliderContentHeader {
  display: inline;
  font-family: 'Segoe UI Light', 'wf_segoe-ui_light', helvetica, arial, sans-serif;
  font-size: 1.75em;
  position: relative;
  line-height: 1;
  color: var(--neutral-dark-color, #212121);
}
.sliderPane .layoutTop .backToDashboard .sliderContentHeader .settingsLoadingSpinner {
  display: inline;
  vertical-align: bottom;
  margin-left: 10px;
}
.sliderPane .layoutBottom {
  display: inline;
  width: 100%;
}
.sliderPane .layoutLeft {
  position: relative;
  display: inline-block;
  height: 95%;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  font-size: 1.1em;
}
.sliderPane .layoutLeft .description {
  font-family: 'Segoe UI Light', 'wf_segoe-ui_light', helvetica, arial, sans-serif;
}
.sliderPane .layoutLeft .settingsList {
  overflow: auto;
  position: absolute;
  left: 0;
  top: 20px;
  bottom: 20px;
  width: 300px;
  overflow-y: auto;
  background-color: rgba(255, 255, 255, 0.5);
  border-right: 1px solid var(--dashboard-task-pane-border-color, #E2E2E2);
  border-right: none;
  background-color: transparent;
  width: 1240px;
}
.sliderPane .layoutLeft .settingsList ul {
  padding: 0;
  margin: 0;
}
.sliderPane .layoutLeft .settingsList ul li,
.sliderPane .layoutLeft .settingsList ul a {
  margin: 1px;
  color: var(--neutral-primary-color, #333333);
  font-size: 0.8em;
}
.sliderPane .layoutLeft .settingsList ul li > *,
.sliderPane .layoutLeft .settingsList ul a > * {
  vertical-align: middle;
}
.sliderPane .layoutLeft .settingsList ul li > img,
.sliderPane .layoutLeft .settingsList ul a > img {
  width: 32px;
  height: 32px;
  margin-right: 8px;
}
.sliderPane .layoutLeft .settingsList ul li button,
.sliderPane .layoutLeft .settingsList ul a button {
  padding: 5px 10px 8px;
  border: none;
}
.sliderPane .layoutLeft .settingsList ul li button:hover,
.sliderPane .layoutLeft .settingsList ul a button:hover,
.sliderPane .layoutLeft .settingsList ul li button:focus,
.sliderPane .layoutLeft .settingsList ul a button:focus {
  background: var(--neutral-lighter-color, #F4F4F4);
}
.sliderPane .layoutLeft .settingsList ul li button.selected,
.sliderPane .layoutLeft .settingsList ul a button.selected {
  background: var(--neutral-light-color, #EAEAEA);
}
.sliderPane .layoutLeft .settingsList ul a {
  display: block;
  text-decoration: none;
}
.sliderPane .layoutLeft .settingsList ul li {
  float: left;
  margin-right: 0;
}
.sliderPane .layoutLeft .settingsList ul li button {
  background-color: var(--neutral-lighter-color, #F4F4F4);
  max-width: 216px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.sliderPane .layoutLeft .settingsList ul li button.selected {
  background-color: var(--neutral-primary-color, #333333);
  color: var(--white-color, #FFF);
}
html[data-focus-source="key"] .sliderPane .layoutLeft .settingsList ul li button:focus span {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.sliderPane .layoutRight {
  position: absolute;
  top: 170px;
  left: 0;
  bottom: 20px;
  right: 61px;
}
/* 
 * Color styles MUST be set through the color palette in colors.less. This
 * will allow us to easily change the palette and get a consistent look. DO NOT
 * hard-code colors directly inside classes.
 *
 * To get integrated VS support for LESS install the Visual Studio Web Essentials.
 */
body.fullScreen .tileWrapper {
  z-index: -1;
}
.dashboardTile {
  overflow: hidden;
  z-index: 1;
  box-sizing: border-box;
  padding: 5px;
  outline: none;
}
html[data-focus-source="key"] .dashboardTile:focus .tileWrapper {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.dashboardTile .tileWrapper,
.dashboardTile .permissionLockedTileWrapper,
.dashboardTile .permissionLockedTileContainer {
  width: 100%;
  height: 100%;
}
.dashboardTile .closeOptionsMenu {
  display: none;
}
.dashboardTile .moreOptions {
  display: block;
  position: absolute;
  height: 22px;
  /* @noflip */
  right: 12px;
  top: 15px;
  list-style-type: none;
  padding: 3px;
  opacity: 0.95;
  z-index: 2;
  background-color: var(--white-color, #FFF);
}
html[data-focus-source="key"] .dashboardTile .moreOptions .openTileOptionsBtn:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.dashboardTile .showTileIcon {
  display: block;
  position: absolute;
  height: 22px;
  /* @noflip */
  right: 12px;
  top: 15px;
  list-style-type: none;
  padding: 3px;
  opacity: 0.95;
  z-index: 2;
  background-color: var(--white-color, #FFF);
  color: var(--neutral-primary-color-alt, #444444);
  opacity: 1;
}
html[data-focus-source="key"] .dashboardTile .showTileIcon .openTileOptionsBtn:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.dashboardTile button .pbi-glyph-more {
  font-size: 16px;
}
.dashboardTile button[disabled] {
  background-color: white;
  color: var(--neutral-tertiary-alt-color, #C8C8C8);
}
.dashboardTile button[disabled]:hover {
  color: var(--neutral-tertiary-alt-color, #C8C8C8);
}
.dashboardTile .dashboardTileLayout {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  /* @noflip */
  background-color: var(--white-color, #FFF);
  overflow: hidden;
  text-decoration: none;
  cursor: pointer;
}
.dashboardTile .dashboardTileLayout a {
  text-decoration: none;
}
.dashboardTile .newBadgeContainer {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0 7px;
  line-height: 18px;
  background-color: var(--theme-primary-color, #F2C811);
  color: var(--neutral-dark-color, #212121);
  font-family: 'wf_standard-font', helvetica, arial, sans-serif;
}
.dashboardTile.showOptions.nonActionable.smallerTileWidth .tileOptionsMenu .optionsMenu {
  top: 65px;
}
.dashboardTile.showOptions.nonActionable.smallestTileHeight .tileOptionsMenu .optionsMenu {
  top: 55px;
}
.dashboardTile.showOptions.nonActionable .tileOptionsMenu .optionsMenu {
  top: 80px;
}
.dashboardTile.showOptions.nonActionable .tileOptionsMenu .openActionDescription {
  pointer-events: none;
}
.dashboardTile.showOptions.nonActionable .tileOptionsMenu .openActionDescription .actionText {
  font-family: 'wf_standard-font', helvetica, arial, sans-serif;
  color: var(--neutral-tertiary-color, #A6A6A6);
}
.dashboardTile.showOptions.nonActionable .tileOptionsMenu .openActionDescription .pbi-glyph-rightarrow {
  display: none;
}
.dashboardTile.showOptions .closeOptionsMenu {
  display: block;
  position: absolute;
  top: 13px;
  /* @noflip */
  right: 10px;
  font-size: 16px;
  background-color: transparent;
  padding: 3px 7px;
  border: none;
  box-sizing: border-box;
  vertical-align: top;
  color: var(--neutral-secondary-alt-color3, #999999);
  cursor: pointer;
}
.dashboardTile.showOptions .tile {
  -webkit-filter: blur(10px);
  transition: filter 2.5s;
}
.dashboardTile.showOptions .tileOptionsMenu {
  transform: translate(0, 0);
  transition-delay: 0.5s;
  z-index: 2;
  position: absolute;
  background-color: var(--white-color, #FFF);
  bottom: 0;
  color: var(--neutral-primary-color, #333333);
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 10px 35px;
  transition: transform 0.25s;
  transition-delay: 0s;
  cursor: default;
  opacity: 0.92;
}
.dashboardTile.showOptions .tileOptionsMenu .openActionDescription {
  z-index: 2;
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background-color: var(--white-color, #FFF);
  color: var(--neutral-primary-color, #333333);
  box-sizing: border-box;
  width: 100%;
  height: 80px;
  padding: 10px 35px;
  text-decoration: none;
}
.dashboardTile.showOptions .tileOptionsMenu .openActionDescription .pbi-glyph-rightarrow {
  /* @noflip */
  float: right;
  width: 20px;
  display: block;
  /* @noflip */
  margin-left: 10px;
  position: relative;
  top: 10px;
  cursor: pointer;
}
.dashboardTile.showOptions .tileOptionsMenu .openActionDescription .actionText {
  display: block;
  float: none;
  width: auto;
  overflow: hidden;
  font-family: 'Segoe UI Semilight', 'wf_segoe-ui_semilight', helvetica, arial, sans-serif;
  color: var(--neutral-dark-color, #212121);
  font-size: 28px;
  transition: font-size 0.25s;
  cursor: pointer;
}
.dashboardTile.showOptions .tileOptionsMenu .openActionDescription .actionInfo {
  float: none;
  width: auto;
  cursor: pointer;
  color: var(--neutral-tertiary-color, #A6A6A6);
}
.dashboardTile.showOptions .tileOptionsMenu .openActionDescription .actionInfo .openActionHeader {
  text-transform: uppercase;
  font-family: 'wf_standard-font', helvetica, arial, sans-serif;
  font-size: 13px;
  /* @noflip */
  padding-left: 5px;
  transition: font-size 0.25s;
}
.dashboardTile.showOptions .tileOptionsMenu .openActionDescription .actionInfo .glyphicon {
  position: relative;
  transition: font-size 0.25s;
}
.dashboardTile.showOptions .tileOptionsMenu .openActionDescription .actionInfo .glyphicon.pbi-glyph-comment {
  top: 5px;
}
.dashboardTile.showOptions .tileOptionsMenu .openActionDescription .actionInfo .glyphicon.pbi-glyph-dataset {
  top: 2px;
}
.dashboardTile.showOptions .tileOptionsMenu .openActionDescription .actionInfo .glyphicon.pbi-glyph-link {
  top: 3px;
}
.dashboardTile.showOptions .tileOptionsMenu .optionsMenu {
  position: relative;
  width: 100%;
  /* @noflip */
  right: 5px;
  top: 130px;
  list-style-type: none;
  opacity: 0.95;
  transition: opacity 0.25s;
  border-radius: 0 0 0 6px;
  z-index: 2;
  background-color: transparent;
  padding: 24px 0;
  border-top: 2px solid var(--theme-primary-color, #F2C811);
  /* @noflip */
  margin: 32px 0 0 5px;
}
.dashboardTile.showOptions .tileOptionsMenu .optionsMenu button {
  /* @noflip */
  padding: 3px 32px 3px 0;
}
.dashboardTile.showOptions .tileOptionsMenu .optionsMenu .deleteTileBtn {
  /* @noflip */
  padding-right: 0;
}
.dashboardTile.showOptions .tileOptionsMenu .optionsMenu .glyphicon {
  font-size: 22px;
  line-height: 22px;
  transition: font-size 0.25s;
}
.dashboardTile.showOptions .tileOptionsMenu .webContentWarning {
  bottom: 10px;
  font-size: 12px;
  position: absolute;
  width: calc(100% - 70px);
}
.dashboardTile.showOptions .tileOptionsMenu .webContentWarning span {
  padding-right: 8px;
}
.dashboardTile.readonly .resizeHandle {
  display: none !important;
}
.dashboardTile.readonly .vcPinBtn,
.dashboardTile.readonly .editTileBtn,
.dashboardTile.readonly .deleteTileBtn {
  display: none;
}
.dashboardTile.dragging,
.dashboardTile.resizing {
  z-index: 500;
}
.dashboardTile.dragging.noTitle .tileHeader,
.dashboardTile.resizing.noTitle .tileHeader {
  opacity: 0 !important;
}
.dashboardTile.dragging > *,
.dashboardTile.resizing > * {
  pointer-events: none;
}
.dashboardTile[data-sizex="1"][data-sizey="1"] .tile .errorPlaceholder .errorPlaceholderTextContainer .errorPlaceholderText {
  display: none;
}
.dashboardTile.largerTileWidth .tileOptionsMenu .openActionDescription .actionText {
  font-size: 38px;
}
.dashboardTile.smallestTileHeight .tileOptionsMenu .openActionDescription {
  top: 32px;
}
.dashboardTile.smallestTileHeight .tileOptionsMenu .optionsMenu {
  top: 75px;
}
.dashboardTile.smallestTileHeight .webContentWarning a,
.dashboardTile.smallestTileHeight .webContentWarning span {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboardTile.smallerTileWidth .tileOptionsMenu .openActionDescription {
  top: 42px;
}
.dashboardTile.smallerTileWidth .tileOptionsMenu .optionsMenu {
  top: 95px;
}
.dashboardTile.smallerTileWidth .tileOptionsMenu,
.dashboardTile.smallestTileHeight .tileOptionsMenu {
  padding: 10px 20px;
}
.dashboardTile.smallerTileWidth .tileOptionsMenu .openActionDescription,
.dashboardTile.smallestTileHeight .tileOptionsMenu .openActionDescription {
  padding: 10px 20px 22px 20px;
  height: 55px;
}
.dashboardTile.smallerTileWidth .tileOptionsMenu .openActionDescription .pbi-glyph-rightarrow,
.dashboardTile.smallestTileHeight .tileOptionsMenu .openActionDescription .pbi-glyph-rightarrow {
  font-size: 12px;
  top: 7px;
}
.dashboardTile.smallerTileWidth .tileOptionsMenu .openActionDescription .openActionHeader,
.dashboardTile.smallestTileHeight .tileOptionsMenu .openActionDescription .openActionHeader {
  font-size: 12px;
}
.dashboardTile.smallerTileWidth .tileOptionsMenu .openActionDescription .actionText,
.dashboardTile.smallestTileHeight .tileOptionsMenu .openActionDescription .actionText {
  font-size: 17px;
}
.dashboardTile.smallerTileWidth .tileOptionsMenu .optionsMenu,
.dashboardTile.smallestTileHeight .tileOptionsMenu .optionsMenu {
  margin-top: 12px;
  padding: 12px 0;
}
.dashboardTile.smallerTileWidth .tileOptionsMenu .optionsMenu .glyphicon,
.dashboardTile.smallestTileHeight .tileOptionsMenu .optionsMenu .glyphicon {
  font-size: 16px;
  line-height: 12px;
}
.dashboardTile.smallerTileWidth .tileOptionsMenu .optionsMenu button,
.dashboardTile.smallestTileHeight .tileOptionsMenu .optionsMenu button {
  /* @noflip */
  padding: 3px 13px 3px 0;
}
.dashboardTile.smallerTileWidth .tileOptionsMenu .webContentWarning,
.dashboardTile.smallestTileHeight .tileOptionsMenu .webContentWarning {
  width: calc(100% - 40px);
}
.dashboardContainerView .mainContent ul.gridLayoutContainer > ul,
dashboard-edit-mobile-display .mainContent ul.gridLayoutContainer > ul {
  padding: 0;
  margin: 0;
}
.dashboardContainerView .mainContent ul.gridLayoutContainer li.gridLayoutItem,
dashboard-edit-mobile-display .mainContent ul.gridLayoutContainer li.gridLayoutItem {
  position: absolute;
  transition: transform 0.25s, width 0.25s, height 0.25s;
}
.dashboardContainerView .mainContent ul.gridLayoutContainer li.gridLayoutItem.changing,
dashboard-edit-mobile-display .mainContent ul.gridLayoutContainer li.gridLayoutItem.changing {
  transition: none;
  z-index: 500;
}
.dashboardContainerView .mainContent ul.gridLayoutContainer li.gridLayoutItem:hover .resizeHandle,
dashboard-edit-mobile-display .mainContent ul.gridLayoutContainer li.gridLayoutItem:hover .resizeHandle {
  display: block;
}
.dashboardContainerView .mainContent ul.gridLayoutContainer li.gridLayoutItem .resizeHandle,
dashboard-edit-mobile-display .mainContent ul.gridLayoutContainer li.gridLayoutItem .resizeHandle {
  position: absolute;
  width: 27px;
  height: 27px;
  display: none;
}
.dashboardContainerView .mainContent ul.gridLayoutContainer li.gridLayoutItem .resizeHandle[data-direction=down-right],
dashboard-edit-mobile-display .mainContent ul.gridLayoutContainer li.gridLayoutItem .resizeHandle[data-direction=down-right] {
  /* @noflip */
  right: 0;
  bottom: 0;
  /* @noflip */
  cursor: se-resize !important;
}
.dashboardContainerView .mainContent ul.gridLayoutContainer li.gridLayoutItem .resizeHandle:after,
dashboard-edit-mobile-display .mainContent ul.gridLayoutContainer li.gridLayoutItem .resizeHandle:after {
  border-width: 0;
  /* @noflip */
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-style: solid;
  border-color: var(--neutral-tertiary-color, #A6A6A6);
  position: relative;
  display: block;
  top: 8px;
  /* @noflip */
  left: 8px;
  content: '';
  width: 5px;
  height: 5px;
}
.dashboardContainerView .mainContent ul.gridLayoutContainer .gridPlaceHolder,
dashboard-edit-mobile-display .mainContent ul.gridLayoutContainer .gridPlaceHolder {
  box-sizing: border-box;
  padding: 5px;
  position: absolute;
  transform: translateZ(0);
  transition: width 0.15s, height 0.15s, transform 0.15s;
}
.dashboardContainerView .mainContent ul.gridLayoutContainer .gridPlaceHolder > .placeholderInner,
dashboard-edit-mobile-display .mainContent ul.gridLayoutContainer .gridPlaceHolder > .placeholderInner {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
}
/*
 * Color styles MUST be set through the color palette in colors.less. This
 * will allow us to easily change the palette and get a consistent look. DO NOT
 * hard-code colors directly inside classes.
 *
 * To get integrated VS support for LESS install the Visual Studio Web Essentials.
 */
.sensitivityBanner {
  top: 44px !important;
}
@media only screen and (max-width: 640px) {
  .sensitivityBanner {
    top: 40px !important;
  }
  .sensitivityBannerExpanded {
    top: 64px !important;
  }
}
.mobileLayout .smallTitleWidth .tile .displayText {
  height: 27px;
  white-space: normal;
  display: block;
  display: -webkit-box;
  letter-spacing: -0.2px;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.mobileLayout .smallTitleWidth .tile .subDisplayText {
  display: none;
}
.tilePosition {
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 0;
}
.tile {
  /* Dashboard tile styles*/
}
.tile.noSubtitle .tileBody .compositeTile {
  top: 0;
}
.tile.noTitle header {
  display: none;
}
.tile.noTitle div.tileBody {
  top: 0;
}
.authoringDashboard .tile.noTitle div.tileBody .compositeTile:not(.fullLayout),
.is-dynamic-layout .tile.noTitle div.tileBody .compositeTile:not(.fullLayout) {
  top: 10px;
}
.tile.noTitle .loadingPlaceholder {
  top: 10px;
}
.tile.noTitle .webContentIcon {
  left: 4px;
  top: 1px;
  z-index: 2;
  position: absolute;
  color: var(--neutral-secondary-alt-color, #777777);
}
.tile.noTitle .webContentCorner {
  display: block;
  position: absolute;
  background: var(--white-color, #FFF);
  width: 60px;
  height: 60px;
  top: -30px;
  left: -30px;
  transform: rotate(45deg);
  z-index: 1;
  border: 1px solid var(--neutral-light-color, #EAEAEA);
}
.tile.noTitle .errorPlaceholder {
  padding-top: 0;
}
.nonActionable .tile .tileBody {
  cursor: default;
}
.tile .nonInteractive * {
  pointer-events: none;
}
.tile .warningIcon {
  color: var(--theme-primary-color, #F2C811);
  display: none;
  /* @noflip */
}
.tile .warningIcon i {
  color: var(--theme-primary-color, #F2C811);
}
.tile .webContentIcon {
  color: var(--neutral-secondary-alt-color, #777777);
}
.tile .notifications {
  position: relative;
  color: var(--neutral-secondary-alt-color, #777777);
}
.tile .notifications .badge {
  background: var(--theme-primary-color, #F2C811);
  border-radius: 10px;
  color: var(--text-primary-content-color, #333333);
  font-size: 8px;
  left: 10px;
  min-width: 8px;
  min-height: 8px;
  padding: 0 4px;
  position: absolute;
  top: -5px;
}
.tile header {
  padding: 16px 10px 20px 10px;
  box-sizing: border-box;
  height: 50px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  transition: opacity 0.25s;
  align-items: flex-start;
  justify-content: flex-start;
}
.largeHeader.tile header {
  height: 65px;
}
.authoringDashboard .tile header,
.is-dynamic-layout .tile header {
  padding-top: 10px;
  /* @noflip */
  padding-left: 10px;
  height: 42px;
}
.tile header button.commentIndicator {
  padding-left: 12px;
  padding-right: 30px;
  padding-bottom: 16px;
}
.tile header button.commentIndicator :active,
.tile header button.commentIndicator :hover {
  color: var(--neutral-secondary-alt-color3, #999999);
}
.tile header button.commentIndicator:focus {
  outline-color: transparent;
}
html[data-focus-source="key"] .tile header button.commentIndicator:focus .glyphicon {
  box-shadow: var(--focus-box-shadow-definition, 0 0 0 4px) var(--focus-box-shadow-white-color, #FFFFFF) !important;
  border: var(--focus-outline-definition, 2.5px solid) var(--focus-box-shadow-color, #000000) !important;
}
.tile header button:last-of-type:not(.commentIndicator) {
  /* @noflip */
  padding-right: 15px;
}
.tile header .headerText {
  cursor: pointer;
  width: 100%;
  min-width: 0;
  flex: 1 1 auto;
  display: inline-flex;
  padding-right: 30px;
}
.tile header .headerText .headerTitleWrapper {
  max-width: 100%;
}
.tile header .headerText section {
  max-width: 85%;
  flex: 0 0 auto;
}
.tile header .headerText section .displayText {
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  font-size: 15px;
  color: var(--neutral-primary-color, #333333);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 20px;
  line-height: 16px;
}
.largeHeader.tile header .headerText section .displayText {
  height: 22px;
  font-size: 17px;
  padding-bottom: 5px;
  padding-top: 4px;
}
.tile header .headerText section .subDisplayTextWrapper {
  justify-content: flex-start;
}
.tile header .headerText section .subDisplayTextWrapper .subDisplayText {
  font-family: 'wf_standard-font', helvetica, arial, sans-serif;
  font-size: 12px;
  color: var(--neutral-secondary-color, #666666);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  /* @noflip */
  margin-right: 10px;
  max-width: 100%;
  line-height: 12px;
}
.largeHeader .tile header .headerText section .subDisplayTextWrapper .subDisplayText {
  height: 22px;
  font-size: 12px;
}
.tile header .headerText section .subDisplayTextWrapper .subDisplayText:empty {
  /* @noflip */
  margin-right: 0;
}
.tile .loadingPlaceholder {
  display: block;
  color: var(--neutral-tertiary-alt-color, #C8C8C8);
  top: 60px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  overflow: hidden;
  position: absolute;
}
.largeHeader .tile .loadingPlaceholder {
  top: 75px;
}
.authoringDashboard .tile .loadingPlaceholder,
.is-dynamic-layout .tile .loadingPlaceholder {
  top: 42px;
}
.tile .loadingPlaceholder .loadingPlaceholderText {
  top: 50%;
  position: absolute;
  margin-top: -20px;
  text-align: center;
  width: 100%;
}
.tile .errorPlaceholder {
  display: table;
  background-color: var(--neutral-lighter-color, #F4F4F4);
  color: var(--neutral-primary-color, #333333);
  font-size: small;
  width: 100%;
  height: 100%;
  cursor: default;
  position: absolute;
  padding-top: 50px;
  /* default padding top 50px with tile title, will reset to 0 if title doesn't exist*/
}
.tile .errorPlaceholder .errorContainer {
  display: table-cell;
  width: inherit;
  height: inherit;
  text-align: center;
  vertical-align: middle;
}
.tile .errorPlaceholder .errorPlaceholderTextContainer {
  display: block;
  text-align: center;
  vertical-align: middle;
  padding: 20px 20px 0 20px;
}
.tile .errorPlaceholder .errorPlaceholderTextContainer .errorPlaceholderText {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  font: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  font-size: 14px;
}
.tile .errorPlaceholder .errorPlaceholderTextContainer .getDetailsText {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  text-decoration: none;
  font-size: 14px;
  color: #0645ad;
}
.tile .errorPlaceholder .errorPlaceholderIcon {
  pointer-events: all;
  display: inline-block;
  vertical-align: middle;
  color: var(--neutral-secondary-color, #666666);
}
.tile .tileBody {
  top: 50px;
  color: var(--white-color, #FFF);
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  transition: top 0.25s;
  /* Reset common styles that may be inherited from ancestors. */
  cursor: pointer;
  /* @noflip */
  text-align: left;
}
.largeHeader.tile .tileBody {
  top: 65px;
}
.authoringDashboard .tile .tileBody,
.is-dynamic-layout .tile .tileBody {
  top: 42px;
}
.tile .tileBody > * {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
html[dir="rtl"] .tile .tileBody {
  direction: rtl;
}
.tile .tileBody .compositeTile {
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  overflow: hidden;
  /* Visual style overrides */
}
.tile .tileBody .compositeTile.fullLayout {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.authoringDashboard .tile .tileBody .compositeTile:not(.fullLayout),
.is-dynamic-layout .tile .tileBody .compositeTile:not(.fullLayout) {
  top: 0;
  bottom: 8px;
}
.tile .tileBody .compositeTile .tableContainer {
  /* Scrolling tables is not supported on the dashboard currently. */
  overflow: hidden;
}
.tile .tileBody .realTimeTile {
  position: absolute;
}
.tile .tileBody .imageTile {
  overflow: hidden;
}
.tile .tileBody .workbookTile {
  overflow: hidden;
}
.tile .tileBody .workbookTile .backgroundOriginalSize .image {
  max-height: unset;
  max-width: unset;
}
.tile .tileBody .workbookTile > iframe {
  width: 100%;
  height: 100%;
}
.tile .tileBody .ssrsTile {
  overflow: hidden;
}
.tile .tileBody .iframeTile {
  overflow: hidden;
}
.tile .tileBody .iframeTile iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: inherit;
}
.tile .tileBody .iframeTile.noTitle {
  top: 10px;
}
.tile .tileBody .reportTile {
  cursor: default;
  box-sizing: border-box;
  padding-top: 20px;
}
.tile .compositeTile .visualTile {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}
.tile .compositeTile .visualTile > .visual.allow-deferred-rendering {
  opacity: 0;
  transition: opacity 0.25s;
  width: 100%;
  height: 100%;
}
.tile .compositeTile .visualTile > .visual.allow-deferred-rendering[initialized] {
  opacity: 1;
}
.tile .compositeTile .visual .MicrosoftMap {
  visibility: visible;
  transition: visibility 0s 0.5s;
}
.tile .explorationContainer .exploreCanvas {
  background-color: var(--white-color, #FFF);
  bottom: 0;
  overflow: hidden;
}
.tile .explorationContainer .exploreCanvas .displayArea {
  box-shadow: 0 0 0;
}
.tile .explorationContainer .exploreCanvas .resizeHandle {
  display: none !important;
}
.tile .explorationContainer .exploreCanvas .visualContainer:hover,
.tile .explorationContainer .exploreCanvas .visualContainer.selected {
  border-color: var(--white-color, #FFF);
}
.tile .explorationContainer .exploreCanvas .visualContainer .errorContainer .errorMessage div,
.tile .explorationContainer .exploreCanvas .visualContainer .errorContainer .errorMessage .errorSpan {
  color: var(--neutral-secondary-color, #666666);
}
.baseTile button {
  color: var(--neutral-secondary-alt-color3, #999999);
  background-color: transparent;
  padding: 3px;
  border: none;
  box-sizing: border-box;
  vertical-align: top;
}
.baseTile button:active:hover {
  background-color: transparent;
}
.baseTile button:hover:focus {
  background-color: transparent;
}
.baseTile button i {
  padding: 0;
  margin: 0;
}
.workbookTileImage {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
downgrade-license-blocker,
downgrade-license-environment-blocker {
  position: relative;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}
downgrade-license-banner {
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 3;
  width: calc(100% - 4px);
  height: 32px;
  pointer-events: none;
}
html,
body {
  height: 100%;
}
body {
  overflow: hidden;
}
body.fullScreen .landingController .contentMain {
  top: 0;
}
body.fullScreen .landingController .contentMain .navigationPane,
body.fullScreen .landingController .contentMain navigation-pane-v2 {
  display: none;
}
body.fullScreen .landingController .contentMain navigation-pane-v2 ~ .contentColumn {
  left: 0;
}
.contentMain {
  display: flex;
}
.contentMain navigation-pane-v2 {
  flex: 0 0 auto;
}
.contentMain navigation-pane-v2.fluentTheme {
  background-color: var(--fluent-theme-neutral-lighter-color, #F3F2F1);
}
.contentMain .dashboardTile.hasSpotlight {
  opacity: 1 !important;
}
.landingController {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 600px;
  min-height: 400px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.landingController impersonation-bar {
  height: 50px;
  line-height: 50px;
  width: 100%;
}
.landingController .contentMain {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.landingController .contentMain.error {
  font-family: 'Segoe UI Semilight', 'wf_segoe-ui_semilight', helvetica, arial, sans-serif;
}
.landingController .contentMain.error a {
  display: inline;
  text-decoration: none;
  color: var(--link-color, var(--theme-secondary-color, #000000));
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
}
.landingController .contentMain.wait {
  top: 244px;
  font-family: 'Segoe UI Semilight', 'wf_segoe-ui_semilight', helvetica, arial, sans-serif;
  width: 800px;
  margin: auto;
  align-content: center;
  display: block;
}
.landingController .contentMain .owlContainer {
  width: 360px;
  margin: auto;
}
.landingController .contentMain .contentErrorText {
  font-size: 28px;
  color: var(--neutral-primary-color, #333333);
  margin-top: 40px;
}
.landingController .contentMain .contentErrorDescription {
  margin-top: 10px;
  font-size: 14px;
  color: var(--neutral-secondary-color, #666666);
  margin-bottom: 10px;
}
.landingController .contentMain .contentErrorItemText {
  font-size: 14px;
  color: var(--neutral-secondary-color, #666666);
}
.landingController .contentMain .contentWaitText {
  font-size: 41pt;
  color: var(--neutral-primary-color, #333333);
  margin-top: 40px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.landingController .contentMain .contentWaitMessage {
  font-size: 23pt;
  color: var(--neutral-secondary-color, #666666);
  margin-top: 40px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  height: 85px;
}
.landingController .contentMain .contentWaitSubtext {
  font-size: 14pt;
  color: var(--neutral-secondary-color, #666666);
  margin-top: 40px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.landingController .contentMain.accountClosed {
  font-family: 'Segoe UI Semilight', 'wf_segoe-ui_semilight', helvetica, arial, sans-serif;
  top: 20%;
}
.landingController .contentMain.accountClosed .contentErrorText,
.landingController .contentMain.accountClosed .contentErrorDescription {
  text-align: center;
}
.landingController .contentMain.accountClosed .contentErrorImage img {
  margin: auto;
  display: block;
}
.landingController .contentMain .continueLink {
  margin-top: 30px;
}
.landingController .contentMain .continueLink .continueLinkText {
  text-decoration: none;
}
.landingController .contentColumn {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 0;
}
.landingController .contentColumn .landingContainer {
  flex-grow: 1;
  /* Webkit vendor prefixes are used for compat with screenshot service's use of phandomJS*/
  display: -webkit-box;
  display: -webkit-flex;
  flex-flow: column;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.landingController .contentColumn .landingContainer .landingRootContent {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.landingController .contentColumn .landingContainer .landingRootContent > * {
  position: relative;
  display: block;
  height: 100%;
  /* content presented by the landing controller must provide its own scrolling mechanism */
  overflow: hidden;
}
.landingController .contentColumn .landingContainer .landingRootContent.inApps {
  height: auto;
  bottom: 0;
  top: 50px;
}
.landingController .contentColumn .landingContainer .contentListRootContent {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.landingController .contentColumn .landingContainer #reportLandingContainer.embeddedPV {
  background-color: var(--white-color, #FFF);
}
.landingController .contentColumn .landingContainer #reportLandingContainer.embeddedPV .notification-bar {
  position: absolute;
  width: 100%;
}
.landingController .contentColumn .landingContainer #reportLandingContainer.embeddedPV .notification-bar + .explorationContainer {
  display: block;
  top: 50px;
  position: relative;
  height: 100%;
}
.landingController .contentColumn .landingContainer #dashboardLandingContainer .notification-bar {
  top: 40px;
}
.landingController .contentColumn .landingContainer #qnaLandingContainer .notification-bar {
  top: 40px;
}
.landingController .contentColumn .landingContainer .waitingContainer {
  top: 50%;
  position: absolute;
  width: 100%;
  margin-top: -16px;
}
.landingController .contentColumn .landingContainer .waitingContainer .spinnerWithText {
  text-align: center;
}
.landingController .contentColumn .landingContainer .waitingContainer .spinnerWithText .powerbi-spinner {
  display: inline-block;
}
.landingController .contentColumn .landingContainer .waitingContainer .spinnerWithText .loadingText {
  vertical-align: middle;
  display: inline-block;
  font-size: 20px;
  font-family: 'wf_standard-font', helvetica, arial, sans-serif;
  color: var(--neutral-secondary-color, #666666);
}
.landingController .contentColumn .landingContainer #installedAppLandingContainer {
  max-height: 100%;
}
.landingController .contentColumn .landingContainer #installedAppLandingContainer.scrollable {
  overflow: auto;
}
.landingController .contentColumn > ng-transclude {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.landingController navigation-pane-v2 ~ .contentColumn {
  position: relative;
  flex: 1 1 auto;
}
#dummy-chrome {
  pointer-events: none;
  z-index: 0;
}
#dummy-chrome .svgDummyWaffle {
  width: 16px;
  height: 16px;
  margin: 16px;
}
#dummy-chrome .svgDummyIcon {
  width: 16px;
  height: 16px;
  fill: white;
}
#dummy-chrome .powerBIUserInfoButton .svgDummyIcon {
  padding-top: 8px;
  border-radius: 50%;
  background: var(--neutral-tertiary-color, #A6A6A6);
  overflow: visible;
}
#dummy-chrome .contentColumn {
  z-index: 999;
  /* Needs to be on top of any real content to ensure a solid background for loading spinner */
}
#dummy-chrome .contentColumn #pbi-loading {
  background-color: var(--neutral-light-color, #EAEAEA);
}
#pbi-loading {
  position: absolute;
  top: 0;
  left: 0;
}
#pbi-loading .pulsing-svg-item {
  position: absolute;
  top: 50%;
  /* @noflip */
  left: 50%;
  width: 100px;
  height: auto;
  transform: translate(-50%, -50%);
}
#pbi-loading .pulsing-svg-item .st1 {
  fill: var(--neutral-tertiary-alt-color, #C8C8C8);
}
#pbi-loading {
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 90;
  /*Needs to be greater than 60 since it has be on top of collapsible pane which is at z-index 60*/
  transition: opacity 0.5s;
}
#pbi-loading .pulsing-svg-item {
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 750ms;
  animation-name: pulse;
}
@keyframes pulse {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.1;
  }
}
#pbi-loading.done {
  opacity: 0;
}
pbi-icon {
  font-size: 0;
  display: inline-block;
}
/* 
 * Color styles MUST be set through the color palette in colors.less. This
 * will allow us to easily change the palette and get a consistent look. DO NOT
 * hard-code colors directly inside classes.
 *
 * To get integrated VS support for LESS install the Visual Studio Web Essentials.
 */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.fullScreen #topBar {
  display: none;
}
#topBar {
  width: 100%;
  min-height: 48px;
  background-color: var(--black-color, #000);
  color: var(--white-color, #FFF);
  cursor: default;
  display: flex;
  justify-content: space-between;
}
#topBar.fadeIn {
  animation-delay: 0.5s;
  animation-duration: 0.5s;
  animation-name: fadeIn;
  animation-fill-mode: backwards;
}
#topBar pbi-button.topNavButton {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  cursor: pointer;
  width: 46px;
}
#topBar pbi-button.topNavButton button {
  width: 48px;
  height: 48px;
}
#topBar pbi-button.topNavButton button:focus {
  background-color: var(--white-color, #FFF);
  color: var(--black-color, #000);
}
#topBar pbi-button.topNavButton button:focus i.glyphicon {
  color: var(--black-color, #000);
}
#topBar .topNavTrialStatus {
  font-size: 14px;
  margin: 0 12px;
  cursor: pointer;
}
#topBar .topNavTrialStatus:hover {
  text-decoration: underline;
}
#topBar .topNavButton {
  width: 48px;
  height: 48px;
  border: none;
  border-left: 1px solid var(--neutral-secondary-color, #666666);
  background-color: transparent;
  font-size: 16px;
  outline: none;
  padding: 0;
}
#topBar .topNavButton:nth-last-child(2) {
  border-right: 1px solid var(--neutral-secondary-color, #666666);
}
#topBar .topNavButton:hover {
  background-color: var(--theme-darker-color, #BE9A27);
  color: var(--white-color, #FFF);
}
#topBar .topNavButton:hover i.glyphicon {
  color: var(--white-color, #FFF);
}
#topBar .topNavButton:focus {
  background-color: var(--white-color, #FFF);
  color: var(--black-color, #000);
}
#topBar .topNavButton:focus i.glyphicon {
  color: var(--black-color, #000);
}
#topBar .topNavButton i.glyphicon {
  color: var(--white-color, #FFF);
}
#topBar .topNavLeft {
  height: 48px;
  text-decoration: none;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
#topBar .topNavRight {
  height: 48px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
#topBar .powerBILogo {
  width: 48px;
  height: 48px;
  background-color: var(--theme-primary-color, #F2C811);
  cursor: pointer;
}
#topBar .powerBILogoText,
#topBar .microsoftBILogoText,
#topBar .microsoftFabricLogoText {
  padding: 7px 15px;
  font-size: var(--xlg-font-size, 20px);
  font-family: 'Segoe UI Light', 'wf_segoe-ui_light', helvetica, arial, sans-serif;
  cursor: pointer;
  vertical-align: top;
  text-decoration: none;
  color: var(--white-color, #FFF);
}
#topBar .powerBIUserInfoButton {
  color: var(--white-color, #FFF);
  background: var(--black-color, #000);
  border: 0;
  width: 56px;
  height: 48px;
  padding: 6px 10px;
}
#topBar .powerBIUserInfoButton .userInfoCircle {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--neutral-tertiary-color, #A6A6A6);
}
#topBar .powerBIUserInfoButton .userInfoCircle .pbi-glyph-user {
  padding-top: 8px;
}
#topBar .powerBIUserInfoButton:hover {
  background-color: var(--theme-darker-color, #BE9A27);
}
#topBar .powerBIUserInfoButton:focus {
  background-color: var(--white-color, #FFF);
  color: var(--black-color, #000);
}
#topBar .notificationsBtn {
  position: relative;
}
#topBar .notificationsBtn .badge {
  position: absolute;
  top: 4px;
  left: 22px;
  background: var(--theme-primary-color, #F2C811);
  border-radius: 10px;
  padding: 2px 4px;
  min-width: 12px;
  min-height: 12px;
  font-size: 10px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  color: var(--text-primary-content-color, #000);
  line-height: 16px;
}
#topBar .notificationsBtn .badge.warning {
  background: var(--warning-color, #A4262C);
}
#topBar breadcrumbs {
  flex-grow: 1;
  min-width: 240px;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
  cursor: auto;
}
.fluentTheme #topBar {
  background-color: var(--fluent-theme-neutral-primary-alt-color, #3B3A39);
  color: var(--fluent-theme-neutral-lighter-color, #F3F2F1);
}
.fluentTheme #topBar .powerBILogo {
  background-color: var(--fluent-theme-neutral-primary-alt-color, #3B3A39);
}
.fluentTheme #topBar .powerBILogo path {
  fill: var(--fluent-theme-neutral-lighter-color, #F3F2F1);
}
.fluentTheme #topBar .powerBILogoText {
  font-family: var(--fluent-font-family, "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif);
  font-size: var(--lg-font-size, 16px);
  font-weight: var(--font-weight-semi-bold, 600);
  color: var(--fluent-theme-neutral-lighter-alt-color, #FAF9F8);
  padding-left: 8px;
  height: 28px;
  line-height: 28px;
}
.fluentTheme #topBar .topNavButton {
  border: 0;
  background-color: var(--fluent-theme-neutral-primary-alt-color, #3B3A39);
  color: var(--fluent-theme-neutral-lighter-color, #F3F2F1);
}
.fluentTheme #topBar .powerBIUserInfoButton {
  background-color: var(--fluent-theme-neutral-primary-alt-color, #3B3A39);
  color: var(--fluent-theme-neutral-lighter-color, #F3F2F1);
}
.navigationBar-contextMenu {
  border: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  clip: rect(2px, 10000px, 10000px, -10px);
}
.navigationBar-contextMenu.overlayActive {
  opacity: 1;
  pointer-events: auto;
  display: block;
}
.navigationBar-contextMenu[read-only="true"] .quotaManagement,
.navigationBar-contextMenu[read-only="true"] .orgApps {
  display: none;
}
.navigationBar-contextMenu .quotaManagement button {
  line-height: 16px;
}
.navigationBar-contextMenu a:hover {
  background: var(--neutral-light-color, #EAEAEA);
}
.navigationBar-contextMenu .addBorderBottom > a,
.navigationBar-contextMenu .addBorderBottom span,
.navigationBar-contextMenu .addBorderBottom button {
  border-bottom: 1px solid var(--neutral-light-color, #EAEAEA);
}
.navigationBar-contextMenu .menuContainer {
  padding-left: 10px;
}
.navigationBar-contextMenu .userInfoContainer {
  border-bottom: 1px solid var(--neutral-light-color, #EAEAEA);
}
.navigationBar-contextMenu .userInfoContainer .userInfoContent {
  color: var(--neutral-secondary-color, #666666);
}
.navigationBar-contextMenu .userInfoContainer .userInfoContent .userName {
  font-size: 16px;
}
.navigationBar-contextMenu .userInfoContainer .userInfoContent .userEmail {
  font-size: 12px;
  width: 170px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
/*
 * Color styles MUST be set through the color palette in colors.less. This
 * will allow us to easily change the palette and get a consistent look. DO NOT
 * hard-code colors directly inside classes.
 *
 * To get integrated VS support for LESS install the Visual Studio Web Essentials.
 */
/* Power BI Modal Dialog Styles */
.infonav-dialogContent .aboutPbiDialog {
  color: var(--neutral-primary-color, #333333);
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
}
.infonav-dialogContent .aboutPbiDialog::before {
  background-image: url("../images/PowerBI96x96.png");
  width: 96px;
  height: 96px;
  position: absolute;
  content: '';
  left: 30px;
  background-repeat: no-repeat;
}
.infonav-dialogContent .aboutPbiDialog .info {
  margin-left: 140px;
}
.infonav-dialogContent .aboutPbiDialog .info .title {
  font-family: 'Segoe UI Semilight', 'wf_segoe-ui_semilight', helvetica, arial, sans-serif;
  font-size: 24px;
}
.infonav-dialogContent .aboutPbiDialog .info .copyright {
  margin-bottom: 4px;
}
.infonav-dialogContent .aboutPbiDialog .info .field {
  font-family: 'Segoe UI Semibold', 'wf_segoe-ui_semibold', helvetica, arial, sans-serif;
  margin-right: 8px;
}
.infonav-dialogContent .aboutPbiDownloadDialog {
  color: var(--neutral-primary-color, #333333);
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.infonav-dialogContent .aboutPbiDownloadDialog .title {
  font-family: 'Segoe UI Bold', 'wf_segoe-ui_bold', helvetica, arial, sans-serif;
  font-size: 36px;
  color: var(--text-primary-content-color-hc, #000);
  background-color: var(--theme-primary-color, #F2C811);
  height: 152px;
  padding-top: 42px;
  text-align: center;
}
.infonav-dialogContent .aboutPbiDownloadDialog .dialoglogo {
  margin-left: auto;
  margin-right: auto;
  background-repeat: no-repeat;
  margin-bottom: 28px;
  background-size: contain;
  margin-top: -74px;
}
.infonav-dialogContent .aboutPbiDownloadDialog .message {
  font-size: 22px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  text-align: center;
  margin: auto;
  width: 500px;
}
.infonav-modalDialog.noChrome .infonav-dialogLayout {
  padding: 0px;
}
.infonav-modalDialog.noChrome .infonav-dialogContent {
  padding: 0px;
}
.infonav-modalDialog.noChrome .infonav-dialogActions {
  padding-top: 44px;
  text-align: center;
  padding-bottom: 52px;
  justify-content: center;
  display: block;
}
.infonav-modalDialog.noChrome .infonav-dialogActions input[type="button"] {
  line-height: 30px;
  font-size: 20px;
}
.infonav-dialogActions .checkbox {
  float: left;
}
.infonav-modalDialog.noChrome .infonav-dialogActions input[type="button"].linkLikeButton {
  margin-left: 20px;
  line-height: 30px;
  font-size: 16px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
  color: #0645AD;
  display: block;
  margin: auto;
  border: none;
  background: none !important;
}
html[data-focus-source="key"] .infonav-modalDialog.noChrome .infonav-dialogActions input[type="button"].linkLikeButton:focus {
  box-shadow: var(--focus-box-shadow-definition, 0 0 0 4px) var(--focus-box-shadow-white-color, #FFFFFF);
  border: var(--focus-outline-definition, 2.5px solid) var(--focus-box-shadow-color, #000000);
}
.infonav-modalContainer.leaveGroup .infonav-modalDialog {
  margin-top: -7px !important;
  overflow: hidden;
  padding-top: 0;
  width: 320px;
}
.infonav-modalContainer.leaveGroup .infonav-dialogLayout {
  padding: 10px;
}
.infonav-modalContainer.leaveGroup .infonav-dialogContent {
  overflow: hidden;
  padding-top: 6px;
}
.infonav-modalContainer.leaveGroup .infonav-dialogContent > span {
  margin-left: 10px;
}
.infonav-modalContainer.deleteGroup .infonav-modalDialog {
  margin-top: -7px !important;
  overflow: hidden;
  padding-top: 0;
  width: 320px;
}
.infonav-modalContainer.deleteGroup .infonav-dialogLayout {
  padding: 10px;
}
.infonav-modalContainer.deleteGroup .infonav-dialogContent {
  overflow: hidden;
  padding-top: 6px;
}
.infonav-modalContainer.deleteGroup .infonav-dialogContent > span {
  margin-left: 10px;
}
.infonav-modalContainer {
  z-index: 999999;
}
.infonav-modalContainer .header {
  font-family: 'Segoe UI Semibold', 'wf_segoe-ui_semibold', helvetica, arial, sans-serif;
  margin: 10px 0 10px 0;
}
.infonav-modalContainer .header .chooseReason {
  color: var(--warning-color, #A4262C);
}
.infonav-modalContainer .header .hideChooseReason {
  display: none;
}
.infonav-modalContainer .feedbackTextbox {
  width: 75%;
  height: 80px;
}
.infonav-modalContainer.exportDataDialog .infonav-modalDialog {
  width: 350px;
}
.infonav-modalContainer.exportDataDialog .infonav-dialogLayout {
  padding: 30px;
}
.infonav-modalContainer.exportDataDialog .infonav-dialogContent {
  padding-top: 20px;
}
.infonav-modalContainer.exportDataDialog .infonav-dialogContent .dialogMessage {
  padding-bottom: 20px;
}
.infonav-modalContainer.exportDataDialog .infonav-dialogActions {
  padding-top: 20px;
}
.infonav-modalContainer.emailSubscriptionDialog .infonav-modalDialog {
  width: 500px;
}
.editWidgetContainer .textVisual {
  border: 2px solid var(--neutral-tertiary-alt-color, #C8C8C8);
  padding: 8px;
  background-color: white;
}
.tabHeader {
  overflow: auto;
  overflow-y: auto;
  font-family: 'Segoe UI Light', 'wf_segoe-ui_light', helvetica, arial, sans-serif;
  font-size: 21px;
}
.tabHeader ul {
  padding: 0;
  margin: 0;
  color: var(--neutral-primary-color, #333333);
}
.tabHeader ul li {
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 8px;
  margin-right: 28px;
  float: left;
}
.tabHeader ul li:hover {
  cursor: pointer;
}
.tabHeader ul li.selected {
  border-bottom: 2px var(--theme-primary-color, #F2C811) solid;
}
.authDialog {
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  font-size: 13px;
  color: var(--neutral-primary-color, #333333);
  margin-left: 30px;
  margin-right: 30px;
}
.authDialog .learnMoreLink {
  font-size: 12px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
}
.authDialog .title {
  margin: 10px 0 14px 0;
  color: var(--neutral-primary-color, #333333);
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  font-size: 28px;
  line-height: normal;
  margin-bottom: 10px;
}
.authDialog.plain {
  margin: 0;
  font-family: 'Segoe UI Semilight', 'wf_segoe-ui_semilight', helvetica, arial, sans-serif;
  font-size: 17px;
  line-height: 24px;
  color: var(--black-color, #000);
}
.authDialog.plain .warning {
  color: var(--black-color, #000);
  padding: 6px 10px;
  border: none;
  width: 500px;
}
.authDialog.plain .warning .glyphicon {
  font-size: 18px;
  margin-right: 5px;
  color: var(--black-color, #000);
  position: static;
}
.authDialog.plain .warning .message {
  display: inline;
}
.authDialog.plain .warning .message .warningDetails {
  margin-left: 32px;
}
.authDialog.plain .warning .message .collapsibleSectionControl {
  display: inline;
}
.authDialog.plain .warning .message .collapsibleSectionControl .sectionTitle {
  display: inline;
  margin-left: 10px;
  text-decoration: underline;
}
.authDialog.plain .warning .message .collapsibleSectionControl .sectionTitle .glyphicon {
  display: none;
}
.authDialog.plain .warning .message .collapsibleSectionControl .content .warningDetails {
  margin-left: 13px;
}
.authDialog.plain .warning .message .collapsibleSectionControl .content .warningDetails .warningDetailName,
.authDialog.plain .warning .message .collapsibleSectionControl .content .warningDetails warningDetailValue {
  line-height: normal;
}
.authDialog.plain .authDialogContent {
  max-height: 350px;
  overflow-y: auto;
  overflow-y: overlay;
}
.authDialog.plain .authDialogContent .authForm {
  margin-top: 30px;
}
.authDialog.plain .authDialogContent .authForm .group,
.authDialog.plain .authDialogContent .authForm .editableField1 span,
.authDialog.plain .authDialogContent .authForm .editableField2 span,
.authDialog.plain .authDialogContent .authForm select {
  font-family: 'Segoe UI Semibold', 'wf_segoe-ui_semibold', helvetica, arial, sans-serif;
  color: var(--neutral-secondary-color, #666666);
  font-size: 14px;
  display: block;
}
.authDialog.plain .authDialogContent .authForm .textBox {
  font-size: 14px;
  border-width: 2px;
  border-color: var(--neutral-tertiary-alt-color, #C8C8C8);
  color: var(--black-color, #000);
  height: 30px;
}
.authDialog.plain .authDialogContent .authForm .singleSignOnSettingCheckBox {
  margin-bottom: 10px;
}
.authDialog.plain .authDialogContent .authForm .singleSignOnSettingCheckBox input,
.authDialog.plain .authDialogContent .authForm .singleSignOnSettingCheckBox label {
  cursor: pointer;
  display: inline;
  vertical-align: middle;
}
.authDialog.plain .authDialogContent .authForm .singleSignOnSettingCheckBox input {
  height: 13px;
  width: 13px;
}
.authDialog.plain .authDialogContent .authForm .singleSignOnSettingCheckBox label {
  font-size: 13px;
  margin-left: 3px;
}
.authDialog.plain .action {
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 30px;
  text-align: right;
}
.authDialog.plain .action button {
  margin-left: 10px;
}
.authDialog .title {
  margin-top: 10px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  font-size: 28px;
}
.authDialog.modal .dialog {
  padding: 4px 28px 28px 28px;
  width: 400px;
  height: auto;
  top: 50%;
  transform: translate(0, -50%);
  border-color: var(--neutral-primary-color, #333333);
}
.authDialog.modal .dialog .dialog-content > .auth-form-scrollable-region {
  max-height: 500px;
  overflow: auto;
}
.authDialog .group {
  margin-bottom: 13px;
}
.authDialog .disabledField {
  margin-bottom: 13px;
  opacity: 0.5;
  pointer-events: none;
}
.authDialog input,
.authDialog select {
  display: block;
  height: 28px;
  width: 100%;
  margin-top: 5px;
  border: 1px solid var(--neutral-tertiary-color, #A6A6A6);
  text-indent: 4px;
}
.authDialog input {
  box-sizing: border-box;
}
.authDialog input[type="text"],
.authDialog input[type="password"] {
  padding-left: 3px;
}
.authDialog .editableField1,
.authDialog .editableField2 {
  margin-bottom: 13px;
}
.authDialog .privacyLevelField,
.authDialog .detailsMessage {
  margin-bottom: 28px;
}
.authDialog .singleSignOnSettingCheckBox {
  margin-bottom: 10px;
}
.authDialog .singleSignOnSettingCheckBox input,
.authDialog .singleSignOnSettingCheckBox label {
  cursor: pointer;
  display: inline;
  vertical-align: middle;
}
.authDialog .singleSignOnSettingCheckBox input {
  height: 13px;
  width: 13px;
}
.authDialog .singleSignOnSettingCheckBox label,
.authDialog .singleSignOnSettingCheckBox a {
  font-size: 13px;
  margin-left: 3px;
}
.authDialog .waitingMessageWhenApplyOAuthCredential {
  margin-top: 15px;
}
.authDialog .signInSpinner {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}
.authDialog .overlay {
  display: block;
  background-color: var(--white-color, #FFF);
  opacity: 0.65;
}
.authDialog .modal {
  border: 1px solid var(--neutral-primary-color, #333333);
  min-height: 400px;
}
.authDialog .modal .dialog {
  min-height: 400px;
}
.authDialog .actions {
  position: relative;
  text-align: right;
  right: 0;
  bottom: 0;
}
.authDialog .closeBtn {
  background: transparent;
  background-image: none;
  border: 0;
  padding: 0;
}
.authDialog .closeBtn::before {
  border: var(--focus-outline-definition, 2.5px solid) transparent;
}
.authDialog .closeBtn:focus:hover {
  background-color: transparent;
  border-color: transparent;
}
.authDialog .closeBtn:hover {
  background-image: none;
}
html[data-focus-source="key"] .authDialog .closeBtn:focus::before {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.authDialog .inlineWarning {
  width: 100%;
}
.authDialog.largeDialog {
  margin-left: 0px;
  margin-right: 0px;
}
.authDialog.largeDialog .authDialog.plain .authDialogContent {
  max-height: 450px;
}
/** This file contains base styling for the application */
body {
  margin: 0;
  padding: 0;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  color: var(--neutral-secondary-color, #666666);
  background-color: var(--neutral-light-color, #EAEAEA);
  /* DO NOT CHANGE THIS SIZE */
  font-size: 16px;
  height: 100%;
  width: 100%;
  /**
     * This is needed for Power BI extension dialogs
     * They are rendered in an iframe over the other UI but still uses these styles
     */
}
[data-transparent-background="true"] body {
  background-color: transparent;
}
body #pbiAppPlaceHolder {
  height: 100%;
  width: 100%;
}
/** Default box-sizing to border-box */
/**
html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}
*/
html {
  -ms-content-zooming: zoom;
  /*Set the width and height to 100% otherwise in full screen mode of IE the html width & height will be 0 by default.*/
  width: 100%;
  height: 100%;
}
input[type=text]::-webkit-input-placeholder {
  /* WebKit browsers */
  color: var(--neutral-secondary-color, #666666);
}
input[type=text]::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: var(--neutral-secondary-color, #666666);
  opacity: 1;
}
input[type=text]:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: var(--neutral-secondary-color, #666666);
}
a {
  color: var(--colorBrandForegroundLink, --fluent-theme-link-color);
}
a:focus,
a:hover {
  color: var(--colorBrandForegroundLinkHover, --fluent-theme-link-mid-color);
}
.greyBackground a {
  color: var(--colorBrandForegroundLink, --fluent-theme-link-darker-color);
}
.greyBackground a:focus,
.greyBackground a:hover {
  color: var(--colorBrandForegroundLinkPressed, --fluent-theme-link-alt-color);
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
    this includes button definition directly. the stylelibrary less
    should not be used directly (should be styles as standard buttons)
*/
.infonav-modalContainer .infonav-dialogActions input[type="button"] {
  font-family: 'Segoe UI Semibold', 'wf_segoe-ui_semibold', helvetica, arial, sans-serif;
  background-image: none;
  box-shadow: none;
  background-color: var(--neutral-tertiary-alt-color, #C8C8C8);
  padding: 6px 12px;
  border: 2px solid var(--neutral-tertiary-alt-color, #C8C8C8);
  border-radius: var(--button-border-radius);
  text-shadow: none;
  font-size: 14px;
  width: auto;
  line-height: 16px;
  white-space: nowrap;
  color: var(--theme-secondary-color, #000000);
  transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  background-color: var(--colorNeutralBackground1);
  color: var(--colorNeutralForeground1);
  border: 1px solid var(--colorNeutralStroke1);
  border-radius: var(--borderRadiusMedium);
}
.infonav-modalContainer .infonav-dialogActions input[type="button"]:hover,
.infonav-modalContainer .infonav-dialogActions input[type="button"]:focus,
.infonav-modalContainer .infonav-dialogActions input[type="button"]:active:hover,
.infonav-modalContainer .infonav-dialogActions input[type="button"]:focus:hover {
  border-color: var(--theme-secondary-color, #000000);
  background-color: var(--neutral-lighter-color, #F4F4F4);
  color: var(--theme-secondary-color, #000000);
  outline: none;
}
html[data-focus-source="key"] .infonav-modalContainer .infonav-dialogActions input[type="button"]:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.infonav-modalContainer .infonav-dialogActions input[type="button"]:active {
  background-color: var(--neutral-secondary-color, #666666);
  border-color: var(--neutral-secondary-color, #666666);
  color: var(--theme-secondary-color, #000000);
}
.infonav-modalContainer .infonav-dialogActions input[type="button"].primary {
  background-color: var(--button-primary-base-fill-color, #F2C811);
  border-color: var(--button-primary-base-fill-color, #F2C811);
  color: var(--button-primary-content-color, #000000);
}
.infonav-modalContainer .infonav-dialogActions input[type="button"].primary:hover,
.infonav-modalContainer .infonav-dialogActions input[type="button"].primary:focus,
.infonav-modalContainer .infonav-dialogActions input[type="button"].primary:active {
  border-color: var(--button-primary-content-color, #000000);
  color: var(--button-primary-content-color, #000000);
}
.infonav-modalContainer .infonav-dialogActions input[type="button"].primary:focus,
.infonav-modalContainer .infonav-dialogActions input[type="button"].primary:active {
  border-color: var(--button-primary-content-color, #000000);
  color: var(--button-primary-content-color, #000000);
}
.infonav-modalContainer .infonav-dialogActions input[type="button"].primary:focus:hover,
.infonav-modalContainer .infonav-dialogActions input[type="button"].primary:active:hover {
  background-color: var(--theme-dark-color, #CDA521);
}
.infonav-modalContainer .infonav-dialogActions input[type="button"].disabled,
.infonav-modalContainer .infonav-dialogActions input[type="button"][disabled],
.infonav-modalContainer .infonav-dialogActions input[type="button"].disabled.primary,
.infonav-modalContainer .infonav-dialogActions input[type="button"][disabled].primary {
  background-color: var(--neutral-lighter-color, #F4F4F4);
  border-color: var(--neutral-lighter-color, #F4F4F4);
  color: var(--neutral-tertiary-color, #A6A6A6);
  cursor: default;
}
.infonav-modalContainer .infonav-dialogActions input[type="button"].disabled:hover,
.infonav-modalContainer .infonav-dialogActions input[type="button"][disabled]:hover,
.infonav-modalContainer .infonav-dialogActions input[type="button"].disabled.primary:hover,
.infonav-modalContainer .infonav-dialogActions input[type="button"][disabled].primary:hover,
.infonav-modalContainer .infonav-dialogActions input[type="button"].disabled:focus,
.infonav-modalContainer .infonav-dialogActions input[type="button"][disabled]:focus,
.infonav-modalContainer .infonav-dialogActions input[type="button"].disabled.primary:focus,
.infonav-modalContainer .infonav-dialogActions input[type="button"][disabled].primary:focus,
.infonav-modalContainer .infonav-dialogActions input[type="button"].disabled:active,
.infonav-modalContainer .infonav-dialogActions input[type="button"][disabled]:active,
.infonav-modalContainer .infonav-dialogActions input[type="button"].disabled.primary:active,
.infonav-modalContainer .infonav-dialogActions input[type="button"][disabled].primary:active {
  background-color: var(--neutral-lighter-color, #F4F4F4);
  border-color: var(--neutral-lighter-color, #F4F4F4);
  color: var(--neutral-tertiary-color, #A6A6A6);
}
.infonav-modalContainer .infonav-dialogActions input[type="button"].primary {
  background-color: var(--button-primary-base-fill-color, #F2C811);
  border-color: var(--button-primary-base-fill-color, #F2C811);
  color: var(--button-primary-content-color, #000000);
}
.infonav-modalContainer .infonav-dialogActions input[type="button"].primary:hover,
.infonav-modalContainer .infonav-dialogActions input[type="button"].primary:focus,
.infonav-modalContainer .infonav-dialogActions input[type="button"].primary:active {
  border-color: var(--button-primary-content-color, #000000);
  color: var(--button-primary-content-color, #000000);
}
.infonav-modalContainer .infonav-dialogActions input[type="button"].primary:focus,
.infonav-modalContainer .infonav-dialogActions input[type="button"].primary:active {
  border-color: var(--button-primary-content-color, #000000);
  color: var(--button-primary-content-color, #000000);
}
.infonav-modalContainer .infonav-dialogActions input[type="button"].primary:focus:hover,
.infonav-modalContainer .infonav-dialogActions input[type="button"].primary:active:hover {
  background-color: var(--theme-dark-color, #CDA521);
}
.infonav-modalContainer .infonav-dialogActions input[type="button"].disabled {
  background-color: var(--neutral-lighter-color, #F4F4F4);
  border-color: var(--neutral-lighter-color, #F4F4F4);
  color: var(--neutral-tertiary-color, #A6A6A6);
  cursor: default;
}
.infonav-modalContainer .infonav-dialogActions input[type="button"].disabled:hover,
.infonav-modalContainer .infonav-dialogActions input[type="button"].disabled:focus,
.infonav-modalContainer .infonav-dialogActions input[type="button"].disabled:active {
  background-color: var(--neutral-lighter-color, #F4F4F4);
  border-color: var(--neutral-lighter-color, #F4F4F4);
  color: var(--neutral-tertiary-color, #A6A6A6);
}
.infonav-modalContainer .infonav-dialogActions input[type="button"]:hover {
  border-color: var(--colorNeutralStroke1Hover);
  color: var(--colorNeutralForeground1);
}
.infonav-modalContainer.dashboardRequiresProLicenseDialog {
  background-color: var(--white-color, #FFF);
}
.infonav-modalContainer .errorMessage {
  padding-top: 15px;
  color: var(--warning-color, #A4262C);
  position: absolute;
}
.infonav-modalContainer .startTrialMessage,
.infonav-modalContainer .startTrialSuccessMessage,
.infonav-modalContainer .startTrialTermsMessage {
  color: var(--colorNeutralForeground1);
  font-size: var(--fontSizeBase300);
  line-height: var(--lineHeightBase300);
  font-weight: var(--fontWeightRegular);
}
.infonav-modalContainer .infonav-dialogTitle {
  color: var(--colorNeutralForeground1);
  font-size: var(--fontSizeBase500);
  line-height: var(--lineHeightBase500);
  font-weight: var(--fontWeightSemibold);
}
.infonav-modalContainer .trial-limit {
  display: flex;
  flex-direction: row;
  padding: 8px 12px;
  gap: 10px;
  background-color: var(--colorNeutralBackground4);
  margin-top: 10px;
}
.infonav-modalContainer .trial-limit span {
  font-weight: var(--caption-font-weight);
  font-size: var(--caption-font-size);
  line-height: var(--caption-font-lineheight);
}
.infonav-modalContainer .infonav-dialogTitle {
  margin-right: 20px;
}
.infonav-modalContainer .modalErrorHelpLink {
  display: inline-flex;
  align-items: center;
  flex: 0 1 auto;
}
.infonav-modalContainer .modalCopyToClipboard {
  flex: 0 1 auto;
  padding: 0;
  margin-left: 16px;
  font: inherit;
  color: var(--black-color, #000);
  border: none;
  background: none;
  text-decoration: underline;
}
.infonav-modalContainer .modalCopyToClipboard:hover {
  color: var(--theme-darker-color, #BE9A27);
}
.infonav-modalContainer .modalCopyToClipboard:hover:active,
.infonav-modalContainer .modalCopyToClipboard:hover:focus {
  background: none;
}
.infonav-modalContainer .modalCopyToClipboard.modalCopySuccess {
  text-decoration: none;
}
.infonav-modalContainer .modalCopyToClipboard.modalCopySuccess:hover {
  color: var(--black-color, #000);
}
.infonav-modalContainer .infonav-dialogFooter {
  display: inline-flex;
  padding-top: 15px;
  width: 100%;
}
.infonav-modalContainer .tileErrors .tileError {
  margin-top: 20px;
}
.infonav-modalContainer .tileErrors .tileError .tileErrorCount {
  height: 20px;
  line-height: 20px;
}
.infonav-modalContainer .tileErrors .tileError .tileErrorCount span {
  vertical-align: top;
  color: var(--neutral-tertiary-color, #A6A6A6);
  font-weight: bold;
}
.infonav-modalContainer .tileErrors .tileError .tileErrorMessage {
  vertical-align: top;
  padding-left: 20px;
}
.infonav-modalContainer .refresh-error-message-boldtext {
  font-weight: bold;
}
.infonav-modalContainer .refresh-datasource {
  text-indent: 4em;
}
.infonav-modalContainer button.fabric-home-button {
  display: flex;
  align-items: center;
  gap: 4px;
}
.infonav-modalContainer .infonav-dialogActions {
  padding-top: 14px;
}
.infonav-modalContainer .infonav-dialogActions input[type="button"].azure-create-account-button {
  margin-right: auto;
  margin-left: 0px;
  background-color: var(--colorNeutralBackground1);
  color: var(--colorNeutralForeground1);
  border: 1px solid var(--colorNeutralStroke1);
  border-radius: var(--borderRadiusMedium);
}
.infonav-modalContainer .infonav-dialogActions input[type="button"].azure-create-account-button:hover,
.infonav-modalContainer .infonav-dialogActions input[type="button"].azure-create-account-button:active:hover,
.infonav-modalContainer .infonav-dialogActions input[type="button"].azure-create-account-button:focus:hover {
  border-color: var(--colorNeutralStroke1Hover);
  background-color: var(--neutral-lighter-color, #F4F4F4);
  color: var(--colorNeutralForeground1);
  outline: none;
}
.infonav-modalContainer .spinner-container {
  position: relative;
  width: 20px;
  height: 20px;
}
.infonav-modalContainer .spinner {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border: 2px solid transparent;
  border-top-color: var(--white-color, #FFF);
  border-radius: 50%;
  animation: rotate 1s ease infinite;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.space-after {
  margin-right: 1em;
}
/* 
 * Color styles MUST be set through the color palette in colors.less. This
 * will allow us to easily change the palette and get a consistent look. DO NOT
 * hard-code colors directly inside classes.
 *
 * To get integrated VS support for LESS install the Visual Studio Web Essentials.
 */
.signUpOverlay {
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
}
.signUpBlurredBackground {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("../images/Landing/SignUpBlurredDashboard.png") no-repeat left top;
}
.signUpBlock {
  position: absolute;
  width: 861px;
  height: 454px;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  box-shadow: 0 0 28px 1px rgba(0, 0, 0, 0.4);
}
.signUpBlock .signupYellowArea {
  background-color: var(--theme-primary-color, #F2C811);
  padding: 34px 84px 30px 84px;
  color: var(--black-color, #000);
}
.signUpBlock .signupYellowArea .signupLogoAndProduct {
  height: 32px;
  font-size: 1.6em;
  vertical-align: middle;
}
.signUpBlock .signupYellowArea .signupLogoAndProduct img {
  height: 32px;
}
.signUpBlock .signupYellowArea .signUpHeader {
  font-family: 'Segoe UI Bold', 'wf_segoe-ui_bold', helvetica, arial, sans-serif;
  font-size: 1.8em;
  margin-top: 20px;
}
.signUpBlock .signupYellowArea .signupBusinessValue {
  margin-top: 20px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  font-size: 1em;
}
.signUpBlock .signupDetailArea {
  background-color: var(--white-color, #FFF);
  padding: 53px 84px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  color: var(--black-color, #000);
  font-size: 1em;
}
.signUpBlock .signupDetailArea .signupShareMessage2 {
  margin-top: 10px;
  font-size: 0.95em;
}
.signUpBlock .signupDetailArea .signupButtonsAndLinks {
  margin-top: 43px;
  height: 40px;
}
.signUpBlock .signUpText.mt20-mb20 {
  margin-top: 10px;
  margin-bottom: 30px;
  line-height: 30px;
}
.signUpBlock .signUpText.mt40-mb20 {
  margin-top: 30px;
  margin-bottom: 10px;
}
.signUpBlock .signUpBtn {
  background-color: var(--theme-primary-color, #F2C811);
  color: var(--black-color, #000);
  line-height: 36px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  padding-left: 20px;
  padding-right: 20px;
}
.signUpBlock a {
  color: var(--link-color, var(--theme-secondary-color, #000000));
}
/*
 * Color styles MUST be set through the color palette in colors.less. This
 * will allow us to easily change the palette and get a consistent look. DO NOT
 * hard-code colors directly inside classes.
 *
 * To get integrated VS support for LESS install the Visual Studio Web Essentials.
 */
.emailBlock {
  position: absolute;
  max-width: 1000px;
  height: 480px;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 4px;
  background-color: var(--white-color, #FFF);
  box-shadow: 0px 4.8px 14.4px rgba(0, 0, 0, 0.18), 0px 25.6px 57.6px rgba(0, 0, 0, 0.22);
  overflow-y: auto;
}
.emailBlock .emailLogoAndName {
  position: absolute;
  width: 256px;
  height: 20px;
  left: 32px;
  top: 32px;
}
.emailBlock .emailLogoAndName label {
  position: absolute;
  left: 20px;
  right: 69px;
  font-family: 'Segoe UI';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  color: var(--gray-180, #252423);
}
.emailBlock .emailLogoAndName object {
  position: absolute;
  width: 16px;
  height: 16px;
}
.emailBlock .emailDetailArea {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  position: absolute;
  width: calc(50% - 80px);
  height: 358px;
  left: 40px;
  top: 76px;
}
.emailBlock .emailDetailArea .emailDetailHeader {
  position: static;
  width: 386px;
  height: 64px;
  left: 0px;
  top: 0px;
  flex: none;
  flex-grow: 0;
}
.emailBlock .emailDetailArea .emailDetailHeader label {
  left: 0px;
  right: 0px;
  top: 0%;
  bottom: 0%;
  font-family: 'Segoe UI';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
  display: flex;
  align-items: center;
  color: var(--gray-180, #252423);
}
.emailBlock .emailDetailArea .emailDetailContent {
  padding: 0px;
  height: 274px;
  left: 0px;
  top: 84px;
  flex: none;
  flex-grow: 0;
}
.emailBlock .emailDetailArea .emailDetailContent .emailDetailContentArea {
  padding: 0px;
  left: 0px;
  top: 0px;
  flex: none;
  flex-grow: 0;
}
.emailBlock .emailDetailArea .emailDetailContent .emailDetailContentArea .emailContentInput {
  padding: 4px 0px 0px;
  left: 0px;
  top: 0px;
  margin: 24px 0px;
  flex: none;
  flex-grow: 0;
}
.emailBlock .emailDetailArea .emailDetailContent .emailDetailContentArea .emailContentInput .emailInputTitle {
  font-family: 'Segoe UI';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: var(--gray-180, #252423);
}
.emailBlock .emailDetailArea .emailDetailContent .emailDetailContentArea .emailContentInput input {
  width: 370px;
}
.emailBlock .emailDetailArea .emailDetailContent .emailDetailContentArea .emailContentInput input.invalid {
  border-color: var(--fluent-theme-error-dark-color, #A80000);
}
.emailBlock .emailDetailArea .emailDetailContent .emailDetailContentArea .emailContentInput .emailInputError {
  width: 370px;
  height: 32px;
  left: 0%;
  right: 0%;
  font-family: Segoe UI;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: var(--fluent-theme-error-dark-color, #A80000);
}
.emailBlock .emailDetailArea .emailDetailContent .emailDetailContentArea .emailContentDisclaimers {
  padding: 0px 0px 8px;
  height: 86px;
  left: 0px;
  top: 84px;
  flex: none;
  flex-grow: 0;
  margin: 24px 0px;
  font-family: 'Segoe UI';
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 14px;
  align-self: stretch;
  color: var(--gray-140, #484644);
}
.emailBlock .emailDetailArea .emailDetailContent .emailDetailContentArea .emailContentDisclaimers .emailDisclaimer2 {
  height: 28px;
  top: 58px;
  margin: 16px 0px;
}
.emailBlock .emailDetailArea .emailDetailContent .emailDetailContentArea .emailContentDisclaimers .emailDisclaimer1 {
  height: 42px;
  top: 0px;
  margin: 16px 0px;
}
.emailBlock .emailDetailArea .emailDetailContent .emailDetailContentArea .emailContentDisclaimers .pbiLink {
  color: var(--gray-140, #484644);
}
.emailBlock .emailDetailArea .emailDetailContent .emailDetailContentArea .emailContentDisclaimers .fabricLink {
  color: #117865;
}
.emailBlock .emailDetailArea .emailDetailContent .emailDetailContentArea .emailContentDisclaimers .learnMoreBtn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0px;
  color: var(--fluent-theme-link-color, #0078D4);
  text-decoration: underline;
}
.emailBlock .emailDetailArea .emailDetailContent .emailDetailContentArea .emailContentDisclaimers .learnMoreBtn:hover .learnMoreText {
  display: inline;
}
.emailBlock .emailDetailArea .emailDetailContent .emailDetailContentArea .emailContentDisclaimers .learnMoreText {
  display: none;
  font-size: 13px;
  position: fixed;
  background-color: #F2F2F2;
  border: 1px solid rgba(0, 0, 0, 0.3);
  max-width: 340px;
  padding: 8px;
  z-index: 700;
}
.emailBlock .emailDetailArea .emailDetailContent button:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.emailBlock .emailLogoAreaFabric {
  position: absolute;
  left: 50%;
  right: 0%;
  top: 0px;
  bottom: 0px;
  overflow: hidden;
  background-color: var(--gray-20, #F3F2F1);
}
.emailBlock .emailLogoAreaFabric object {
  position: absolute;
  left: 0%;
  bottom: 0%;
  width: 500px;
  height: 480px;
  border: 0;
  margin: 0px 0px 0px 0px;
  overflow-x: hidden;
  overflow-y: hidden;
}
.emailBlock .emailLogoAreaFabric .fabConfContainer {
  position: absolute;
  color: white;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: auto;
  width: 56.6%;
  max-width: 272px;
  border-radius: 8px;
  background: rgba(17, 120, 101, 0.92);
  backdrop-filter: blur(2.5px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
  z-index: 1;
  padding: 24px;
}
.emailBlock .emailLogoAreaFabric .fabConfContainer p {
  position: relative;
  z-index: 3;
  font-family: "Segoe UI";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 16px;
  margin-top: 12px;
}
.emailBlock .emailLogoAreaFabric .fabConfContainer .title-fab-conf {
  position: relative;
  z-index: 2;
  font-weight: 600;
  margin-bottom: 2px;
  margin-top: 0px;
}
.emailBlock .emailLogoAreaFabric .fabConfContainer h1 {
  font-family: "Segoe UI";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  margin-top: 0;
  margin-bottom: 0;
}
.emailBlock .emailLogoAreaFabric .fabConfContainer button {
  background-color: white;
  color: rgba(17, 120, 101, 0.92);
  border-radius: 4px;
  border: 2px solid #fff;
}
.emailBlock .emailLogoAreaFabric .fabConfContainer button:hover {
  background-color: #F5F5F5;
  color: rgba(17, 120, 101, 0.92);
  border-radius: 4px;
  border: 2px solid #000;
}
.emailBlock .emailLogoAreaFabric .fabConfContainer button:active {
  background-color: #E0E0E0;
  color: rgba(17, 120, 101, 0.92);
  border-radius: 4px;
  border: 2px solid #000;
}
.emailBlock .emailLogoAreaPBI {
  position: absolute;
  left: 50%;
  right: 0%;
  top: 0px;
  bottom: 0px;
  overflow: hidden;
  background-color: var(--gray-20, #F3F2F1);
}
.emailBlock .emailLogoAreaPBI object {
  position: absolute;
  left: 30%;
  bottom: -16.67%;
  width: 412px;
  height: 550px;
}
.emailBlock .tri-fluent-button {
  background-color: #117865;
  color: #FFFFFF;
  border: 2px solid #117865;
}
.emailBlock .tri-fluent-button:hover {
  color: #FFFFFF;
}
.emailBlockNew {
  position: absolute;
  max-width: 1000px;
  height: 580px;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 4px;
  background-color: var(--white-color, #FFF);
  box-shadow: 0px 4.8px 14.4px rgba(0, 0, 0, 0.18), 0px 25.6px 57.6px rgba(0, 0, 0, 0.22);
  overflow-y: auto;
}
.emailBlockNew .emailLogoAndName {
  position: absolute;
  width: 256px;
  height: 20px;
  left: 32px;
  top: 32px;
}
.emailBlockNew .emailLogoAndName label {
  position: absolute;
  left: 20px;
  right: 69px;
  font-family: 'Segoe UI';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  color: var(--gray-180, #252423);
}
.emailBlockNew .emailLogoAndName object {
  position: absolute;
  width: 16px;
  height: 16px;
}
.emailBlockNew .emailDetailArea {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  position: absolute;
  width: calc(50% - 80px);
  height: 358px;
  left: 40px;
  top: 76px;
}
.emailBlockNew .emailDetailArea .emailDetailHeader {
  position: static;
  width: 386px;
  height: 64px;
  left: 0px;
  top: 0px;
  flex: none;
  flex-grow: 0;
}
.emailBlockNew .emailDetailArea .emailDetailHeader label {
  left: 0px;
  right: 0px;
  top: 0%;
  bottom: 0%;
  font-family: 'Segoe UI';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
  display: flex;
  align-items: center;
  color: var(--gray-180, #252423);
}
.emailBlockNew .emailDetailArea .emailDetailContent {
  padding: 0px;
  height: 274px;
  left: 0px;
  top: 84px;
  flex: none;
  flex-grow: 0;
}
.emailBlockNew .emailDetailArea .emailDetailContent .emailDetailContentArea {
  padding: 0px;
  left: 0px;
  top: 0px;
  flex: none;
  flex-grow: 0;
}
.emailBlockNew .emailDetailArea .emailDetailContent .emailDetailContentArea .emailContentInput {
  padding: 4px 0px 0px;
  left: 0px;
  top: 0px;
  margin: 24px 0px;
  flex: none;
  flex-grow: 0;
}
.emailBlockNew .emailDetailArea .emailDetailContent .emailDetailContentArea .emailContentInput .emailInputTitle {
  font-family: 'Segoe UI';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: var(--gray-180, #252423);
}
.emailBlockNew .emailDetailArea .emailDetailContent .emailDetailContentArea .emailContentInput input {
  width: 370px;
}
.emailBlockNew .emailDetailArea .emailDetailContent .emailDetailContentArea .emailContentInput input.invalid {
  border-color: var(--fluent-theme-error-dark-color, #A80000);
}
.emailBlockNew .emailDetailArea .emailDetailContent .emailDetailContentArea .emailContentInput .emailInputError {
  width: 370px;
  height: 32px;
  left: 0%;
  right: 0%;
  font-family: Segoe UI;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: var(--fluent-theme-error-dark-color, #A80000);
}
.emailBlockNew .emailDetailArea .emailDetailContent .emailDetailContentArea .emailContentDisclaimers {
  padding: 0px 0px 8px;
  height: 86px;
  left: 0px;
  top: 84px;
  flex: none;
  flex-grow: 0;
  margin: 24px 0px;
  font-family: 'Segoe UI';
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 14px;
  align-self: stretch;
  color: var(--gray-140, #484644);
}
.emailBlockNew .emailDetailArea .emailDetailContent .emailDetailContentArea .emailContentDisclaimers .emailDisclaimer2 {
  height: 28px;
  top: 58px;
  margin: 16px 0px;
}
.emailBlockNew .emailDetailArea .emailDetailContent .emailDetailContentArea .emailContentDisclaimers .emailDisclaimer1 {
  height: 42px;
  top: 0px;
  margin: 16px 0px;
}
.emailBlockNew .emailDetailArea .emailDetailContent .emailDetailContentArea .emailContentDisclaimers .pbiLink {
  color: var(--gray-140, #484644);
}
.emailBlockNew .emailDetailArea .emailDetailContent .emailDetailContentArea .emailContentDisclaimers .fabricLink {
  color: #117865;
}
.emailBlockNew .emailDetailArea .emailDetailContent .emailDetailContentArea .emailContentDisclaimers .learnMoreBtn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0px;
  color: var(--fluent-theme-link-color, #0078D4);
  text-decoration: underline;
}
.emailBlockNew .emailDetailArea .emailDetailContent .emailDetailContentArea .emailContentDisclaimers .learnMoreBtn:hover .learnMoreText {
  display: inline;
}
.emailBlockNew .emailDetailArea .emailDetailContent .emailDetailContentArea .emailContentDisclaimers .learnMoreText {
  display: none;
  font-size: 13px;
  position: fixed;
  background-color: #F2F2F2;
  border: 1px solid rgba(0, 0, 0, 0.3);
  max-width: 340px;
  padding: 8px;
  z-index: 700;
}
.emailBlockNew .emailDetailArea .emailDetailContent .emailDetailContentArea ul {
  font-size: 14px;
  list-style: disc;
  margin: 10px 0;
}
.emailBlockNew .emailDetailArea .emailDetailContent .emailDetailContentArea ul li {
  list-style-position: inside;
  color: var(--gray-180, #252423);
  text-indent: -1.5em;
  padding-left: 1em;
  margin-left: 0.8em;
}
.emailBlockNew .emailDetailArea .emailDetailContent button:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.emailBlockNew .emailLogoAreaFabric {
  position: absolute;
  left: 50%;
  right: 0%;
  top: 0px;
  bottom: 0px;
  overflow: hidden;
  background-color: var(--gray-20, #F3F2F1);
}
.emailBlockNew .emailLogoAreaFabric object {
  position: absolute;
  left: 0%;
  bottom: 0%;
  width: 500px;
  height: 480px;
  border: 0;
  margin: 0px 0px 0px 0px;
  overflow-x: hidden;
  overflow-y: hidden;
}
.emailBlockNew .emailLogoAreaFabric .fabConfImage {
  height: 580px;
}
.emailBlockNew .emailLogoAreaFabric .fabConfContainer {
  position: absolute;
  color: white;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: auto;
  width: 56.6%;
  max-width: 272px;
  padding: 24px;
  border-radius: 8px;
  background: rgba(17, 120, 101, 0.92);
  backdrop-filter: blur(2.5px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
  z-index: 1;
}
.emailBlockNew .emailLogoAreaFabric .fabConfContainer p {
  position: relative;
  z-index: 3;
  font-family: "Segoe UI";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 16px;
  margin-top: 12px;
}
.emailBlockNew .emailLogoAreaFabric .fabConfContainer .title-fab-conf {
  position: relative;
  z-index: 2;
  font-weight: 600;
  margin-bottom: 2px;
  margin-top: 0px;
}
.emailBlockNew .emailLogoAreaFabric .fabConfContainer h1 {
  font-family: "Segoe UI";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  margin-top: 0;
  margin-bottom: 0;
}
.emailBlockNew .emailLogoAreaFabric .fabConfContainer button {
  background-color: white;
  color: rgba(17, 120, 101, 0.92);
  border-radius: 4px;
  border: 2px solid #fff;
}
.emailBlockNew .emailLogoAreaFabric .fabConfContainer button:hover {
  background-color: #F5F5F5;
  color: rgba(17, 120, 101, 0.92);
  border-radius: 4px;
  border: 2px solid #000;
}
.emailBlockNew .emailLogoAreaFabric .fabConfContainer button:active {
  background-color: #E0E0E0;
  color: rgba(17, 120, 101, 0.92);
  border-radius: 4px;
  border: 2px solid #000;
}
.emailBlockNew .emailLogoAreaPBI {
  position: absolute;
  left: 50%;
  right: 0%;
  top: 0px;
  bottom: 0px;
  overflow: hidden;
  background-color: var(--gray-20, #F3F2F1);
}
.emailBlockNew .emailLogoAreaPBI object {
  position: absolute;
  left: 30%;
  bottom: -16.67%;
  width: 412px;
  height: 550px;
}
.emailBlockNew .tri-fluent-button {
  background-color: #117865;
  color: #FFFFFF;
  border: 2px solid #117865;
}
.emailBlockNew .tri-fluent-button:hover {
  color: #FFFFFF;
}
.icpLicenseLink {
  position: absolute;
  bottom: 8px;
  right: 64px;
  font-family: 'Segoe UI';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #242424;
  text-decoration: none;
}
.icpLicenseLink:hover {
  color: #242424;
  text-decoration: underline;
}
.icpLicenseLink:active {
  color: #242424;
  text-decoration: underline;
}
@media (max-width: 850px) {
  .emailBlock,
  .emailBlockNew {
    height: 100%;
  }
  .emailBlock .emailLogoAndName,
  .emailBlockNew .emailLogoAndName {
    width: 100%;
    height: 120px;
    background: var(--gray-20, #F3F2F1);
    left: 0px;
    top: 0px;
  }
  .emailBlock .emailLogoAndName label,
  .emailBlockNew .emailLogoAndName label {
    font-size: 20px;
    line-height: 28px;
    left: 82px;
    top: calc(50% - 16px);
  }
  .emailBlock .emailLogoAndName object,
  .emailBlockNew .emailLogoAndName object {
    width: 32px;
    height: 32px;
    left: 40px;
    top: calc(50% - 16px);
  }
  .emailBlock .emailDetailArea,
  .emailBlockNew .emailDetailArea {
    top: 160px;
    width: calc(100% - 80px);
    right: 40px;
  }
  .emailBlock .emailLogoAreaPBI,
  .emailBlockNew .emailLogoAreaPBI {
    display: none;
  }
  .emailBlock .emailLogoAreaFabric,
  .emailBlockNew .emailLogoAreaFabric {
    display: none;
  }
  .icpLicense {
    right: 40px;
  }
}
@media (max-width: 450px) {
  .emailBlock,
  .emailBlockNew {
    height: 100%;
  }
  .emailBlock .emailLogoAndName,
  .emailBlockNew .emailLogoAndName {
    height: 60px;
    background: var(--white-color, #FFF);
  }
  .emailBlock .emailLogoAndName label,
  .emailBlockNew .emailLogoAndName label {
    left: 62px;
    top: calc(100% - 16px);
  }
  .emailBlock .emailLogoAndName object,
  .emailBlockNew .emailLogoAndName object {
    width: 32px;
    height: 32px;
    left: 20px;
    top: calc(100% - 16px);
  }
  .emailBlock .emailDetailArea,
  .emailBlockNew .emailDetailArea {
    width: calc(100% - 40px);
    left: 20px;
    right: 20px;
    top: 100px;
  }
  .emailBlock .emailDetailArea .emailDetailHeader,
  .emailBlockNew .emailDetailArea .emailDetailHeader {
    width: 100%;
  }
  .emailBlock .emailDetailArea .emailDetailContent .emailDetailContentArea .emailContentInput input,
  .emailBlockNew .emailDetailArea .emailDetailContent .emailDetailContentArea .emailContentInput input {
    width: 100%;
  }
  .emailBlock .emailDetailArea .emailDetailContent button,
  .emailBlockNew .emailDetailArea .emailDetailContent button {
    width: 100%;
  }
  .icpLicense {
    right: 20px;
  }
}
/* updates to tile header height should be reflected in tile.ts and dashboardVisualPluginService.ts */
/* updates to padding should be reflected in compositeTileModel.ts */
/* Useful for stopping elements from shifting when a visible border is added */
/* 
 * Color styles MUST be set through the color palette in colors.less. This
 * will allow us to easily change the palette and get a consistent look. DO NOT
 * hard-code colors directly inside classes.
 *
 * To get integrated VS support for LESS install the Visual Studio Web Essentials.
 */
.landingController .owlContainer {
  width: 360px;
  margin: auto;
}
/* 
 * Color styles MUST be set through the color palette in colors.less. This
 * will allow us to easily change the palette and get a consistent look. DO NOT
 * hard-code colors directly inside classes.
 *
 * To get integrated VS support for LESS install the Visual Studio Web Essentials.
 */
.provisioningBody {
  background-color: var(--white-color, #FFF);
}
.provisioningBlock {
  margin: auto;
  font-family: 'Segoe UI Semilight', 'wf_segoe-ui_semilight', helvetica, arial, sans-serif;
  width: 700px;
  align-content: center;
}
.provisioningBlock .provisioningHeader {
  font-size: 3em;
  color: var(--neutral-primary-color, #333333);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 250px;
}
.provisioningBlock .provisioningBusinessValue {
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  font-size: 1em;
  color: var(--neutral-secondary-color, #666666);
  margin-top: 20px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  height: 85px;
}
.provisioningBlock .ProvisioningTryAgain {
  font-size: 0.9em;
  color: var(--neutral-secondary-color, #666666);
  margin-top: 16px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
/** This file contains styles for printing */
@media print {
  html[dir="rtl"] {
    direction: rtl;
  }
  body {
    height: 100% !important;
  }
  body #topBar,
  body #navBar,
  body #header,
  body #appNavPane,
  body #leftNavPane,
  body .dashboardAppBar {
    display: none !important;
  }
  body .landingController .contentMain,
  body #rootContent .contentMain {
    top: 0;
  }
  body .landingController .contentMain .appBarSection.right,
  body #rootContent .contentMain .appBarSection.right {
    display: none !important;
  }
  body .landingController .contentMain .navigationPane,
  body #rootContent .contentMain .navigationPane,
  body .landingController .contentMain navigation-pane-v2,
  body #rootContent .contentMain navigation-pane-v2 {
    display: none;
  }
  body .landingController .contentMain navigation-pane-v2 ~ .landingContainer,
  body #rootContent .contentMain navigation-pane-v2 ~ .landingContainer,
  body .landingController .contentMain navigation-pane-v2 ~ .contentColumn,
  body #rootContent .contentMain navigation-pane-v2 ~ .contentColumn {
    left: 0;
  }
  body .landingController .contentMain .dashboardContainerView .shareDashboardButton,
  body #rootContent .contentMain .dashboardContainerView .shareDashboardButton,
  body .landingController .contentMain .dashboardContainerView .readonlyIcon,
  body #rootContent .contentMain .dashboardContainerView .readonlyIcon,
  body .landingController .contentMain .dashboardContainerView .dashboardControlsWrapper,
  body #rootContent .contentMain .dashboardContainerView .dashboardControlsWrapper,
  body .landingController .contentMain .dashboardContainerView .moreOptionsDashboardButton,
  body #rootContent .contentMain .dashboardContainerView .moreOptionsDashboardButton,
  body .landingController .contentMain .dashboardContainerView .glyphicon,
  body #rootContent .contentMain .dashboardContainerView .glyphicon {
    display: none;
  }
  body .landingController .contentMain .dashboardContainerView flyout,
  body #rootContent .contentMain .dashboardContainerView flyout {
    display: none;
  }
  body .landingController .contentMain .dashboardContainerView .dashboard,
  body #rootContent .contentMain .dashboardContainerView .dashboard {
    position: fixed;
    /* @noflip */
    transform-origin: left top !important;
    transition-duration: 0s;
    /* @noflip */
    left: 0 !important;
    top: 50px !important;
    /* @noflip */
    right: auto !important;
    bottom: auto !important;
  }
  body .landingController .contentMain .dashboardContainerView .dashboard .fitToScreen,
  body #rootContent .contentMain .dashboardContainerView .dashboard .fitToScreen {
    /* @noflip */
    left: 0;
    /* @noflip */
    right: auto;
  }
  body .landingController .contentMain .dashboardContainerView .dashboard .tileWrapper,
  body #rootContent .contentMain .dashboardContainerView .dashboard .tileWrapper {
    z-index: -1;
    box-shadow: none !important;
  }
  body .landingController .contentMain .dashboardContainerView .dashboard .tileWrapper .tileOptionsMenu,
  body #rootContent .contentMain .dashboardContainerView .dashboard .tileWrapper .tileOptionsMenu {
    display: none !important;
  }
  body .landingController .contentMain .dashboardContainerView .dashboard .tileWrapper .tileBody,
  body #rootContent .contentMain .dashboardContainerView .dashboard .tileWrapper .tileBody {
    -webkit-filter: none;
    transition: none;
  }
  body .landingController .contentMain .dashboardContainerView .infoNavContainer .visualizationPane,
  body #rootContent .contentMain .dashboardContainerView .infoNavContainer .visualizationPane,
  body .landingController .contentMain .dashboardContainerView .infoNavContainer .taskPane,
  body #rootContent .contentMain .dashboardContainerView .infoNavContainer .taskPane {
    display: none;
  }
  body .landingController .contentMain .dashboardContainerView .infoNavContainer .explorationHost .infonavContent,
  body #rootContent .contentMain .dashboardContainerView .infoNavContainer .explorationHost .infonavContent {
    padding-top: 0 !important;
  }
  body .landingController .contentMain .dashboardContainerView .infoNavContainer .explorationHost .exploreCanvas .displayArea,
  body #rootContent .contentMain .dashboardContainerView .infoNavContainer .explorationHost .exploreCanvas .displayArea {
    overflow: visible !important;
  }
  body .landingController .contentMain .landingContainer .toastContainer,
  body #rootContent .contentMain .landingContainer .toastContainer,
  body .landingController .contentMain .landingContainer .fullScreenBtnHost,
  body #rootContent .contentMain .landingContainer .fullScreenBtnHost,
  body .landingController .contentMain .landingContainer .waitingContainer,
  body #rootContent .contentMain .landingContainer .waitingContainer,
  body .landingController .contentMain .landingContainer #installedAppLandingContainer,
  body #rootContent .contentMain .landingContainer #installedAppLandingContainer {
    display: none;
  }
  body .landingController .contentMain .landingContainer .reportContainerContent .explorationContainer .appBar,
  body #rootContent .contentMain .landingContainer .reportContainerContent .explorationContainer .appBar {
    display: none;
  }
  body .landingController .contentMain .landingContainer .inFocusContainer .visualizationPane,
  body #rootContent .contentMain .landingContainer .inFocusContainer .visualizationPane {
    display: none;
  }
  body .landingController .contentMain .landingContainer .inFocusContainer .appBar.inFocusAppBar .iconBox,
  body #rootContent .contentMain .landingContainer .inFocusContainer .appBar.inFocusAppBar .iconBox {
    display: none !important;
  }
  body .landingController .contentMain .landingContainer .inFocusContainer .appBar .appBarSection ul > li,
  body #rootContent .contentMain .landingContainer .inFocusContainer .appBar .appBarSection ul > li {
    padding: 0 5px;
  }
  body .landingController .contentMain .landingContainer .inFocusContainer .appBar .appBarDivider,
  body #rootContent .contentMain .landingContainer .inFocusContainer .appBar .appBarDivider {
    display: none !important;
  }
  body .infonav-modalContainerHost {
    display: none !important;
  }
  body .dashboard-app-bar-export,
  body .app-bar-export,
  body .app-bar-file-menu {
    display: none;
  }
  body exploration-fluent-navigation {
    display: none !important;
  }
  body dashboard-tiles-error-banner {
    display: none !important;
  }
  body .fluentTheme.mat-list {
    display: none;
  }
}
#printDisabledOverlay {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  background-color: var(--white-color, #FFF) !important;
  z-index: 1000;
}
#printDisabledOverlay .errorTitle {
  color: var(--black-color, #000);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.flexbox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
.flexbox .item-auto {
  flex: 0 0 auto;
  min-width: 0;
}
.flexbox .item-fill {
  flex: 1;
  min-width: 0;
}
.regularSmallBlackText {
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  font-size: 12px;
  color: var(--neutral-primary-color, #333333);
}
.regularMediumGrayText {
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  font-size: 14px;
  color: var(--gray-140, #484644);
}
.sliderContentView.manageEmbed {
  padding: 0;
}
tri-powerbi-workspace-settings .sliderPane {
  left: inherit;
  right: inherit;
  top: inherit;
  bottom: inherit;
}
tri-powerbi-workspace-settings .manageEmbed {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  min-width: 0;
}
tri-powerbi-workspace-settings .manageEmbed .tableArea {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
}
tri-powerbi-workspace-settings .manageEmbed .userGroupHeader {
  display: none;
}
tri-powerbi-workspace-settings .manageEmbed .tableArea .manageEmbedTable tr td:first-of-type {
  max-width: 120px;
}
.manage-embed-actions {
  display: flex;
  align-items: center;
}
.manage-embed-action-button {
  border: none;
  background: none;
  width: 30px;
  padding: 4px 0;
  margin: 0;
}
.manageEmbed {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  overflow: auto;
  min-width: 960px;
}
.manageEmbed .tableArea {
  background: var(--white-color, #FFF);
  margin-top: 2px;
  position: absolute;
  top: 80px;
  left: 30px;
  right: 30px;
  bottom: 30px;
  overflow: auto;
}
.manageEmbed .tableArea .manageEmbedTable {
  border-collapse: collapse;
  table-layout: fixed;
}
.manageEmbed .tableArea .manageEmbedTable th {
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  font-size: 14px;
  color: var(--gray-140, #484644);
  text-align: left;
  padding: 0 92px 8px 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-collapse: collapse;
  border-spacing: 0;
  border-bottom-color: var(--neutral-tertiary-color, #A6A6A6);
  font-weight: normal;
  cursor: pointer;
}
.manageEmbed .tableArea .manageEmbedTable th.actions {
  cursor: default;
}
.manageEmbed .tableArea .manageEmbedTable tr {
  transition: background-color 0.2s;
}
.manageEmbed .tableArea .manageEmbedTable tr td:first-of-type {
  max-width: 500px;
  padding-right: 10px;
}
.manageEmbed .tableArea .manageEmbedTable tr.selected {
  background-color: var(--theme-light-color, #F2C811);
}
.manageEmbed .tableArea .manageEmbedTable tr .itemField {
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  font-size: 12px;
  color: var(--neutral-primary-color, #333333);
}
.manageEmbed .tableArea .manageEmbedTable tr .itemField.dateCreated {
  padding-right: 12px;
}
.manageEmbed .tableArea .manageEmbedTable td {
  text-align: left;
  padding: 8px 0 10px 0;
  border-left-width: 0;
  border-right-width: 0;
  color: var(--neutral-secondary-color, #666666);
  word-wrap: break-word;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  font-size: 14px;
  border-bottom: none;
  border-collapse: collapse;
  border-spacing: 0;
}
.manageEmbed .tableArea .manageEmbedTable td.actionsField a {
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
}
.manageEmbed .tableArea .manageEmbedTableEmpty {
  width: 500px;
  text-align: center;
  color: var(--neutral-primary-color-alt3, #515151);
  margin: 0 auto;
  padding-top: 200px;
}
.manageEmbed .tableArea .manageEmbedTableEmpty h2 {
  font-size: 24px;
  font-weight: normal;
}
.manageFlyout {
  position: absolute;
  display: none;
  min-width: 112px;
  max-width: 300px;
  z-index: 100;
  margin-left: 24px;
}
.manageFlyout .wrapper {
  border: 1px solid var(--neutral-tertiary-color, #A6A6A6);
  background: var(--white-color, #FFF);
  position: relative;
}
.manageFlyout .wrapper .manageFlyout-container {
  padding: 12px 0 12px 8px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  font-size: 12px;
  color: var(--neutral-primary-color, #333333);
}
.manageFlyout .wrapper .manageFlyout-container a {
  text-decoration: none;
  margin-left: 8px;
}
.manageFlyout .wrapper .manageFlyout-container .action {
  margin-bottom: 10px;
}
.manageFlyout .wrapper .manageFlyout-container .glyphicon {
  height: 16px;
  vertical-align: middle;
}
.manageFlyout .wrapper .manageFlyout-container .alignIcon {
  display: inline-block;
}
.manageFlyout .wrapper .arrow {
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  background: var(--white-color, #FFF);
  transform: rotate(45deg);
  top: calc(50% - 6px);
  left: -6px;
  border-left: 1px solid var(--neutral-tertiary-color, #A6A6A6);
  border-bottom: 1px solid var(--neutral-tertiary-color, #A6A6A6);
}
.manageFlyout .wrapper .arrow.right {
  border-right: 0;
  border-bottom: 0;
  border-left: 1px solid var(--neutral-tertiary-color, #A6A6A6);
  border-top: 1px solid var(--neutral-tertiary-color, #A6A6A6);
}
.manageFlyout .wrapper:after {
  display: block;
  content: " ";
  clear: both;
}
.manageFlyout .wrapper.left:before {
  left: -11px;
  box-shadow: -2.5px 2.5px 5px -0.5px var(--neutral-light-color, #EAEAEA);
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.manageFlyout .wrapper.right:before {
  right: -11px;
  top: 50px;
  box-shadow: 2.5px -2.5px 5px -0.5px var(--neutral-light-color, #EAEAEA);
  border-right: 1px solid var(--neutral-light-color, #EAEAEA);
  border-top: 1px solid var(--neutral-light-color, #EAEAEA);
}
.manageFlyout.active {
  display: block;
}
.manageFlyout.inactive {
  display: none;
}
.waterMarkMsg {
  width: 600px;
  text-align: center;
  color: var(--neutral-secondary-color, #666666);
  margin: 0 auto;
  padding-top: 200px;
}
.waterMarkMsg .title,
.waterMarkMsg .content {
  margin-left: 70px;
  margin-right: 70px;
  white-space: pre-wrap;
}
.waterMarkMsg .title {
  font-size: 24px;
  font-weight: normal;
  font-family: 'Segoe UI Semilight', 'wf_segoe-ui_semilight', helvetica, arial, sans-serif;
}
.waterMarkMsg .content {
  font-size: 14px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
}
.waterMarkMsg .linkText {
  text-decoration: underline;
  cursor: pointer;
}
.waterMarkMsg pbi-button {
  margin-top: 10px;
}
.waterMarkMsg .empty-alerts-img,
.waterMarkMsg .empty-apps-img,
.waterMarkMsg .empty-search-img,
.waterMarkMsg .empty-recent-img,
.waterMarkMsg .empty-shared-with-me-img,
.waterMarkMsg .empty-dashboards-img,
.waterMarkMsg .empty-reports-img,
.waterMarkMsg .empty-workbooks-img,
.waterMarkMsg .empty-datasets-img,
.waterMarkMsg .empty-emailsubscriptions-img,
.waterMarkMsg .empty-datapools-img {
  margin: 0 auto;
}
.waterMarkMsg .empty-apps-img {
  background-image: url("../images/powerBI.sprites.png");
  background-position: -500px -332px;
  width: 300px;
  height: 197px;
}
.waterMarkMsg .empty-search-img {
  background-image: url("../images/powerBI.sprites.png");
  background-position: 0px -788px;
  width: 300px;
  height: 196px;
}
.waterMarkMsg .empty-recent-img {
  background-image: url("../images/powerBI.sprites.png");
  background-position: -880px -392px;
  width: 300px;
  height: 196px;
}
.waterMarkMsg .empty-shared-with-me-img {
  background-image: url("../images/powerBI.sprites.png");
  background-position: -300px -788px;
  width: 300px;
  height: 196px;
}
.waterMarkMsg .empty-dashboards-img {
  background-image: url("../images/powerBI.sprites.png");
  background-position: -300px -592px;
  width: 300px;
  height: 196px;
}
.waterMarkMsg .empty-reports-img {
  background-image: url("../images/powerBI.sprites.png");
  background-position: -880px -588px;
  width: 300px;
  height: 196px;
}
.waterMarkMsg .empty-workbooks-img {
  background-image: url("../images/powerBI.sprites.png");
  background-position: 0px -984px;
  width: 300px;
  height: 196px;
}
.waterMarkMsg .empty-datasets-img {
  background-image: url("../images/powerBI.sprites.png");
  background-position: -880px 0px;
  width: 300px;
  height: 196px;
}
.waterMarkMsg .empty-emailsubscriptions-img {
  background-image: url("../images/powerBI.sprites.png");
  background-position: -600px -788px;
  width: 300px;
  height: 196px;
}
.waterMarkMsg .empty-alerts-img {
  background-image: url("../images/powerBI.sprites.png");
  background-position: 0px -592px;
  width: 300px;
  height: 196px;
}
.waterMarkMsg .empty-datapools-img {
  background-image: url("../images/powerBI.sprites.png");
  background-position: -300px -984px;
  width: 300px;
  height: 196px;
}
.home-welcome-image {
  background-image: url("../images/powerBI.sprites.png");
  background-position: -880px -196px;
  width: 300px;
  height: 196px;
  transform: scale(0.8);
  transform-origin: 0 0;
}
.empty-apps-img {
  background-image: url("../images/powerBI.sprites.png");
  background-position: -500px -332px;
  width: 300px;
  height: 197px;
}
.empty-search-img {
  background-image: url("../images/powerBI.sprites.png");
  background-position: 0px -788px;
  width: 300px;
  height: 196px;
}
.empty-recent-img {
  background-image: url("../images/powerBI.sprites.png");
  background-position: -880px -392px;
  width: 300px;
  height: 196px;
}
.empty-shared-with-me-img {
  background-image: url("../images/powerBI.sprites.png");
  background-position: -300px -788px;
  width: 300px;
  height: 196px;
}
.empty-dashboards-img {
  background-image: url("../images/powerBI.sprites.png");
  background-position: -300px -592px;
  width: 300px;
  height: 196px;
}
.empty-reports-img {
  background-image: url("../images/powerBI.sprites.png");
  background-position: -880px -588px;
  width: 300px;
  height: 196px;
}
.empty-workbooks-img {
  background-image: url("../images/powerBI.sprites.png");
  background-position: 0px -984px;
  width: 300px;
  height: 196px;
}
.empty-datasets-img {
  background-image: url("../images/powerBI.sprites.png");
  background-position: -880px 0px;
  width: 300px;
  height: 196px;
}
.empty-emailsubscriptions-img {
  background-image: url("../images/powerBI.sprites.png");
  background-position: -600px -788px;
  width: 300px;
  height: 196px;
}
.empty-alerts-img {
  background-image: url("../images/powerBI.sprites.png");
  background-position: 0px -592px;
  width: 300px;
  height: 196px;
}
.empty-datapools-img {
  background-image: url("../images/powerBI.sprites.png");
  background-position: -300px -984px;
  width: 300px;
  height: 196px;
}
/*
//-----------------------------------------------------------------------
// <copyright company='Microsoft Corporation'>
//        Copyright (c) Microsoft Corporation.  All rights reserved.
// </copyright>
//-----------------------------------------------------------------------
*/
.publishToWeb .reportEmbed {
  min-height: 400px;
  width: 600px;
}
.publishToWeb .optimizePublishToWebDialog {
  height: 570px;
  width: 1150px;
  max-width: 1200px;
}
@media (max-height: 600px) {
  .publishToWeb .optimizePublishToWebDialog {
    height: 480px;
    max-height: 480px;
    width: 750px;
  }
  .publishToWeb .optimizePublishToWebDialog .frame .dialogHeader {
    margin: 5px;
  }
  .publishToWeb .optimizePublishToWebDialog .dialogFooter .buttons {
    bottom: 0px;
  }
  .publishToWeb .optimizePublishToWebDialog .leftPane .title.successTitle {
    margin-bottom: 10px;
  }
}

/*
 * Color styles MUST be set through the color palette in colors.less. This
 * will allow us to easily change the palette and get a consistent look. DO NOT
 * hard-code colors directly inside classes.
 *
 * To get integrated VS support for LESS install the Visual Studio Web Essentials.
 */
/**
 * Styles
 */
.editing .appBarContent {
  background: var(--neutral-light-color, #EAEAEA);
}
.editing .appBarContent ul > li button {
  color: var(--neutral-primary-color, #333333);
}
.editing .appBarContent ul > li button:focus {
  background-color: transparent;
}
.editing .appBarContent ul > li button:hover,
.editing .appBarContent ul > li button.active {
  background-color: var(--neutral-tertiary-alt-color, #C8C8C8);
}
@media screen and (max-width: 1700px) {
  .editing .appBarContent .right .errorMessage,
  .editing .appBarContent .right span:not(.displayOnSmallScreen) {
    display: none;
  }
}
.reading .appBarContent {
  background: var(--neutral-primary-color, #333333);
}
.reading .appBarContent ul > li button {
  color: var(--white-color, #FFF);
}
.reading .appBarContent ul > li button:hover {
  background-color: var(--neutral-primary-color-alt2, #4a4a4a);
}
.reading .appBarContent ul > li button:focus {
  background-color: transparent;
}
.explorationContainer .appBarContent .resetUserState {
  /* This button has a yellow badge behind the icon to call out active state */
}
.explorationContainer .appBarContent .resetUserState:not([disabled]) i.glyphicon {
  align-items: center;
  background-color: var(--theme-primary-color, #F2C811);
  border-radius: 12px;
  color: var(--black-color, #000);
  display: flex;
  flex: none;
  height: 20px;
  justify-content: center;
  width: 20px;
  /* This aligns the glyph inserted ::before the icon element */
}
.explorationContainer .appBarContent .resetUserState:not([disabled]) i.glyphicon::before {
  position: relative;
  top: 2px;
}
.explorationContainer .appBarContent .bookmarks-menu i.pbi-glyph-single-bookmark-solid {
  color: #F2C811;
}
.explorationContainer .appBarContent .bookmarks-menu span {
  max-width: 70px;
}
.explorationContainer .appBarContent ul > li pbi-toggle {
  margin-bottom: 0px;
  align-self: center;
  padding-right: 2px;
}
.explorationContainer .appBarContent ul > li .newUsageMetricsUI label {
  color: var(--white-color, #FFF);
  font-size: 12px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
}
/** App Bar Menus */
ul.explorationAppBarMenu {
  min-width: 220px;
  color: var(--neutral-primary-color, #333333);
  background: var(--white-color, #FFF);
  border: 1px solid var(--report-border-color_editing, #e1e1e1);
  font-size: 12px;
}
ul.explorationAppBarMenu.explore {
  min-width: 180px;
}
ul.explorationAppBarMenu.dark {
  background: var(--neutral-primary-color, #333333);
}
ul.explorationAppBarMenu.dark .dropdown-item {
  border: 1px solid transparent;
}
ul.explorationAppBarMenu.dark .dropdown-item.selected {
  background: var(--neutral-secondary-color, #666666);
}
ul.explorationAppBarMenu.dark .dropdown-item:focus {
  background: transparent;
  border-color: var(--neutral-tertiary-color, #A6A6A6);
  border-radius: 2px;
}
ul.explorationAppBarMenu.dark .dropdown-item:hover {
  background: var(--neutral-primary-color-alt2, #4a4a4a);
}
ul.explorationAppBarMenu .dropdown-item:hover {
  background-color: var(--neutral-light-color, #EAEAEA);
}
ul.explorationAppBarMenu .dropdown-item,
ul.explorationAppBarMenu button.dropdown-action {
  position: relative;
  display: block;
  overflow: hidden;
  text-align: left;
  width: 100%;
  height: 55px;
  padding: 0;
}
ul.explorationAppBarMenu .dropdown-item.selected,
ul.explorationAppBarMenu button.dropdown-action.selected {
  background: var(--neutral-tertiary-alt-color, #C8C8C8);
}
ul.explorationAppBarMenu .dropdown-item[disabled],
ul.explorationAppBarMenu button.dropdown-action[disabled] {
  opacity: 0.3;
}
ul.explorationAppBarMenu .dropdown-item[disabled]:hover,
ul.explorationAppBarMenu button.dropdown-action[disabled]:hover {
  background: none;
}
ul.explorationAppBarMenu .dropdown-item .dropdown-content,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: 10px 13px no-repeat;
  padding-left: 60px;
  cursor: default;
  padding-right: 5px;
  height: 100%;
}
ul.explorationAppBarMenu .dropdown-item .dropdown-content pbi-office-icon,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content pbi-office-icon {
  margin-left: 5px;
}
ul.explorationAppBarMenu .dropdown-item .dropdown-content pbi-office-icon.ClearAllSlicersWeb_16,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content pbi-office-icon.ClearAllSlicersWeb_16,
ul.explorationAppBarMenu .dropdown-item .dropdown-content pbi-office-icon.Rectangle_16,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content pbi-office-icon.Rectangle_16,
ul.explorationAppBarMenu .dropdown-item .dropdown-content pbi-office-icon.Oval_16,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content pbi-office-icon.Oval_16,
ul.explorationAppBarMenu .dropdown-item .dropdown-content pbi-office-icon.TriangleIsoc_16,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content pbi-office-icon.TriangleIsoc_16,
ul.explorationAppBarMenu .dropdown-item .dropdown-content pbi-office-icon.LineWeb_16,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content pbi-office-icon.LineWeb_16,
ul.explorationAppBarMenu .dropdown-item .dropdown-content pbi-office-icon.ArrowRightWeb_16,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content pbi-office-icon.ArrowRightWeb_16 {
  height: 16px;
  width: 16px;
  transform: none;
  position: relative;
  position: absolute;
  left: 10px;
  top: 7px;
  content: '';
}
ul.explorationAppBarMenu .dropdown-item .dropdown-content pbi-office-icon.ApplyAllSlicersWeb_15x17,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content pbi-office-icon.ApplyAllSlicersWeb_15x17 {
  height: 15px;
  width: 17px;
  transform: none;
  position: relative;
  position: absolute;
  left: 10px;
  top: 7px;
  content: '';
}
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-save::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-save::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-print::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-print::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-code::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-code::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-saveas::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-saveas::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-publishtoweb::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-publishtoweb::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-powerpoint::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-powerpoint::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-download2::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-download2::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-sharepoint::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-sharepoint::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-seedata::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-seedata::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-expand::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-expand::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-inline-drill::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-inline-drill::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-drilldowndisabled::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-drilldowndisabled::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-drillthrough::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-drillthrough::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-drillup::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-drillup::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-drilltodetail::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-drilltodetail::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-powerbi::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-powerbi::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-powerbi-service::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-powerbi-service::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-fittopage2::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-fittopage2::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-fittowidth::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-fittowidth::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-actualsize::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-actualsize::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-showgrid::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-showgrid::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-snaptogrid::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-snaptogrid::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-lock::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-lock::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-show::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-show::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-bookmark::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-bookmark::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-eraser::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-eraser::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-pagelistfilter::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-pagelistfilter::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-filtersync::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-filtersync::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-visualinteraction::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-visualinteraction::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-drillFilterOtherVisuals::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-drillFilterOtherVisuals::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-back::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-back::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-next::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-next::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-home::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-home::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-info::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-info::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-help::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-help::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-qna::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-qna::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-insight::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-insight::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-rightarrow::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-rightarrow::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-reload::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-reload::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-backarrow::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-backarrow::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-blank::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-blank::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-blankflyout::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-blankflyout::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-smartguides::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-smartguides::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-pdf::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-pdf::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-databaseicon::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-databaseicon::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-barchart::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-barchart::before,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.chartStylesGallery::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.chartStylesGallery::before {
  content: none;
}
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-save,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-save,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-print,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-print,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-code,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-code,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-saveas,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-saveas,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-publishtoweb,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-publishtoweb,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-powerpoint,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-powerpoint,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-download2,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-download2,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-sharepoint,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-sharepoint,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-seedata,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-seedata,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-expand,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-expand,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-inline-drill,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-inline-drill,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-drilldowndisabled,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-drilldowndisabled,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-drillthrough,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-drillthrough,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-drillup,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-drillup,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-drilltodetail,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-drilltodetail,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-powerbi,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-powerbi,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-powerbi-service,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-powerbi-service,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-fittopage2,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-fittopage2,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-fittowidth,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-fittowidth,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-actualsize,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-actualsize,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-showgrid,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-showgrid,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-snaptogrid,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-snaptogrid,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-lock,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-lock,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-bookmark,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-bookmark,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-eraser,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-eraser,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-pagelistfilter,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-pagelistfilter,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-show,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-show,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-filtersync,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-filtersync,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-visualinteraction,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-visualinteraction,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-drillFilterOtherVisuals,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-drillFilterOtherVisuals,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-back,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-back,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-next,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-next,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-home,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-home,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-info,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-info,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-help,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-help,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-qna,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-qna,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-insight,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-insight,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-rightarrow,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-rightarrow,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-reload,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-reload,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-backarrow,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-backarrow,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-blank,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-blank,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-smartguides,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-smartguides,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-pdf,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-pdf,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-databaseicon,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-databaseicon,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-barchart,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-barchart,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.chartStylesGallery,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.chartStylesGallery {
  transform: none;
  position: relative;
}
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-save i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-save i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-print i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-print i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-code i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-code i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-saveas i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-saveas i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-publishtoweb i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-publishtoweb i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-powerpoint i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-powerpoint i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-download2 i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-download2 i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-sharepoint i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-sharepoint i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-seedata i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-seedata i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-expand i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-expand i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-inline-drill i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-inline-drill i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-drilldowndisabled i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-drilldowndisabled i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-drillthrough i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-drillthrough i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-drillup i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-drillup i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-drilltodetail i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-drilltodetail i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-powerbi i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-powerbi i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-powerbi-service i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-powerbi-service i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-fittopage2 i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-fittopage2 i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-fittowidth i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-fittowidth i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-actualsize i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-actualsize i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-showgrid i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-showgrid i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-snaptogrid i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-snaptogrid i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-lock i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-lock i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-bookmark i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-bookmark i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-eraser i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-eraser i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-pagelistfilter i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-pagelistfilter i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-show i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-show i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-filtersync i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-filtersync i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-visualinteraction i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-visualinteraction i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-drillFilterOtherVisuals i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-drillFilterOtherVisuals i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-back i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-back i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-next i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-next i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-home i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-home i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-info i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-info i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-help i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-help i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-qna i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-qna i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-insight i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-insight i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-rightarrow i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-rightarrow i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-reload i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-reload i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-backarrow i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-backarrow i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-blank i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-blank i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-smartguides i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-smartguides i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-pdf i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-pdf i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-databaseicon i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-databaseicon i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-barchart i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-barchart i,
ul.explorationAppBarMenu .dropdown-item .dropdown-content.chartStylesGallery i,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.chartStylesGallery i {
  position: absolute;
  left: 10px;
  top: 7px;
  content: '';
}
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-blankflyout i.pbi-glyph-blankflyout,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-blankflyout i.pbi-glyph-blankflyout {
  position: absolute;
  left: 10px;
  top: 7px;
  content: '';
}
ul.explorationAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-blankflyout i.pbi-glyph-chevronrightmedium,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.pbi-glyph-blankflyout i.pbi-glyph-chevronrightmedium {
  margin-left: auto;
  margin-right: 10px;
}
ul.explorationAppBarMenu .dropdown-item .dropdown-content.shareWithPeople .dropdown-label::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.shareWithPeople .dropdown-label::before {
  background-image: url("../images/explorationContainer.sprites.png");
  background-position: -844px -529px;
  width: 32px;
  height: 32px;
  position: absolute;
  left: 10px;
  content: '';
}
ul.explorationAppBarMenu .dropdown-item .dropdown-content.embed .dropdown-label::before,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content.embed .dropdown-label::before {
  background-image: url("../images/explorationContainer.sprites.png");
  background-position: -1120px -828px;
  width: 32px;
  height: 32px;
  position: absolute;
  left: 10px;
  content: '';
}
ul.explorationAppBarMenu .dropdown-item .dropdown-content .dropdown-label,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content .dropdown-label {
  padding-top: 10px;
  font-family: 'Segoe UI Bold', 'wf_segoe-ui_bold', helvetica, arial, sans-serif;
  /* fix for chrome's bold rendering */
}
ul.explorationAppBarMenu .dropdown-item .dropdown-content .dropdown-description,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content .dropdown-description {
  white-space: nowrap;
}
ul.explorationAppBarMenu .dropdown-item .dropdown-content > *,
ul.explorationAppBarMenu button.dropdown-action .dropdown-content > * {
  line-height: 1.4;
  color: var(--neutral-primary-color, #333333);
}
ul.explorationAppBarMenu .dropdown-item.explore .dropdown-label,
ul.explorationAppBarMenu button.dropdown-action.explore .dropdown-label {
  flex: 1 0 auto;
}
ul.explorationAppBarMenu .dropdown-item.explore,
ul.explorationAppBarMenu button.dropdown-action.explore,
ul.explorationAppBarMenu .dropdown-item.view-menu,
ul.explorationAppBarMenu button.dropdown-action.view-menu,
ul.explorationAppBarMenu .dropdown-item.visualInteractions-menu,
ul.explorationAppBarMenu button.dropdown-action.visualInteractions-menu,
ul.explorationAppBarMenu .dropdown-item.shape-menu,
ul.explorationAppBarMenu button.dropdown-action.shape-menu,
ul.explorationAppBarMenu .dropdown-item.actionButton-menu,
ul.explorationAppBarMenu button.dropdown-action.actionButton-menu {
  height: 35px;
}
ul.explorationAppBarMenu .dropdown-item.explore .dropdown-content,
ul.explorationAppBarMenu button.dropdown-action.explore .dropdown-content,
ul.explorationAppBarMenu .dropdown-item.view-menu .dropdown-content,
ul.explorationAppBarMenu button.dropdown-action.view-menu .dropdown-content,
ul.explorationAppBarMenu .dropdown-item.visualInteractions-menu .dropdown-content,
ul.explorationAppBarMenu button.dropdown-action.visualInteractions-menu .dropdown-content,
ul.explorationAppBarMenu .dropdown-item.shape-menu .dropdown-content,
ul.explorationAppBarMenu button.dropdown-action.shape-menu .dropdown-content,
ul.explorationAppBarMenu .dropdown-item.actionButton-menu .dropdown-content,
ul.explorationAppBarMenu button.dropdown-action.actionButton-menu .dropdown-content {
  display: flex;
  align-items: center;
  padding-top: 0;
}
ul.explorationAppBarMenu .dropdown-item.explore .dropdown-content .styleLibrary.formElement.toggle span,
ul.explorationAppBarMenu button.dropdown-action.explore .dropdown-content .styleLibrary.formElement.toggle span,
ul.explorationAppBarMenu .dropdown-item.view-menu .dropdown-content .styleLibrary.formElement.toggle span,
ul.explorationAppBarMenu button.dropdown-action.view-menu .dropdown-content .styleLibrary.formElement.toggle span,
ul.explorationAppBarMenu .dropdown-item.visualInteractions-menu .dropdown-content .styleLibrary.formElement.toggle span,
ul.explorationAppBarMenu button.dropdown-action.visualInteractions-menu .dropdown-content .styleLibrary.formElement.toggle span,
ul.explorationAppBarMenu .dropdown-item.shape-menu .dropdown-content .styleLibrary.formElement.toggle span,
ul.explorationAppBarMenu button.dropdown-action.shape-menu .dropdown-content .styleLibrary.formElement.toggle span,
ul.explorationAppBarMenu .dropdown-item.actionButton-menu .dropdown-content .styleLibrary.formElement.toggle span,
ul.explorationAppBarMenu button.dropdown-action.actionButton-menu .dropdown-content .styleLibrary.formElement.toggle span {
  padding-top: 0;
  padding-bottom: 0;
}
ul.explorationAppBarMenu .dropdown-item.explore .dropdown-label,
ul.explorationAppBarMenu button.dropdown-action.explore .dropdown-label,
ul.explorationAppBarMenu .dropdown-item.view-menu .dropdown-label,
ul.explorationAppBarMenu button.dropdown-action.view-menu .dropdown-label,
ul.explorationAppBarMenu .dropdown-item.visualInteractions-menu .dropdown-label,
ul.explorationAppBarMenu button.dropdown-action.visualInteractions-menu .dropdown-label,
ul.explorationAppBarMenu .dropdown-item.shape-menu .dropdown-label,
ul.explorationAppBarMenu button.dropdown-action.shape-menu .dropdown-label,
ul.explorationAppBarMenu .dropdown-item.actionButton-menu .dropdown-label,
ul.explorationAppBarMenu button.dropdown-action.actionButton-menu .dropdown-label {
  padding-top: 0;
}
ul.explorationAppBarMenu .dropdown-item.explore pbi-toggle,
ul.explorationAppBarMenu button.dropdown-action.explore pbi-toggle,
ul.explorationAppBarMenu .dropdown-item.view-menu pbi-toggle,
ul.explorationAppBarMenu button.dropdown-action.view-menu pbi-toggle,
ul.explorationAppBarMenu .dropdown-item.visualInteractions-menu pbi-toggle,
ul.explorationAppBarMenu button.dropdown-action.visualInteractions-menu pbi-toggle,
ul.explorationAppBarMenu .dropdown-item.shape-menu pbi-toggle,
ul.explorationAppBarMenu button.dropdown-action.shape-menu pbi-toggle,
ul.explorationAppBarMenu .dropdown-item.actionButton-menu pbi-toggle,
ul.explorationAppBarMenu button.dropdown-action.actionButton-menu pbi-toggle {
  background-color: initial;
  margin-bottom: 0;
  margin-left: auto;
  padding-left: 5px;
  pointer-events: auto;
}
ul.explorationAppBarMenu .dropdown-item.explore pbi-toggle input:not([disabled]):hover,
ul.explorationAppBarMenu button.dropdown-action.explore pbi-toggle input:not([disabled]):hover,
ul.explorationAppBarMenu .dropdown-item.view-menu pbi-toggle input:not([disabled]):hover,
ul.explorationAppBarMenu button.dropdown-action.view-menu pbi-toggle input:not([disabled]):hover,
ul.explorationAppBarMenu .dropdown-item.visualInteractions-menu pbi-toggle input:not([disabled]):hover,
ul.explorationAppBarMenu button.dropdown-action.visualInteractions-menu pbi-toggle input:not([disabled]):hover,
ul.explorationAppBarMenu .dropdown-item.shape-menu pbi-toggle input:not([disabled]):hover,
ul.explorationAppBarMenu button.dropdown-action.shape-menu pbi-toggle input:not([disabled]):hover,
ul.explorationAppBarMenu .dropdown-item.actionButton-menu pbi-toggle input:not([disabled]):hover,
ul.explorationAppBarMenu button.dropdown-action.actionButton-menu pbi-toggle input:not([disabled]):hover {
  cursor: pointer;
}
ul.explorationAppBarMenu .dropdown-item.explore pbi-toggle .toggleHandle,
ul.explorationAppBarMenu button.dropdown-action.explore pbi-toggle .toggleHandle,
ul.explorationAppBarMenu .dropdown-item.view-menu pbi-toggle .toggleHandle,
ul.explorationAppBarMenu button.dropdown-action.view-menu pbi-toggle .toggleHandle,
ul.explorationAppBarMenu .dropdown-item.visualInteractions-menu pbi-toggle .toggleHandle,
ul.explorationAppBarMenu button.dropdown-action.visualInteractions-menu pbi-toggle .toggleHandle,
ul.explorationAppBarMenu .dropdown-item.shape-menu pbi-toggle .toggleHandle,
ul.explorationAppBarMenu button.dropdown-action.shape-menu pbi-toggle .toggleHandle,
ul.explorationAppBarMenu .dropdown-item.actionButton-menu pbi-toggle .toggleHandle,
ul.explorationAppBarMenu button.dropdown-action.actionButton-menu pbi-toggle .toggleHandle {
  padding: 0;
}
ul.explorationAppBarMenu .dropdown-item.explore.dropdown-separator,
ul.explorationAppBarMenu button.dropdown-action.explore.dropdown-separator,
ul.explorationAppBarMenu .dropdown-item.view-menu.dropdown-separator,
ul.explorationAppBarMenu button.dropdown-action.view-menu.dropdown-separator,
ul.explorationAppBarMenu .dropdown-item.visualInteractions-menu.dropdown-separator,
ul.explorationAppBarMenu button.dropdown-action.visualInteractions-menu.dropdown-separator,
ul.explorationAppBarMenu .dropdown-item.shape-menu.dropdown-separator,
ul.explorationAppBarMenu button.dropdown-action.shape-menu.dropdown-separator,
ul.explorationAppBarMenu .dropdown-item.actionButton-menu.dropdown-separator,
ul.explorationAppBarMenu button.dropdown-action.actionButton-menu.dropdown-separator {
  height: 2px;
  border-bottom: 1px solid var(--secondary-chrome-color, rgba(102, 102, 102, 0.2));
  margin-bottom: 2px;
}
ul.explorationAppBarMenu .dropdown-item.explore .dropdown-content,
ul.explorationAppBarMenu button.dropdown-action.explore .dropdown-content,
ul.explorationAppBarMenu .dropdown-item.view-menu .dropdown-content,
ul.explorationAppBarMenu button.dropdown-action.view-menu .dropdown-content,
ul.explorationAppBarMenu .dropdown-item.visualInteractions-menu .dropdown-content,
ul.explorationAppBarMenu button.dropdown-action.visualInteractions-menu .dropdown-content,
ul.explorationAppBarMenu .dropdown-item.shape-menu .dropdown-content,
ul.explorationAppBarMenu button.dropdown-action.shape-menu .dropdown-content,
ul.explorationAppBarMenu .dropdown-item.actionButton-menu .dropdown-content,
ul.explorationAppBarMenu button.dropdown-action.actionButton-menu .dropdown-content {
  padding-left: 40px;
}
ul.explorationAppBarMenu .dropdown-item.explore .dropdown-label,
ul.explorationAppBarMenu button.dropdown-action.explore .dropdown-label,
ul.explorationAppBarMenu .dropdown-item.view-menu .dropdown-label,
ul.explorationAppBarMenu button.dropdown-action.view-menu .dropdown-label,
ul.explorationAppBarMenu .dropdown-item.visualInteractions-menu .dropdown-label,
ul.explorationAppBarMenu button.dropdown-action.visualInteractions-menu .dropdown-label,
ul.explorationAppBarMenu .dropdown-item.shape-menu .dropdown-label,
ul.explorationAppBarMenu button.dropdown-action.shape-menu .dropdown-label,
ul.explorationAppBarMenu .dropdown-item.actionButton-menu .dropdown-label,
ul.explorationAppBarMenu button.dropdown-action.actionButton-menu .dropdown-label {
  font-size: 14px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
}
ul.explorationAppBarMenu .dropdown-item.explore .glyphicon,
ul.explorationAppBarMenu button.dropdown-action.explore .glyphicon,
ul.explorationAppBarMenu .dropdown-item.view-menu .glyphicon,
ul.explorationAppBarMenu button.dropdown-action.view-menu .glyphicon,
ul.explorationAppBarMenu .dropdown-item.visualInteractions-menu .glyphicon,
ul.explorationAppBarMenu button.dropdown-action.visualInteractions-menu .glyphicon,
ul.explorationAppBarMenu .dropdown-item.shape-menu .glyphicon,
ul.explorationAppBarMenu button.dropdown-action.shape-menu .glyphicon,
ul.explorationAppBarMenu .dropdown-item.actionButton-menu .glyphicon,
ul.explorationAppBarMenu button.dropdown-action.actionButton-menu .glyphicon {
  margin-left: 5px;
}
ul.explorationAppBarMenu .dropdown-item.moreOptions,
ul.explorationAppBarMenu button.dropdown-action.moreOptions {
  height: 35px;
}
ul.explorationAppBarMenu .dropdown-item.moreOptions .dropdown-content,
ul.explorationAppBarMenu button.dropdown-action.moreOptions .dropdown-content {
  padding-left: 13px;
}
ul.explorationAppBarMenu .dropdown-item.moreOptions .dropdown-label,
ul.explorationAppBarMenu button.dropdown-action.moreOptions .dropdown-label {
  font-size: 14px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
}
ul.explorationAppBarMenu.fluentTheme {
  background-color: var(--fluent-theme-white-color, #FFF);
  color: var(--fluent-theme-neutral-primary-color, #323130);
  width: 240px;
  border: none;
}
ul.explorationAppBarMenu.fluentTheme h3 {
  color: var(--fluent-theme-neutral-primary-color, #323130);
  left: 8px;
  right: 32px;
  top: 9px;
  bottom: 8px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
ul.explorationAppBarMenu.fluentTheme .topHeader {
  padding-left: 8px;
  padding-top: 9px;
}
ul.explorationAppBarMenu.fluentTheme .topHeader mat-icon {
  color: var(--fluent-theme-neutral-primary-color, #323130);
  font-size: 14px;
  height: 20px;
  width: 14px;
  padding: 3px 0px;
}
ul.explorationAppBarMenu.fluentTheme .bottomHeader {
  background-color: var(--fluent-theme-white-color, #FFF);
  color: var(--fluent-theme-neutral-primary-color, #323130);
  border-top: 1px solid var(--fluent-theme-neutral-lighter-color, #F3F2F1);
}
ul.explorationAppBarMenu.fluentTheme.themeableElement {
  border: 1px solid var(--fluent-theme-white-color, #FFF);
  border-radius: 2px;
}
html[data-focus-source="key"] .newPaneColors.explorationContainer .reading .appBarContent ul > li button:focus::before,
html[data-focus-source="key"] .newPaneColors.explorationContainer .reading .appBarContent ul > li button:focus span {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
/** App Bar Menus */
ul.reportAppBarMenu {
  width: 270px;
  color: var(--neutral-primary-color, #333333);
  border: 1px solid var(--report-border-color_editing, #e1e1e1);
  font-size: 12px;
}
ul.reportAppBarMenu .dropdown-item {
  position: relative;
  display: block;
  height: 75px;
  padding: 0;
  overflow: hidden;
}
ul.reportAppBarMenu .dropdown-item > a {
  padding: 0;
}
ul.reportAppBarMenu .dropdown-item:hover {
  background: var(--theme-light-color, #F2C811);
}
ul.reportAppBarMenu .dropdown-item .dropdown-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: 10px 13px no-repeat;
  padding-left: 60px;
  cursor: default;
}
ul.reportAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-save::before,
ul.reportAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-print::before,
ul.reportAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-saveas::before {
  content: none;
}
ul.reportAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-save,
ul.reportAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-print,
ul.reportAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-saveas {
  position: relative;
}
ul.reportAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-save i,
ul.reportAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-print i,
ul.reportAppBarMenu .dropdown-item .dropdown-content.pbi-glyph-saveas i {
  position: absolute;
  left: 10px;
  top: 7px;
  content: '';
}
ul.reportAppBarMenu .dropdown-item .dropdown-content.exportToPowerPoint .dropdown-label::before {
  background-image: url("../images/explorationContainer.sprites.png");
  background-position: -643px -529px;
  width: 41px;
  height: 40px;
  position: absolute;
  left: 10px;
  content: '';
}
ul.reportAppBarMenu .dropdown-item .dropdown-content.shareWithPeople .dropdown-label::before {
  background-image: url("../images/explorationContainer.sprites.png");
  background-position: -844px -529px;
  width: 32px;
  height: 32px;
  position: absolute;
  left: 10px;
  content: '';
}
ul.reportAppBarMenu .dropdown-item .dropdown-content.embed .dropdown-label::before {
  background-image: url("../images/explorationContainer.sprites.png");
  background-position: -1120px -828px;
  width: 32px;
  height: 32px;
  position: absolute;
  left: 10px;
  content: '';
}
ul.reportAppBarMenu .dropdown-item .dropdown-content .dropdown-label {
  padding-top: 10px;
  font-family: 'Segoe UI Bold', 'wf_segoe-ui_bold', helvetica, arial, sans-serif;
  /* fix for chrome's bold rendering */
}
ul.reportAppBarMenu .dropdown-item .dropdown-content > * {
  line-height: 1.4;
  color: var(--neutral-primary-color, #333333);
}
.reportContainerContent .embeddedPV {
  background: var(--white-color, #FFF);
}
.reportContainerContent .editing {
  background: var(--report-background-color_editing, #fafafa);
}
.reportContainerContent .editing > * {
  background: var(--report-background-color_editing, #fafafa);
}
/* reading mode - default */
.reportContainerContent {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  background: var(--white-color, #FFF);
  z-index: 0;
  /* TODO: 8668295, stop styling .glyphicon globally */
}
.reportContainerContent .appBar {
  background: var(--neutral-primary-color, #333333);
}
.reportContainerContent i {
  padding-left: 5px;
  color: inherit;
}
.reportContainerContent i.glyphicon {
  margin-left: 5px;
  padding-left: 0;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* WebChart */
.webChart .webChartAxis {
  fill: none;
  stroke: #ddd;
  stroke-width: 1px;
}
.webChart .firstInstance {
  fill: rgba(235, 94, 94, 0.25);
  stroke: #eb5e5e;
  stroke-width: 2px;
  /*stroke-dasharray: 5,5;*/
}
.webChart .secondInstance {
  fill: rgba(131, 209, 52, 0.25);
  stroke: #83d134;
  stroke-width: 2px;
  /*stroke-dasharray: 5,5;*/
}
.webChart .webChartTitleLabel {
  font-size: 14px;
  font-family: 'Segoe UI Semibold', 'wf_segoe-ui_semibold', helvetica, arial, sans-serif;
}
.webChart .webChartValueLabel {
  font-size: 14px;
}
.partitionMap {
  font-size: 13px;
}
.partitionMap .partition {
  stroke: white;
  stroke-width: 2px;
}
.partitionMap .label {
  fill: white;
}
@media print {
  .slicer-container .scrollRegion {
    height: auto !important;
  }
  .slicer-container .scrollRegion .visibleGroup {
    transform: translate(0px, 0px) !important;
  }
}
.visual {
  /* Adding custom styles to the listView jQuery Scrollbar. */
  /* Only show the scrollbars on hover or when being dragged. */
  /* Animated Text (and card) Styles */
  /* Deprecated. Done use it for new charts. */
}
.visual .direct-edit-placeholder-outline {
  position: absolute;
  border: 1px black dashed;
  cursor: text;
}
.visual .flex {
  display: flex;
  display: -webkit-flex;
}
.visual .flex-row {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
}
.visual .flex-column {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.visual .flex-justify-content-center {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
}
.visual .flex-justify-content-start {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.visual .flex-justify-content-end {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}
.visual .flex-align-items-center {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.visual .flex-align-items-start {
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
}
.visual .flex-order-first {
  display: flex;
  display: -webkit-flex;
  order: 0;
  -webkit-order: 0;
}
.visual .flex-order-second {
  display: flex;
  display: -webkit-flex;
  order: 1;
  -webkit-order: 1;
}
.visual .flex-order-third {
  display: flex;
  display: -webkit-flex;
  order: 2;
  -webkit-order: 2;
}
.visual .flex-order-fourth {
  display: flex;
  display: -webkit-flex;
  order: 3;
  -webkit-order: 3;
}
.visual .flex-grow {
  display: flex;
  display: -webkit-flex;
  flex-grow: 1;
  -webkit-flex-grow: 1;
}
.visual a:link {
  color: var(--default-link-color, #1F3A93);
  text-decoration: underline;
}
.visual a:visited {
  color: var(--default-visited-link-color, #551A8B);
}
.visual a:active {
  color: var(--theme-primary-color, #F2C811);
}
.visual .powervisuals-glyph {
  font-size: inherit;
}
.visual .powervisuals-glyph.big-kpi {
  font-size: 48px;
}
.visual.disable-events {
  pointer-events: none;
}
.visual.disable-events-format-mode {
  pointer-events: none;
}
.visual.disable-events-format-mode .sub-selectable {
  pointer-events: auto;
}
.visual .slicer-container {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -webkit-tap-highlight-color: transparent;
}
html[data-focus-source="key"] .visual .slicer-container.focused .slicer-content-wrapper .slicerItemContainer:focus,
html[data-focus-source="key"] .visual .slicer-container.focused .slicerItemsContainer .individualItemContainer:focus,
html[data-focus-source="key"] .visual .slicer-container.focused .relative-slicer .selection-container .ui-selectmenu-button:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
  outline-offset: -1px;
}
html[data-focus-source="key"] .visual .slicer-container.focused .slicer-header-wrapper .slicer-header-clear:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.visual .slicer-container .slicer-header-wrapper {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
}
.visual .slicer-container .slicer-content-wrapper {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -webkit-flex: 1 0 0px;
  flex: 1 0 0px;
}
.visual .slicer-container .slicer-content-wrapper .scroll-wrapper {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  flex: 1 0 0px;
  -webkit-flex: 1 0 0px;
}
.visual .slicer-container .slicer-content-wrapper .searchHeader {
  overflow: hidden;
}
.visual .slicer-container .slicer-content-wrapper .searchHeader.collapsed {
  display: none;
}
.visual .slicer-container .slicer-content-wrapper .searchHeader.show {
  display: -webkit-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-width: 1px;
  border-bottom: 1px solid var(--neutral-tertiary-alt-color, #C8C8C8);
  min-height: 20px;
  margin: 0;
}
.visual .slicer-container .slicer-content-wrapper .searchHeader .search {
  cursor: pointer;
  margin: 0 8px;
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  color: var(--neutral-dark-color, #212121);
}
.visual .slicer-container .slicer-content-wrapper .searchHeader input {
  color: var(--neutral-primary-color, #333333);
  cursor: auto;
  align-self: center;
  flex: 1 1 0px;
  -webkit-flex: 1 1 0px;
  border-style: none;
  padding: 0;
}
html[data-focus-source="key"] .visual .slicer-container .slicer-content-wrapper .searchHeader input:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.visual .slicer-container .slicer-content-wrapper .searchHeader input:focus {
  outline: none;
}
.visual .slicer-container.full-screen .slicer-header {
  margin: 0;
  height: 28px;
  background-color: var(--neutral-light-color, #EAEAEA);
}
.visual .slicer-container.full-screen .slicer-header .slicer-header-title {
  margin: 0;
  height: inherit;
}
.visual .slicer-container.full-screen .slicer-header .slicer-header-title .slicer-header-clear {
  padding: 7px 14px 7px 10px;
}
.visual .slicer-container.full-screen .slicer-header .slicer-header-text {
  font-weight: bold;
  line-height: 14px;
  padding: 8px 44px 3px 16px;
  font-family: 'wf_standard-font', helvetica, arial, sans-serif;
}
.visual .slicer-container.full-screen .slicer-content-wrapper {
  background-color: var(--white-color, #FFF);
}
.visual .slicer-container.full-screen .slicer-content-wrapper .slicerContainer .searchHeader.show {
  border: none;
  border-bottom: 1px solid var(--neutral-tertiary-alt-color, #C8C8C8);
  line-height: 48px;
  min-height: 48px;
  position: relative;
  margin: 0;
}
.visual .slicer-container.full-screen .slicer-content-wrapper .slicerContainer .searchHeader .icon {
  display: inline-block;
  position: absolute;
}
.visual .slicer-container.full-screen .slicer-content-wrapper .slicerContainer .searchHeader .icon.hidden {
  display: none;
}
.visual .slicer-container.full-screen .slicer-content-wrapper .slicerContainer .searchHeader .icon.searchIcon {
  right: 10px;
}
.visual .slicer-container.full-screen .slicer-content-wrapper .slicerContainer .searchHeader .icon.clearSearchTextButton {
  font-size: 12px;
  right: 6px;
  padding: 0 10px;
}
.visual .slicer-container.full-screen .slicer-content-wrapper .slicerContainer .searchHeader .search {
  color: var(--neutral-tertiary-color, #A6A6A6);
}
.visual .slicer-container.full-screen .slicer-content-wrapper .slicerContainer .searchHeader input::-webkit-input-placeholder {
  color: var(--neutral-tertiary-color, #A6A6A6);
}
.visual .slicer-container.full-screen .slicer-content-wrapper .slicerContainer .searchHeader input:-moz-placeholder {
  /* Firefox 18- */
  color: var(--neutral-tertiary-color, #A6A6A6);
}
.visual .slicer-container.full-screen .slicer-content-wrapper .slicerContainer .searchHeader input::-moz-placeholder {
  /* Firefox 19+ */
  color: var(--neutral-tertiary-color, #A6A6A6);
}
.visual .slicer-container.full-screen .slicer-content-wrapper .slicerContainer .searchHeader input:-ms-input-placeholder {
  color: var(--neutral-tertiary-color, #A6A6A6);
}
.visual .slicer-container.full-screen .slicer-content-wrapper .slicerContainer .searchHeader input {
  color: var(--neutral-dark-color, #212121);
  padding: 0 44px 0 16px;
  font-size: 13px;
}
.visual .slicer-container.full-screen .slicer-content-wrapper .slicerContainer .slicerItemContainer {
  padding: 14px 0;
  height: 48px;
  border-bottom-color: var(--neutral-light-color, #EAEAEA);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  opacity: 1;
}
.visual .slicer-container.full-screen .slicer-content-wrapper .slicerContainer .slicerItemContainer .expandButton {
  margin-right: 0;
  margin-left: 8px;
}
.visual .slicer-container.full-screen .slicer-content-wrapper .slicerContainer .slicerItemContainer[disabled] {
  opacity: 0.5;
}
.visual .slicer-container.full-screen .slicer-content-wrapper .slicerContainer .slicerCheckbox {
  position: absolute;
  right: 0;
  margin: 0;
}
.visual .slicer-container.full-screen .slicer-content-wrapper .slicerContainer .slicerCheckbox .checkmark {
  margin-right: 19px;
  float: right;
  cursor: pointer;
  display: block;
  visibility: hidden;
}
.visual .slicer-container.full-screen .slicer-content-wrapper .slicerContainer .slicerCheckbox span {
  width: 9px;
  height: 9px;
  border: none;
  box-shadow: none;
}
.visual .slicer-container.full-screen .slicer-content-wrapper .slicerContainer .slicerCheckbox.selected span.checkmark {
  visibility: visible;
}
.visual .slicer-container.full-screen .slicer-content-wrapper .slicerContainer .slicerCheckbox.selected ~ .slicerText,
.visual .slicer-container.full-screen .slicer-content-wrapper .slicerContainer .slicerCheckbox.partiallySelected ~ .slicerText {
  font-family: 'Segoe UI Bold', 'wf_segoe-ui_bold', helvetica, arial, sans-serif !important;
}
.visual .slicer-container.full-screen .slicer-content-wrapper .slicerContainer .slicerText {
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  padding-left: 16px;
}
.visual .slicerContainer {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  cursor: pointer;
  font-size: 14px;
  flex: 1 0 0px;
  -webkit-flex: 1 0 0px;
  overflow: auto;
}
html[data-focus-source="key"] .visual .slicerContainer:focus-within {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.visual .slicerContainer .slicerBody {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  flex: 1 0 0px;
  -webkit-flex: 1 0 0px;
}
.visual .slicerContainer .slicerBody .slicerEmptyResult {
  margin-top: 0px;
  margin-bottom: 0px;
}
.visual .slicerContainer .row {
  display: flex;
}
.visual .slicerContainer .slicerItemContainer {
  margin: 0;
  padding: 2px 0 0 8px;
  box-sizing: border-box;
  white-space: nowrap;
  cursor: pointer;
  display: -webkit-box !important;
  display: flex !important;
  justify-content: space-between;
  overflow: hidden;
  align-items: center;
  width: 100%;
  outline: none;
  opacity: 1;
}
.visual .slicerContainer .slicerItemContainer[disabled] {
  opacity: 0.5;
}
.visual .slicerContainer .slicerItemContainer .expandButton {
  display: block;
  margin-right: 8px;
  margin-bottom: 2px;
}
.visual .slicerContainer .slicerItemContainer * {
  display: table-cell;
  vertical-align: bottom;
}
.visual .slicerContainer .slicerItemContainer img {
  max-width: 100px;
  width: 100%;
}
.visual .slicerContainer .slicerItemContainer:hover .expand-collapse-button {
  color: var(--expand-icon-hover-color, var(--gray-140, #484644));
}
.visual .slicerContainer .slicerItemContainer:hover .slicerCheckbox span,
.visual .slicerContainer .slicerItemContainer:hover .partiallySelected .checkboxOutlineContrast {
  color: var(--gray-140, #484644);
}
.visual .slicerContainer .slicerCheckbox {
  cursor: pointer;
  vertical-align: middle;
  align-self: center;
  margin-right: 8px;
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  display: flex;
  --slicer-selected-color: var(--neutral-dark-color, #212121);
  --slicer-partial-selected-color: var(--neutral-tertiary-alt-color, #C8C8C8);
}
[data-legacy-theming="false"] .visual .slicerContainer .slicerCheckbox {
  --slicer-selected-color: #212121;
  --slicer-partial-selected-color: #C8C8C8;
}
.visual .slicerContainer .slicerCheckbox input {
  display: none;
}
.visual .slicerContainer .slicerCheckbox span {
  font-size: 13.333px;
}
.visual .slicerContainer .slicerCheckbox span.checkbox::before {
  content: '\E739';
}
.visual .slicerContainer .slicerCheckbox span.radiobutton::before {
  content: '\ECCA';
}
.visual .slicerContainer .slicerCheckbox .checkboxOutline {
  color: var(--neutral-secondary-color, #666666);
}
.visual .slicerContainer .slicerCheckbox .checkboxOutlineContrast {
  color: var(--gray-120, #797775);
}
.visual .slicerContainer .slicerCheckbox.selected span {
  color: var(--slicer-selected-color);
}
.visual .slicerContainer .slicerCheckbox.selected span.checkbox::before {
  content: '\E73B';
}
.visual .slicerContainer .slicerCheckbox.selected span.radiobutton::before {
  content: '\ECCB';
}
.visual .slicerContainer .slicerCheckbox.partiallySelected span {
  color: var(--slicer-partial-selected-color);
}
.visual .slicerContainer .slicerCheckbox.partiallySelected span.checkboxOutlineContrast {
  color: var(--neutral-secondary-alt-color, #777777);
}
.visual .slicerContainer .slicerCheckbox.partiallySelected span.checkbox::before {
  content: '\F16E';
}
.visual .slicerContainer .slicerCheckbox.partiallySelected span.radiobutton::before {
  content: '\ECCB';
}
.visual .slicerContainer .slicerText {
  align-self: center;
  flex: 1 1 0px;
  -webkit-flex: 1 1 0px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.visual .slicerContainer .slicerCountText {
  align-self: center;
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  display: inline-block;
}
.visual .slicerContainer.isMultiSelectEnabled .slicerCheckbox.selected:not(.partiallySelected) {
  /* TODO: Use a checkmark glyph rather than drawing a custom one using transforms and offsets. */
}
.visual .slicerContainer.isMultiSelectEnabled .slicerCheckbox.selected:not(.partiallySelected) span.checkbox::before {
  content: '\E73D';
  /* Done for back compatibility*/
  background-color: var(--white-color, #FFF);
}
.visual .horizontalSlicerContainer {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
}
.visual .horizontalSlicerContainer.canScrollRight .navigationArrow.right {
  visibility: visible;
  flex-shrink: 0;
}
.visual .horizontalSlicerContainer.canScrollRight .tabularNavigationArrow.right {
  visibility: visible;
  flex-shrink: 0;
}
.visual .horizontalSlicerContainer.canScrollLeft .navigationArrow.left {
  visibility: visible;
  flex-shrink: 0;
}
.visual .horizontalSlicerContainer.canScrollLeft .tabularNavigationArrow.left {
  visibility: visible;
  flex-shrink: 0;
}
.visual .horizontalSlicerContainer.tabular {
  width: 100%;
  height: 100%;
}
.visual .horizontalSlicerContainer.tabular .slicerItemsContainer .individualItemContainer {
  flex: 1 1 0px;
  -webkit-flex: 1 1 0px;
  margin: 2px;
  outline: none;
  opacity: 1;
}
.visual .horizontalSlicerContainer.tabular .slicerItemsContainer .individualItemContainer[disabled] {
  opacity: 0.5;
}
.visual .horizontalSlicerContainer.tabular .slicerItemsContainer .containerBackground {
  background-color: var(--neutral-light-color, #EAEAEA);
}
.visual .horizontalSlicerContainer.tabular .slicerItemsContainer .containerBackgroundContrast {
  background-color: var(--globalColorWhite);
}
.visual .horizontalSlicerContainer.tabular .tabularNavigationArrow {
  visibility: hidden;
  background-color: transparent;
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
}
.visual .horizontalSlicerContainer.tabular .tabularNavigationArrow.right {
  margin-left: 5px;
  width: 14px;
  height: 24px;
}
.visual .horizontalSlicerContainer.tabular .tabularNavigationArrow.right.powervisuals-glyph {
  font-size: inherit;
}
.visual .horizontalSlicerContainer.tabular .tabularNavigationArrow.right.powervisuals-glyph.right-nav-arrow {
  font-size: 16px;
}
.visual .horizontalSlicerContainer.tabular .tabularNavigationArrow.left {
  margin-right: 5px;
  width: 14px;
  height: 24px;
}
.visual .horizontalSlicerContainer.tabular .tabularNavigationArrow.left.powervisuals-glyph {
  font-size: inherit;
}
.visual .horizontalSlicerContainer.tabular .tabularNavigationArrow.left.powervisuals-glyph.left-nav-arrow {
  font-size: 16px;
}
.visual .horizontalSlicerContainer .navigationArrow {
  visibility: hidden;
  background-color: white;
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
}
.visual .horizontalSlicerContainer .navigationArrow.right {
  background-image: url("../images/visuals.sprites.png");
  background-position: -62px -72px;
  width: 14px;
  height: 24px;
  margin-left: 5px;
}
.visual .horizontalSlicerContainer .navigationArrow.left {
  background-image: url("../images/visuals.sprites.png");
  background-position: -48px -72px;
  width: 14px;
  height: 24px;
  margin-right: 5px;
}
.visual .horizontalSlicerContainer .flexDisplay {
  display: -webkit-flex;
  display: flex;
}
.visual .horizontalSlicerContainer .slicerBody {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  align-items: center;
  flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  justify-content: space-between;
}
.visual .horizontalSlicerContainer .slicerItemsContainer {
  vertical-align: top;
  flex-direction: row;
  align-self: stretch;
  flex: 1 0 0px;
  -webkit-flex: 1 0 0px;
  min-width: 0px;
}
.visual .horizontalSlicerContainer .slicerItemsContainer .selection-properties.selected,
.visual .horizontalSlicerContainer .slicerItemsContainer .selection-properties.partiallySelected {
  color: var(--white-color, #FFF) !important;
}
.visual .horizontalSlicerContainer .slicerItemsContainer .selection-properties.selected .slicerCheckbox,
.visual .horizontalSlicerContainer .slicerItemsContainer .selection-properties.partiallySelected .slicerCheckbox {
  opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
  .visual .horizontalSlicerContainer .slicerItemsContainer .selection-properties:hover {
    background-color: var(--neutral-light-color, #EAEAEA) !important;
  }
  .visual .horizontalSlicerContainer .slicerItemsContainer .selection-properties:hover .slicerCheckbox {
    opacity: 1;
  }
}
.visual .horizontalSlicerContainer .slicerItemsContainer .selection-properties.selected {
  background-color: var(--neutral-primary-color, #333333) !important;
}
.visual .horizontalSlicerContainer .slicerItemsContainer .selection-properties.selected .slicerCheckbox {
  opacity: 1;
}
.visual .horizontalSlicerContainer .slicerItemsContainer .selection-properties.partiallySelected {
  background-color: rgba(51, 51, 51, 0.6) !important;
}
.visual .horizontalSlicerContainer .slicerItemsContainer .selection-properties.partiallySelected .slicerCheckbox {
  opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
  .visual .horizontalSlicerContainer .slicerItemsContainer .selection-properties.selected:hover,
  .visual .horizontalSlicerContainer .slicerItemsContainer .selection-properties.partiallySelected:hover {
    background-color: var(--neutral-primary-color-alt3, #515151) !important;
  }
  .visual .horizontalSlicerContainer .slicerItemsContainer .selection-properties.selected:hover .slicerCheckbox,
  .visual .horizontalSlicerContainer .slicerItemsContainer .selection-properties.partiallySelected:hover .slicerCheckbox {
    opacity: 1;
  }
}
.visual .horizontalSlicerContainer .slicerItemsContainer .columnItemContainer {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  flex: 1 1 0px;
  min-width: 0px;
}
.visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer {
  flex: 1 1 0px;
  -webkit-flex: 1 1 0px;
  box-sizing: border-box;
  align-items: center;
  min-width: 0px;
  justify-content: center;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  outline: none;
  opacity: 1;
}
.visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer.selected,
.visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer.partiallySelected {
  color: var(--white-color, #FFF) !important;
}
.visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer.selected .slicerCheckbox,
.visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer.partiallySelected .slicerCheckbox {
  opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
  .visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer:hover {
    background-color: var(--neutral-light-color, #EAEAEA) !important;
  }
  .visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer:hover .slicerCheckbox {
    opacity: 1;
  }
}
.visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer.selected {
  background-color: var(--neutral-primary-color, #333333) !important;
}
.visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer.selected .slicerCheckbox {
  opacity: 1;
}
.visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer.partiallySelected {
  background-color: rgba(51, 51, 51, 0.6) !important;
}
.visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer.partiallySelected .slicerCheckbox {
  opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
  .visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer.selected:hover,
  .visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer.partiallySelected:hover {
    background-color: var(--neutral-primary-color-alt3, #515151) !important;
  }
  .visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer.selected:hover .slicerCheckbox,
  .visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer.partiallySelected:hover .slicerCheckbox {
    opacity: 1;
  }
}
.visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer.selected .slicerText {
  color: var(--white-color, #FFF);
}
@media (hover: hover) and (pointer: fine) {
  .visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer .slicerText:hover,
  .visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer.selected .slicerText:hover {
    color: var(--neutral-primary-color, #333333);
    cursor: pointer;
  }
}
html[data-focus-source="key"] .visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer.selected:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
  outline-offset: -3px;
}
.visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer[disabled] {
  opacity: 0.5;
}
.visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer .horizontalImageContainer {
  flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  height: 100%;
  position: relative;
  overflow: hidden;
  justify-content: center;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  opacity: 1;
}
.visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer .horizontalImageContainer .horizontalSlicerImage {
  flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  min-width: 0px;
  max-width: 100px;
  width: 100%;
}
.visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer .horizontalImageContainer .slicerCheckbox {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
.visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer .horizontalImageContainer[disabled] {
  opacity: 0.5;
}
.visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer .slicerText {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  box-sizing: border-box;
  padding: 4px 0;
  flex: 1 1 0px;
  -webkit-flex: 1 1 0px;
  min-width: 0px;
}
.visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer .slicerText.selected,
.visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer .slicerText.partiallySelected {
  color: var(--white-color, #FFF) !important;
}
.visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer .slicerText.selected .slicerCheckbox,
.visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer .slicerText.partiallySelected .slicerCheckbox {
  opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
  .visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer .slicerText:hover {
    background-color: var(--neutral-light-color, #EAEAEA) !important;
  }
  .visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer .slicerText:hover .slicerCheckbox {
    opacity: 1;
  }
}
.visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer .slicerText.selected {
  background-color: var(--neutral-primary-color, #333333) !important;
}
.visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer .slicerText.selected .slicerCheckbox {
  opacity: 1;
}
.visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer .slicerText.partiallySelected {
  background-color: rgba(51, 51, 51, 0.6) !important;
}
.visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer .slicerText.partiallySelected .slicerCheckbox {
  opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
  .visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer .slicerText.selected:hover,
  .visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer .slicerText.partiallySelected:hover {
    background-color: var(--neutral-primary-color-alt3, #515151) !important;
  }
  .visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer .slicerText.selected:hover .slicerCheckbox,
  .visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer .slicerText.partiallySelected:hover .slicerCheckbox {
    opacity: 1;
  }
}
.visual .horizontalSlicerContainer .slicerItemsContainer .individualItemContainer .slicerText > span {
  text-align: center;
}
.visual .scroll-wrapper {
  display: block;
  width: 100%;
  height: 100%;
}
.visual .scroll-wrapper .scroll-content {
  height: inherit;
}
.visual .scroll-wrapper .scroll-element.scroll-x {
  height: 8px !important;
}
.visual .scroll-wrapper .scroll-element.scroll-y {
  width: 8px !important;
  right: 0px;
  left: unset;
}
.visual .scroll-wrapper .scroll-element .scroll-element_track {
  background-color: transparent !important;
}
.visual .scroll-wrapper .scroll-element .scroll-element_outer,
.visual .scroll-wrapper .scroll-element .scroll-bar {
  border-radius: 0;
}
.visual .scroll-wrapper .scroll-element .scroll-bar {
  background-color: var(--gray-80, #B3B0AD) !important;
  opacity: 0.5;
}
.visual:not(.disableScrollHover) .scroll-wrapper:hover .scroll-element .scroll-bar,
.visual:not(.disableScrollHover) .scroll-wrapper .scroll-element.scroll-draggable .scroll-bar {
  opacity: 1;
}
.visual .overflowingText {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
html[data-focus-source="key"] .visual .legend:focus,
html[data-focus-source="key"] .visual .legend .legend-item:focus,
html[data-focus-source="key"] .visual .legend .nextNavArrow:focus,
html[data-focus-source="key"] .visual .legend .previousNavArrow:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.visual .legend:focus,
.visual .legend .legend-item:focus,
.visual .legend .nextNavArrow:focus,
.visual .legend .previousNavArrow:focus {
  outline: none;
}
.visual .legend .nextNavArrow,
.visual .legend .previousNavArrow {
  cursor: pointer;
}
.visual .legend .navArrow {
  fill: var(--neutral-primary-color, #333333);
  cursor: pointer;
  /* stroke enabled for a bigger click target, but smaller visible arrow size */
  stroke: var(--white-color, #FFF);
  stroke-width: 2px;
}
.visual .cartesian-grid-container {
  position: absolute;
  z-index: 100;
}
.visual .cartesianChart .hideLinesOnAxis .tick line {
  display: none;
}
.visual .cartesianChart .hideLinesOnAxis path.domain {
  display: none;
}
.visual .cartesianChart .showLinesOnAxis path.domain {
  display: none;
  fill: none;
}
.visual .cartesianChart .showLinesOnAxis .tick line {
  padding-left: 10px;
  display: inline;
}
.visual .cartesianChart .showLinesOnAxis .tick line.zero-line {
  stroke: var(--neutral-tertiary-color, #A6A6A6);
}
.visual .cartesianChart .axisGraphicsContext {
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  font-size: 11px;
}
.visual .cartesianChart .axisGraphicsContext text {
  fill: var(--neutral-secondary-alt-color, #777777);
}
.visual .cartesianChart .axisGraphicsContext .axis line {
  fill: none;
  /* theme */
  shape-rendering: auto;
}
.visual .cartesianChart .brush .background {
  fill-opacity: 0.5;
  fill: var(--neutral-light-color, #EAEAEA);
  visibility: visible !important;
  cursor: default !important;
}
.visual .cartesianChart .brush .extent {
  fill-opacity: 0.2;
  cursor: default !important;
}
.visual .cartesianChart .brush.responsive .background {
  fill: #E1E1E1;
  fill-opacity: 0.5;
}
.visual .cartesianChart .brush.responsive .extent {
  fill: var(--globalColorBlack, #000);
  fill-opacity: 0.24;
}
.visual .cartesianChart .brush .overlay {
  fill-opacity: 0.5;
  fill: var(--neutral-light-color, #EAEAEA);
  visibility: visible !important;
  cursor: default !important;
  z-index: inherit;
  padding: inherit;
  display: inherit;
  box-sizing: inherit;
  box-shadow: inherit;
  position: inherit;
}
.visual .cartesianChart .brush .selection {
  fill: var(--globalColorBlack, #000);
  fill-opacity: 0.2;
  cursor: default !important;
}
.visual .cartesianChart .brush.responsive .overlay {
  fill: #E1E1E1;
  fill-opacity: 0.5;
  z-index: inherit;
  padding: inherit;
  display: inherit;
  box-sizing: inherit;
  box-shadow: inherit;
  position: inherit;
}
.visual .cartesianChart .brush.responsive .selection {
  fill: var(--globalColorBlack, #000);
  fill-opacity: 0.24;
}
.visual .cartesianChart .reference-lines-front {
  pointer-events: none;
}
.visual .cartesianChart .reference-line-shade {
  pointer-events: none;
}
.visual .cartesianChart .trend-line {
  pointer-events: none;
}
.visual .cartesianChart .interactivity-trend-line {
  stroke-width: 10px;
  pointer-events: all;
}
.visual .cartesianChart .forecast-line-layer {
  pointer-events: none;
}
.visual .cartesianChart .forecast-line-layer .forecast-point {
  fill: none;
  opacity: 0;
  pointer-events: none;
}
.visual .cartesianChart .interactivity-gridline {
  stroke: var(--white-color, #FFF);
  stroke-opacity: 0;
}
.visual polyline.leader-line {
  fill: none;
  pointer-events: none;
}
.visual .labelSeriesGraphicsContext :focus {
  outline: none;
}
html[data-focus-source="key"] .visual .labelSeriesGraphicsContext :not(.setFocusRing):focus {
  stroke: var(--focus-outline-color, #000);
  stroke-width: 1px;
}
html[data-focus-source="key"] .visual .labelSeriesGraphicsContext .setFocusRing:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
  outline-offset: 3px;
}
html[data-focus-source="program"] .visual .labelSeriesGraphicsContext .managed-tab-index-element.setFocusRing:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
  outline-offset: 3px;
}
.visual .seriesLabel > text {
  white-space: pre;
}
.visual .seriesLabel > text > tspan {
  dominant-baseline: hanging;
}
.visual .plot-area-lasso-select {
  fill: var(--lasso-select-window-color, var(--gray-120, #797775));
  fill-opacity: 0.5;
  stroke: var(--lasso-select-window-color, var(--gray-120, #797775));
  stroke-width: 1px;
  pointer-events: none;
}
.visual .cartesianChartResponsiveIcon {
  background: url("../images/cartesianChartResponsiveIcon.svg") center center no-repeat;
  position: absolute;
}
.visual .slicerResponsiveIcon {
  background: url("../images/slicerResponsiveIcon.svg") center center no-repeat;
  position: absolute;
}
.visual .animatedNumber .mainText,
.visual .card .mainText {
  fill: var(--neutral-primary-color, #333333);
  font-family: 'wf_standard-font_light', helvetica, arial, sans-serif;
}
html[data-focus-source="key"] .visual .card:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.visual .card:focus {
  outline: none;
}
.visual .columnChart .interactive-hover-line {
  stroke: var(--interactive-hover-line-color, #666666);
  stroke-width: 3px;
  opacity: 1;
}
.visual .columnChart .drag-handle {
  fill: #666666;
  opacity: 1;
}
.visual .columnChart .uncertainty {
  pointer-events: none;
}
.visual .columnChart .uncertainty .uncertainty-marker,
.visual .columnChart .uncertainty .uncertainty-marker-active {
  fill: none;
}
.visual .columnChart :focus {
  outline: none;
}
html[data-focus-source="key"] .visual .columnChart :not(.setFocusRing):focus {
  stroke: var(--focus-outline-color, #000);
  stroke-width: 1px;
}
html[data-focus-source="key"] .visual .columnChart .setFocusRing:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
  outline-offset: 3px;
}
html[data-focus-source="program"] .visual .columnChart .managed-tab-index-element.setFocusRing:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
  outline-offset: 3px;
}
.visual .columnChart .mainGraphicsContext.withCrispEdges .column {
  shape-rendering: crispEdges;
}
.visual .decompositionTree :focus,
.visual.visual-decompositionTreeVisual :focus {
  outline: none;
}
html[data-focus-source="key"] .visual .decompositionTree :not(.setFocusRing):focus,
html[data-focus-source="key"] .visual.visual-decompositionTreeVisual :not(.setFocusRing):focus {
  stroke: var(--focus-outline-color, #000);
  stroke-width: 1px;
}
html[data-focus-source="key"] .visual .decompositionTree .setFocusRing:focus,
html[data-focus-source="key"] .visual.visual-decompositionTreeVisual .setFocusRing:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
  outline-offset: 3px;
}
html[data-focus-source="program"] .visual .decompositionTree .managed-tab-index-element.setFocusRing:focus,
html[data-focus-source="program"] .visual.visual-decompositionTreeVisual .managed-tab-index-element.setFocusRing:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
  outline-offset: 3px;
}
.visual .waterfallChart :focus {
  outline: none;
}
html[data-focus-source="key"] .visual .waterfallChart :not(.setFocusRing):focus {
  stroke: var(--focus-outline-color, #000);
  stroke-width: 1px;
}
html[data-focus-source="key"] .visual .waterfallChart .setFocusRing:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
  outline-offset: 3px;
}
html[data-focus-source="program"] .visual .waterfallChart .managed-tab-index-element.setFocusRing:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
  outline-offset: 3px;
}
.visual .waterfallChart .waterfall-connector {
  stroke-width: 1px;
  shape-rendering: auto;
}
.visual .lineChart .mainGraphicsContext path,
.visual .realTimeLineChart .mainGraphicsContext path {
  fill: none;
}
.visual .lineChart .mainGraphicsContext .uncertainty,
.visual .realTimeLineChart .mainGraphicsContext .uncertainty {
  pointer-events: none;
}
.visual .lineChart .mainGraphicsContext .uncertainty path:not(.uncertainty-marker, .uncertainty-marker-active),
.visual .realTimeLineChart .mainGraphicsContext .uncertainty path:not(.uncertainty-marker, .uncertainty-marker-active) {
  stroke-width: inherit;
}
.visual .lineChart .mainGraphicsContext .uncertainty path:not(.uncertainty-line, .uncertainty-marker, .uncertainty-marker-active),
.visual .realTimeLineChart .mainGraphicsContext .uncertainty path:not(.uncertainty-line, .uncertainty-marker, .uncertainty-marker-active) {
  fill: inherit;
  stroke-linecap: inherit;
}
.visual .lineChart .mainGraphicsContext path.shadeArea,
.visual .realTimeLineChart .mainGraphicsContext path.shadeArea {
  pointer-events: none;
}
.visual .lineChart .mainGraphicsContext .interactivity-line,
.visual .realTimeLineChart .mainGraphicsContext .interactivity-line {
  stroke: var(--white-color, #FFF);
  stroke-opacity: 0;
}
.visual .lineChart .tooltip-overlay,
.visual .realTimeLineChart .tooltip-overlay {
  fill: transparent;
  pointer-events: all;
}
.visual .lineChart .hoverLineGroup,
.visual .realTimeLineChart .hoverLineGroup {
  stroke: var(--interactive-hover-line-color, #666666);
  pointer-events: none;
}
.visual .lineChart .hoverLineGroup .interactive,
.visual .realTimeLineChart .hoverLineGroup .interactive {
  stroke-width: 3px;
  opacity: 1;
}
.visual .lineChart .hoverLineGroup .selection-circle,
.visual .realTimeLineChart .hoverLineGroup .selection-circle {
  stroke: var(--chart-axis-grid-line-color, #e9e9e9);
}
.visual .lineChart .hoverLineGroup .circle-item,
.visual .realTimeLineChart .hoverLineGroup .circle-item {
  stroke: none;
  pointer-events: none;
}
.visual .lineChart .drag-handle,
.visual .realTimeLineChart .drag-handle {
  fill: #666666;
  opacity: 1;
}
.visual .lineChart :focus,
.visual .realTimeLineChart :focus {
  outline: none;
}
html[data-focus-source="key"] .visual .lineChart :not(.setFocusRing):focus,
html[data-focus-source="key"] .visual .realTimeLineChart :not(.setFocusRing):focus {
  stroke: var(--focus-outline-color, #000);
  stroke-width: 1px;
}
html[data-focus-source="key"] .visual .lineChart .setFocusRing:focus,
html[data-focus-source="key"] .visual .realTimeLineChart .setFocusRing:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
  outline-offset: 3px;
}
html[data-focus-source="program"] .visual .lineChart .managed-tab-index-element.setFocusRing:focus,
html[data-focus-source="program"] .visual .realTimeLineChart .managed-tab-index-element.setFocusRing:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
  outline-offset: 3px;
}
.visual .realTimeLineChart .mainGraphicsSVG {
  position: absolute;
  overflow: hidden;
}
.visual .funnelChart line {
  shape-rendering: auto;
}
.visual .funnelChart :focus {
  outline: none;
}
html[data-focus-source="key"] .visual .funnelChart :not(.setFocusRing):focus {
  stroke: var(--focus-outline-color, #000);
  stroke-width: 1px;
}
html[data-focus-source="key"] .visual .funnelChart .setFocusRing:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
  outline-offset: 3px;
}
html[data-focus-source="program"] .visual .funnelChart .managed-tab-index-element.setFocusRing:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
  outline-offset: 3px;
}
.visual .funnelChart:focus {
  outline: none;
}
html[data-focus-source="key"] .visual .funnelChart:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
  outline-offset: 1px;
}
.visual .funnelChart .percentBars line {
  fill: none;
  stroke-width: 1px;
}
.visual .funnelChart .percentBars text {
  text-anchor: middle;
  font-family: 'wf_standard-font', helvetica, arial, sans-serif;
  stroke: none;
}
.visual .funnelChart .axis {
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  font-size: 11px;
}
.visual .funnelChart .axis path {
  fill: none;
}
.visual .funnelChart .axis .tick text {
  fill: var(--neutral-secondary-alt-color, #777777);
}
.visual .donutChart {
  overflow: visible !important;
}
.visual .donutChart :focus {
  outline: none;
}
html[data-focus-source="key"] .visual .donutChart :not(.setFocusRing):focus {
  stroke: var(--focus-outline-color, #000) !important;
  stroke-width: 1px !important;
  stroke-dasharray: none !important;
  stroke-opacity: 1 !important;
}
html[data-focus-source="key"] .visual .donutChart .setFocusRing:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
  outline-offset: 1px;
}
.visual .donutChart path.slice {
  stroke-width: 1px;
}
.visual .donutChart path.slice-highlight {
  stroke-width: 1px;
}
.visual .donutChart .labels text {
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  font-size: 11px;
  fill: var(--neutral-secondary-alt-color, #777777);
}
.visual .donutChart polyline {
  stroke: var(--neutral-secondary-alt-color, #777777);
  stroke-width: 1px;
}
.visual .donutChart .donutLegendArrow {
  fill: #666666;
}
.visual .donutLegend .legend-item .category {
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  color: var(--neutral-secondary-color, #666666);
}
.visual .donutLegend .legend-item .percentage {
  font-family: 'Segoe UI Light', 'wf_segoe-ui_light', helvetica, arial, sans-serif;
  /* No need for color, as it would be overriden afterwards */
}
.visual .donutLegend .legend-item .value {
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  color: var(--neutral-secondary-color, #666666);
}
.visual .scatterChart .mainGraphicsContext .notSelected {
  opacity: 0.6;
}
.visual .scatterChart .mainGraphicsContext .selected {
  opacity: 1;
}
.visual .scatterChart .crosshair .horizontal {
  stroke: var(--neutral-secondary-color, #666666);
  stroke-width: 3px;
  opacity: 0.6;
}
.visual .scatterChart .crosshair .vertical {
  stroke: var(--neutral-secondary-color, #666666);
  stroke-width: 3px;
  opacity: 0.6;
}
.visual .scatterChart .ratioLine {
  pointer-events: none;
}
.visual .scatterChart :focus {
  outline: none;
}
html[data-focus-source="key"] .visual .scatterChart :not(.setFocusRing):focus {
  stroke: var(--focus-outline-color, #000) !important;
  stroke-width: 1px !important;
  stroke-dasharray: none !important;
  stroke-opacity: 1 !important;
}
html[data-focus-source="key"] .visual .scatterChart .setFocusRing:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
  outline-offset: 1px;
}
.visual .playChart .traceLine {
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
}
.visual .playChart .mainGraphicsContext .notSelected {
  opacity: 0.6;
}
.visual .playChart .mainGraphicsContext .selected {
  opacity: 1;
}
.visual .play-axis-container {
  position: absolute;
  overflow: hidden;
  width: 100%;
}
.visual .play-axis-container .button-container {
  height: 24px;
  width: 24px;
  overflow: hidden;
  border-radius: 13px;
  border: 1px solid var(--neutral-secondary-color, #666666);
  margin: 6px 10px;
  display: inline-block;
  cursor: pointer;
}
.visual .play-axis-container .mobile-button-container {
  margin-left: 2px;
  margin-right: 18px;
  touch-action: none;
}
.visual .play-axis-container .play {
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 11px solid var(--neutral-secondary-alt-color3, #999999);
  border-right: 1px solid transparent;
  padding: 0;
  margin: 6px 8px;
  background: transparent;
  display: block;
}
.visual .play-axis-container .pause {
  width: 4px;
  height: 12px;
  border-top: 0px;
  border-bottom: 0px;
  border-left: 4px solid #999;
  border-right: 4px solid #999;
  padding: 0;
  margin: 6px 6px;
  background-color: transparent;
  display: block;
}
.visual .play-axis-container .sliders {
  display: inline-block;
  vertical-align: top;
  margin-top: 12px;
}
.visual .play-axis-container .noUi-handle {
  width: 6px;
  right: -3px;
}
.visual .play-axis-container .noUi-target[rtl='true'] .noUi-handle {
  left: -3px;
  right: auto;
}
.visual .play-axis-container .noUi-connect,
.visual .play-axis-container .noUi-origin {
  -webkit-transition: transform 800ms;
  transition: transform 800ms;
  transition-timing-function: linear;
}
.visual .play-axis-container .noUi-value {
  transform: translate(-50%, 15px);
  white-space: normal;
}
.visual .play-axis-container .noUi-value-large {
  font-size: 14px;
}
.visual .play-axis-container .noUi-value-sub {
  color: var(--slider-foreground-color, var(--fluent-theme-neutral-secondary-color, #605E5C));
}
.visual .play-callout {
  pointer-events: none;
}
.visual.visual-bookmarkNavigator .bookmarkNavigator:focus,
.visual.visual-pageNavigator .bookmarkNavigator:focus,
.visual.visual-bookmarkNavigator .pageNavigator:focus,
.visual.visual-pageNavigator .pageNavigator:focus {
  outline: none;
}
html[data-focus-source="key"] .visual.visual-bookmarkNavigator .bookmarkNavigator:focus-within > .tileSVG,
html[data-focus-source="key"] .visual.visual-pageNavigator .bookmarkNavigator:focus-within > .tileSVG,
html[data-focus-source="key"] .visual.visual-bookmarkNavigator .pageNavigator:focus-within > .tileSVG,
html[data-focus-source="key"] .visual.visual-pageNavigator .pageNavigator:focus-within > .tileSVG {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
  outline-offset: 1px;
}
.visual .tablixContainer {
  overflow: hidden;
}
.visual .tablixContainer .tablixDiv {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: normal;
  box-sizing: border-box;
}
.visual .tablixContainer .tablixCanvas {
  position: relative;
}
.visual .tablixContainer .tablixCanvas .unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.visual .tablixContainer .tablixCanvas table {
  line-height: normal;
  font-weight: normal;
  table-layout: fixed;
}
.visual .tablixContainer .tablixCanvas tr {
  line-height: normal;
}
.visual .tablixContainer .tablixCanvas td {
  line-height: normal;
  overflow: hidden;
  vertical-align: top;
  position: relative;
}
.visual .tablixContainer .tablixCanvas .tablixTableArea {
  overflow: hidden;
  position: absolute;
  /* @noflip */
  left: 0;
  top: 0;
}
.visual .tablixContainer .tablixCanvas .tableFooterArea {
  overflow: hidden;
  position: absolute;
  /* @noflip */
  left: 0;
}
.visual .tablixContainer .tablixCanvas .tablixCellContentElement {
  position: relative;
  overflow: hidden;
}
.visual .tablixContainer .tablixCanvas .tablixCellContentHost {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.visual .tablixContainer .tablixCanvas .tablixColumnHeaderLeaf {
  display: flex;
  -ms-flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.visual .tablixContainer .tablixCanvas .tablixWrappingContainer .tablixSortIconContainer {
  float: right;
}
.visual .tablixContainer .tablixCanvas .tablixWrappingContainer i.future {
  display: none;
}
.visual .tablixContainer .tablixCanvas .tablixWrappingContainer i.sorted {
  display: inline-block;
}
.visual .tablixContainer .tablixCanvas .tablixWrappingContainer:hover i.sorted {
  display: none;
}
.visual .tablixContainer .tablixCanvas .tablixWrappingContainer:hover i.future {
  display: inline-block;
}
.visual .tablixContainer .tablixCanvas .tablixValueNumeric {
  /* @noflip */
  text-align: right;
}
.visual .tablixContainer .tablixCanvas .tablixValueUrlIcon {
  text-align: center;
}
.visual .tablixContainer .tablixCanvas .tablixValueUrlIcon .tablixUrlIconGlyph {
  text-decoration: none;
}
.visual .tablixContainer .tablixCanvas .tablixValueUrlIcon .pc1::before {
  content: '\E977';
  font-family: PowrMDL2;
}
.visual .tablixContainer .tablixCanvas .tablixValueUrlIcon .page2::before {
  content: '\E7C3';
  font-family: PowrMDL2;
}
.visual .tablixContainer .tablixCanvas .tablixValueUrlIcon .mail::before {
  content: '\E715';
  font-family: PowrMDL2;
}
.visual .tablixContainer .tablixCanvas .scroll-bar-div {
  background: #F1F1F1;
  position: relative;
  user-select: none;
}
.visual .tablixContainer .tablixCanvas .scroll-bar-part-arrow {
  background: #F1F1F1;
  position: absolute;
  text-align: center;
  user-select: none;
}
.visual .tablixContainer .tablixCanvas .scroll-bar-part-arrow:hover {
  background-color: #cecece;
}
.visual .tablixContainer .tablixCanvas .scroll-bar-part-bar {
  background: #cecece;
  position: absolute;
  text-align: center;
  user-select: none;
}
.visual .tablixContainer .tablixCanvas .scroll-bar-part-bar:hover {
  background: #c0c0c0;
}
.visual .tablixContainer .tablixDashboard {
  position: relative;
}
.visual .tablixContainer .tablixDashboard .unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.visual .tablixContainer .tablixDashboard table {
  line-height: normal;
  font-weight: normal;
  table-layout: fixed;
}
.visual .tablixContainer .tablixDashboard tr {
  line-height: normal;
}
.visual .tablixContainer .tablixDashboard td {
  line-height: normal;
  overflow: hidden;
  vertical-align: top;
  position: relative;
}
.visual .tablixContainer .tablixDashboard .tablixTableArea {
  overflow: hidden;
  position: absolute;
  /* @noflip */
  left: 0;
  top: 0;
}
.visual .tablixContainer .tablixDashboard .tableFooterArea {
  overflow: hidden;
  position: absolute;
  /* @noflip */
  left: 0;
  background-color: white;
}
.visual .tablixContainer .tablixDashboard .tablixCellContentElement {
  position: relative;
  overflow: hidden;
}
.visual .tablixContainer .tablixDashboard .tablixCellContentHost {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.visual .tablixContainer .tablixDashboard .tablixColumnHeaderLeaf .tablixSortIconContainer {
  float: right;
}
.visual .tablixContainer .tablixDashboard .tablixColumnHeaderLeaf i.future {
  display: none;
}
.visual .tablixContainer .tablixDashboard .tablixColumnHeaderLeaf i.sorted {
  display: inline-block;
}
.visual .tablixContainer .tablixDashboard .tablixValueNumeric {
  /* @noflip */
  text-align: right;
}
.visual .tablixContainer .tablixDashboard .tablixValueUrlIcon {
  text-align: center;
}
.visual .tablixContainer .tablixDashboard .tablixValueUrlIcon .tablixUrlIconGlyph {
  text-decoration: none;
}
.visual .imageBackground {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.visual .autoScaleImageContainer {
  position: relative;
}
.visual .autoScaleImageContainer .autoScaleImage {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  /* @noflip */
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}
.visual .mapLassoButton {
  background-image: url("../images/rectangleSelect.svg");
}
.visual .mapLassoButton:hover,
.visual .mapLassoButton:focus,
.visual .mapLassoButton:active {
  background-image: url("../images/rectangleSelectActive.svg");
}
.visual .mapLassoButton.mapLassoButtonHighContrast {
  background-image: url("../images/rectangleSelectHighContrast.svg");
}
.visual .mapLassoButton.mapLassoButtonHighContrast:hover,
.visual .mapLassoButton.mapLassoButtonHighContrast:focus,
.visual .mapLassoButton.mapLassoButtonHighContrast:active {
  background-image: url("../images/rectangleSelectActiveHighContrast.svg");
}
.visual .mapControl {
  position: relative;
}
.visual .pendingLasso {
  cursor: crosshair;
}
.visual .pendingLasso .mapShapes {
  cursor: crosshair;
}
.visual .mapShapes {
  stroke-linejoin: round;
  cursor: default;
}
.visual .mapBubbles {
  cursor: default;
}
.visual .mapControl :focus {
  outline: none;
}
html[data-focus-source="key"] .visual .mapControl :not(.setFocusRing):focus {
  stroke: var(--focus-outline-color, #000) !important;
  stroke-width: 1px !important;
  stroke-dasharray: none !important;
  stroke-opacity: 1 !important;
}
html[data-focus-source="key"] .visual .mapControl .setFocusRing:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
  outline-offset: 1px;
}
html[data-focus-source="key"] .visual .mapControl .setFocusRing:focus {
  outline-style: solid;
  outline-color: var(--focus-outline-color, #000);
}
.visual .mapControl #RadialMenu,
.visual .mapControl .NavBar_MapTypeButtonContainerWrapper,
.visual .mapControl .birdseyeV2InfoExitControl,
.visual .mapControl #RotateButtonContainer {
  stroke: none !important;
  display: none;
}
html[data-focus-source="key"] .visual .mapControl a.NavBar_Button:focus,
html[data-focus-source="key"] .visual .mapControl .bm_bottomRightOverlay a:focus,
html[data-focus-source="key"] .visual .mapControl .bm_bottomLeftOverlay a:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
html[data-focus-source="mouse"] .visual .mapControl a.NavBar_Button:focus,
html[data-focus-source="mouse"] .visual .mapControl .bm_bottomRightOverlay a:focus,
html[data-focus-source="mouse"] .visual .mapControl .bm_bottomLeftOverlay a:focus,
html[data-focus-source="program"] .visual .mapControl a.NavBar_Button:focus,
html[data-focus-source="program"] .visual .mapControl .bm_bottomRightOverlay a:focus,
html[data-focus-source="program"] .visual .mapControl .bm_bottomLeftOverlay a:focus {
  outline-width: 0px;
}
html[data-focus-source="key"] .visual .mapControl.atlas-map :focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
html[data-focus-source="mouse"] .visual .mapControl.atlas-map :focus,
html[data-focus-source="program"] .visual .mapControl.atlas-map :focus {
  outline-width: 0px;
}
.visual .shapeMap :focus {
  outline: none;
}
html[data-focus-source="key"] .visual .shapeMap :not(.setFocusRing):focus {
  stroke: var(--focus-outline-color, #000) !important;
  stroke-width: 1px !important;
  stroke-dasharray: none !important;
  stroke-opacity: 1 !important;
}
html[data-focus-source="key"] .visual .shapeMap .setFocusRing:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
  outline-offset: 1px;
}
.visual .shapeMap:focus,
.visual .shapeMap:focus-visible {
  outline: none;
}
html[data-focus-source="key"] .visual .shapeMap:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.visual .treemap :focus {
  outline: none;
}
html[data-focus-source="key"] .visual .treemap :not(.setFocusRing):focus {
  stroke: var(--focus-outline-color, #000);
  stroke-width: 1px;
}
html[data-focus-source="key"] .visual .treemap .setFocusRing:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
  outline-offset: 3px;
}
html[data-focus-source="program"] .visual .treemap .managed-tab-index-element.setFocusRing:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
  outline-offset: 3px;
}
html[data-focus-source="key"] .visual .treemap .setFocusRing:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
  outline-offset: -3px;
}
.visual .treemap .labels {
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  fill: var(--white-color, #FFF);
  pointer-events: none;
}
.visual .treemap .labels .majorLabel {
  font-size: 12px;
}
.visual .treemap .labels .minorLabel {
  font-size: 10px;
}
.visual .interactive-legend {
  white-space: nowrap;
  /* @noflip */
  text-align: left;
  overflow: hidden;
  touch-action: none;
  cursor: pointer;
  position: absolute;
}
.visual .interactive-legend .title {
  font-family: 'Segoe UI Semibold', 'wf_segoe-ui_semibold', helvetica, arial, sans-serif;
  font-size: 12px;
  color: #666666;
}
.visual .interactive-legend .item {
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  font-size: 12px;
  color: #666666;
  /* @noflip */
  padding-right: 22px;
  padding-bottom: 0px;
  padding-top: 3px;
}
.visual .interactive-legend .itemMeasure {
  font-family: 'Segoe UI Semibold', 'wf_segoe-ui_semibold', helvetica, arial, sans-serif;
  font-size: 12px;
  color: #666666;
}
.visual .interactive-legend .icon {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  margin-left: auto;
}
.visual .labelGraphicsContext .label,
.visual .labelGraphicsContext .label-second-line,
.visual .labelGraphicsContext .catagorylabel {
  font-size: 12px;
  text-anchor: middle;
  font-family: 'wf_standard-font', helvetica, arial, sans-serif;
  pointer-events: none;
}
.visual .labelBackgroundGraphicsContext {
  pointer-events: none;
}
.visual .data-labels {
  font-size: 12px;
  text-anchor: middle;
  font-family: 'wf_standard-font', helvetica, arial, sans-serif;
  pointer-events: none;
}
.visual.visual-textbox .scrollWrapper {
  outline: none;
}
html[data-focus-source="key"] .visual.visual-textbox .scrollWrapper:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.visual.visual-textbox .scrollWrapper a {
  outline: none;
}
html[data-focus-source="key"] .visual.visual-textbox .scrollWrapper a:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.visual .textbox {
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.visual .textbox .ql-container {
  padding: 0px;
  cursor: default;
  font-family: inherit;
  font-size: inherit;
}
.visual .textbox .ql-editor {
  line-height: normal;
  word-wrap: break-word;
  padding: 0;
  overflow-x: hidden;
}
.visual .textbox .ql-editor[contenteditable] {
  -webkit-user-select: text;
  user-select: text;
}
.visual .textbox .ql-editor .smart-narratives-blot {
  cursor: pointer;
}
.visual .textbox .ql-editor .smart-narratives-blot.placeholder {
  cursor: default;
}
.visual .textbox .ql-editor .smart-narratives-hidden {
  display: none;
}
.visual .textbox .ql-editor .at-mention,
.visual .textbox .ql-editor .smart-narratives-blot {
  display: inline-block;
}
.visual .textbox .ql-editor:focus-within {
  /** Only show hidden smart narratives blots while the QuillJS editor is focused */
}
.visual .textbox .ql-editor:focus-within .smart-narratives-hidden {
  display: inline;
}
.visual .textbox .ql-editor sup {
  line-height: normal;
  top: -0.25em;
}
.visual .textbox .ql-editor sub {
  line-height: normal;
  bottom: -0.25em;
}
.visual .textbox .mentions-container {
  min-width: 200px;
  position: absolute;
}
.visual .textbox .mentions-hover {
  background-color: var(--white-color, #FFF);
  padding: 8px;
  position: absolute;
}
.visual .textbox p,
.visual .textbox ol,
.visual .textbox ul,
.visual .textbox pre,
.visual .textbox blockquote,
.visual .textbox h1,
.visual .textbox h2,
.visual .textbox h3,
.visual .textbox h4,
.visual .textbox h5,
.visual .textbox h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.visual .textbox .ql-editor li > .ql-ui:before {
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  color: inherit;
  line-height: inherit;
}
.visual .textbox .ql-editor li[data-list=ordered]:not(.ql-indent-1):not(.ql-indent-2):not(.ql-indent-3):not(.ql-indent-4):not(.ql-indent-5):not(.ql-indent-6):not(.ql-indent-7):not(.ql-indent-8):not(.ql-indent-9) > .ql-ui {
  position: static;
  display: inline;
  margin-right: 0;
}
.visual .textbox .ql-editor li[data-list=ordered]:not(.ql-indent-1):not(.ql-indent-2):not(.ql-indent-3):not(.ql-indent-4):not(.ql-indent-5):not(.ql-indent-6):not(.ql-indent-7):not(.ql-indent-8):not(.ql-indent-9) > .ql-ui:before {
  display: inline;
  margin-left: 0;
  width: auto;
  margin-right: 0;
}
.visual .textbox .ql-editor li[data-list=ordered]:not(.ql-indent-1):not(.ql-indent-2):not(.ql-indent-3):not(.ql-indent-4):not(.ql-indent-5):not(.ql-indent-6):not(.ql-indent-7):not(.ql-indent-8):not(.ql-indent-9) {
  padding-left: 0 !important;
}
.visual .textbox.textbox-list-indent .ql-editor li[data-list=bullet].ql-indent-1 > .ql-ui:before,
.visual .textbox.textbox-list-indent .ql-editor li[data-list=bullet].ql-indent-4 > .ql-ui:before,
.visual .textbox.textbox-list-indent .ql-editor li[data-list=bullet].ql-indent-7 > .ql-ui:before {
  content: '\25CB';
}
.visual .textbox.textbox-list-indent .ql-editor li[data-list=bullet].ql-indent-2 > .ql-ui:before,
.visual .textbox.textbox-list-indent .ql-editor li[data-list=bullet].ql-indent-5 > .ql-ui:before,
.visual .textbox.textbox-list-indent .ql-editor li[data-list=bullet].ql-indent-8 > .ql-ui:before {
  content: '\25AA';
}
.visual .textbox.textbox-list-indent .ql-editor li[data-list=bullet].ql-indent-3 > .ql-ui:before,
.visual .textbox.textbox-list-indent .ql-editor li[data-list=bullet].ql-indent-6 > .ql-ui:before,
.visual .textbox.textbox-list-indent .ql-editor li[data-list=bullet].ql-indent-9 > .ql-ui:before {
  content: '\2022';
}
.visual .textbox ul > li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.visual .textbox ul > li::before {
  content: '\2022';
  font-weight: var(--marker-font-weight, inherit);
  font-style: var(--marker-font-style, inherit);
  font-size: var(--marker-font-size, inherit);
  color: var(--marker-color, inherit);
  font-family: var(--marker-font-family, inherit);
}
.visual .textbox.textbox-list-indent ul > li[data-indent="1"]::before,
.visual .textbox.textbox-list-indent ul > li[data-indent="4"]::before,
.visual .textbox.textbox-list-indent ul > li[data-indent="7"]::before {
  content: '\25CB';
}
.visual .textbox.textbox-list-indent ul > li[data-indent="2"]::before,
.visual .textbox.textbox-list-indent ul > li[data-indent="5"]::before,
.visual .textbox.textbox-list-indent ul > li[data-indent="8"]::before {
  content: '\25AA';
}
.visual .textbox.textbox-list-indent ul > li[data-indent="3"]::before,
.visual .textbox.textbox-list-indent ul > li[data-indent="6"]::before,
.visual .textbox.textbox-list-indent ul > li[data-indent="9"]::before {
  content: '\2022';
}
.visual .textbox ul > li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.visual .textbox ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.visual .textbox ul {
  margin: 0 auto;
}
.visual .textbox ul li {
  list-style-type: none;
}
.visual .textbox ul li p {
  margin-top: -16px;
}
.visual .textbox ol > li::marker {
  font-weight: var(--marker-font-weight, inherit);
  font-style: var(--marker-font-style, inherit);
  font-size: var(--marker-font-size, inherit);
  color: var(--marker-color, inherit);
  font-family: var(--marker-font-family, inherit);
}
.visual div.ql-paste-manager {
  display: none;
}
.visual .multiRowCard .card {
  box-sizing: border-box;
  color: #767676;
  position: relative;
  width: 100%;
}
html[data-focus-source="key"] .visual .multiRowCard .card:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.visual .multiRowCard .card:focus {
  outline: none;
}
.visual .multiRowCard .card .cardItemContainer {
  box-sizing: border-box;
  position: relative;
  vertical-align: top;
  display: inline-block;
}
.visual .multiRowCard .card .cardItemContainer .caption {
  color: var(--neutral-primary-color, #333333);
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.visual .multiRowCard .card .cardItemContainer .details {
  color: var(--neutral-tertiary-color, #A6A6A6);
  font-size: 12px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.visual .multiRowCard .card .cardItemContainer .imgCon img {
  display: inline-block;
  vertical-align: sub;
}
.visual .multiRowCard .card .title {
  font-size: 18px;
  font-family: 'Segoe UI Semibold', 'wf_segoe-ui_semibold', helvetica, arial, sans-serif;
  line-height: 24px;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.visual .multiRowCard .row:last-child .card.mrtile {
  border-bottom: 0px;
  padding-bottom: 0px;
}
.visual .clearCatcher,
.visual .backgroundRect {
  fill-opacity: 0;
}
.visual .gauge .labelText,
.visual .gauge .targetText {
  font-family: 'wf_standard-font', helvetica, arial, sans-serif;
}
.visual .gauge:focus {
  outline: none;
}
html[data-focus-source="key"] .visual .gauge:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.visual .kpiVisual .lastTrendAxisPointSummaryContainer {
  display: block;
  align-items: center;
  position: absolute;
}
.visual .kpiVisual .lastTrendAxisPointSummaryContainer .indicatorContainer {
  font-family: wf_standard-font_light, helvetica, arial, sans-serif;
  font-size: 60px;
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-bottom: -6px;
}
.visual .kpiVisual .lastTrendAxisPointSummaryContainer .indicatorContainer .indicatorText {
  text-anchor: middle;
}
.visual .kpiVisual .lastTrendAxisPointSummaryContainer .indicatorContainer .powervisuals-glyph {
  font-size: 12px;
}
.visual .kpiVisual .lastTrendAxisPointSummaryContainer .goalText {
  margin-top: -6px;
  font-family: Segoe UI Semibold, wf_segoe-ui_semibold, helvetica, arial, sans-serif;
  font-size: 11px;
  text-anchor: middle;
  display: inline-block;
}
.visual .kpiVisual .lastTrendAxisPointSummaryContainer .distanceText {
  margin-left: 3px;
  margin-top: -6px;
  text-anchor: middle;
  display: inline-block;
}
.visual .kpiVisual .lastTrendAxisPointSummaryContainer .lastDateText {
  text-anchor: middle;
  display: block;
}
html[data-focus-source="key"] .visual .kpiVisual :focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.visual .kpiVisual :focus {
  outline: none;
}
.visual .date-slicer {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}
.visual .date-slicer .date-slicer-head {
  padding: 5px 6px 7px 8px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.visual .date-slicer .date-slicer-head .date-slicer-select {
  width: 100px;
  margin-top: 5px;
  margin-bottom: 10px;
  outline: none;
}
.visual .date-slicer .date-slicer-head.wrap {
  padding-right: 0px;
}
.visual .date-slicer .date-slicer-head.wrap .date-slicer-range {
  flex-wrap: wrap;
}
.visual .date-slicer .date-slicer-head.wrap .date-slicer-range .date-slicer-control {
  margin-bottom: 3px;
}
.visual .date-slicer .date-slicer-head .date-slicer-range {
  display: flex;
  display: -webkit-flex;
  flex-grow: 0;
  flex-direction: row;
  justify-content: flex-start;
  margin-top: -5px;
  margin-left: -6px;
}
.visual .date-slicer .date-slicer-head .date-slicer-range .date-slicer-control {
  position: relative;
  margin-top: 5px;
  margin-left: 6px;
}
.visual .date-slicer .date-slicer-head .date-slicer-range .date-slicer-control .date-slicer-input {
  box-sizing: border-box;
  width: 6.16em;
  height: 2.16em;
  padding: 0 0.5em 0 0.5em;
  font-size: inherit;
  border: 1px solid var(--neutral-light-color, #EAEAEA);
  background-color: transparent;
  transition: border 250ms;
  opacity: 1;
}
.visual .date-slicer .date-slicer-head .date-slicer-range .date-slicer-control .date-slicer-input.enable-hover:hover:enabled {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.visual .date-slicer .date-slicer-head .date-slicer-range .date-slicer-control .date-slicer-input:active:enabled,
.visual .date-slicer .date-slicer-head .date-slicer-range .date-slicer-control .date-slicer-input:focus:enabled {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.visual .date-slicer .date-slicer-head .date-slicer-range .date-slicer-datepicker-wrapper {
  border: 1px solid var(--neutral-light-color, #EAEAEA);
}
.visual .date-slicer .date-slicer-head .date-slicer-range .date-slicer-datepicker {
  box-sizing: border-box;
  width: 6.16em;
  height: 2.16em;
  font-size: inherit;
  background-color: transparent;
  transition: border 250ms;
  opacity: 1;
}
.visual .date-slicer .date-slicer-head .date-slicer-range .condition-value {
  border: 0;
}
.visual .date-slicer .date-slicer-slider {
  height: calc((17px - 7px) + var(--slicer-slider-handle-vertical-overflow, 0px));
  margin: calc(7px + var(--slicer-slider-handle-vertical-overflow, 0px)) calc(8px + var(--slicer-slider-handle-horizontal-overflow, 0px)) 0px calc(8px + var(--slicer-slider-handle-horizontal-overflow, 0px));
  position: relative;
}
.visual .date-slicer .date-slicer-slider .noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s;
}
.visual .date-slicer .date-slicer-slider.roundHandles {
  height: calc((26px - 8.5px) + var(--slicer-slider-handle-vertical-overflow, 0px));
  margin: calc(8.5px + var(--slicer-slider-handle-vertical-overflow, 0px)) calc(16px + var(--slicer-slider-handle-horizontal-overflow, 0px)) 0px calc(21px + var(--slicer-slider-handle-horizontal-overflow, 0px));
}
.visual .date-slicer .date-slicer-slider.roundHandles .noUi-handle {
  width: 26px;
  height: 26px;
  border: 2px solid;
  border-radius: 13px;
  top: -11.5px;
  right: -13px;
  background-color: #ffffff;
  border-color: var(--theme-primary-color, #F2C811);
}
.visual .date-slicer .date-slicer-slider.roundHandles .noUi-target[rtl='true'] .noUi-handle {
  left: -13px;
  right: auto;
}
.visual .date-slicer .date-slicer-slider.roundHandles .noUi-connect {
  cursor: grab;
}
.visual .date-slicer .date-slicer-slider.roundHandles .noUi-state-drag .noUi-connect {
  cursor: grabbing;
}
.visual .date-slicer .noUi-base {
  cursor: default;
}
.visual .date-slicer .noUi-target {
  box-shadow: none;
  border: none;
}
.visual .date-slicer .noUi-connect {
  background-color: var(--theme-primary-color, #F2C811);
  box-shadow: none;
  border: none;
}
.visual .date-slicer .noUi-connects {
  background-color: var(--neutral-light-color, #EAEAEA);
  box-shadow: none;
  border-radius: 0px;
  border: none;
}
.visual .date-slicer .noUi-origin {
  right: -2.5px;
}
.visual .date-slicer .noUi-target[rtl='true'] .noUi-origin {
  left: -2.5px;
  right: auto;
}
.visual .date-slicer .noUi-horizontal {
  height: 3px;
}
.visual .date-slicer .noUi-horizontal {
  padding-right: 2.5px;
}
.visual .date-slicer .noUi-handle {
  width: 5px;
  height: 17px;
  border: none;
  border-radius: 4px;
  top: -7px;
  right: 0px;
  background-color: var(--theme-primary-color, #F2C811);
  cursor: pointer;
  transition: background-color 150ms;
  outline: none;
}
.visual .date-slicer .noUi-handle::after {
  height: 26px;
  width: 26px;
  background-color: transparent;
  left: -2px;
  top: -2px;
  right: -2px;
  bottom: -2px;
  position: absolute;
  content: "";
  cursor: pointer;
  z-index: -1;
}
html[data-focus-source='key'] .visual .date-slicer .noUi-handle:focus::after {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
  outline-offset: 1px;
}
.visual .date-slicer .noUi-handle:focus {
  outline: none;
}
.visual .date-slicer .noUi-target[rtl='true'] .noUi-handle {
  left: 0px;
  right: auto;
}
.visual .date-slicer .ui-selectmenu-button {
  outline: none;
}
.visual .slicer-header {
  margin: 0 0 0 8px;
  box-sizing: border-box;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  flex: 0 0 auto;
}
.visual .slicer-header .slicer-header-title {
  margin: 0 8px 0 0;
  margin-bottom: 2px;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
}
.visual .slicer-header .slicer-header-title .slicer-header-pending-icon {
  order: 1;
  margin: 2px 8px 0 0;
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
}
.visual .slicer-header .slicer-header-title .slicer-header-text {
  color: var(--neutral-primary-color, #333333);
  text-overflow: ellipsis;
  font-size: 14px;
  display: block;
  order: 2;
  overflow: hidden;
  white-space: nowrap;
  width: auto;
  margin: 0 8px 0 0;
}
.visual .slicer-header .slicer-header-title .slicer-header-pending-text {
  color: var(--neutral-primary-color, #333333);
  text-overflow: ellipsis;
  font-size: 14px;
  display: block;
  order: 2;
  overflow: hidden;
  white-space: nowrap;
  width: auto;
  margin: 0 8px 0 0;
  margin-right: 4px;
}
.visual .slicer-header .slicer-header-title .slicer-header-spacer {
  order: 3;
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
}
.visual .slicer-header .slicer-header-title .slicer-header-clear {
  align-self: flex-end;
  cursor: pointer;
  display: none;
  order: 4;
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  height: 1em;
  width: 1em;
  font-size: inherit;
  color: var(--neutral-secondary-color, #666666);
  outline: none;
}
.visual .slicer-header .slicer-header-title .slicer-header-clear::after {
  content: "\E75C";
  font-family: PowrMDL2;
  font-style: normal;
  position: absolute;
  font-size: inherit;
}
.visual .slicer-header .slicer-header-title .slicer-header-clear.enable-hover:hover {
  color: var(--black-color, #000);
}
.selected .visual .slicer-header .slicer-header-title .slicer-header-clear:not(.enable-hover) {
  display: flex;
}
.visual .relative-slicer {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.visual .relative-slicer .flex-row {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
}
.visual .relative-slicer .flex-column {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.visual .relative-slicer .selection-container {
  flex: 0 0 auto;
  padding: 0px 8px 0px 2px;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
}
.visual .relative-slicer .selection-container .range-menu {
  margin: 5px 0px 0px 6px;
  flex: 1 1 60%;
  min-width: 0;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
}
.visual .relative-slicer .selection-container .period-menu {
  margin: 5px 0px 0px 6px;
  flex: 1 1 100%;
  min-width: 0;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
}
.visual .relative-slicer .selection-container .ui-selectmenu-button {
  background: none;
  border: 1px solid var(--neutral-light-color, #EAEAEA) !important;
  border-radius: 0px;
  min-width: 0;
  position: relative;
  cursor: pointer;
  outline: none;
  height: 2.16em;
  font-size: 11px;
  padding: 0px 6px 0px 6px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  flex: 1 1 auto;
  justify-content: space-between;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
}
.visual .relative-slicer .selection-container .ui-selectmenu-button .ui-selectmenu-text {
  flex: 1 1 auto;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  align-self: center;
  margin-right: auto;
}
.visual .relative-slicer .selection-container .ui-selectmenu-button .ui-icon::before {
  content: "\E972";
  font-family: PowrMDL2;
  font-style: normal;
  position: absolute;
  font-size: 0.75em;
}
.visual .relative-slicer .selection-container .ui-selectmenu-button .ui-icon {
  align-self: center;
  height: 0.75em;
  width: 0.75em;
  text-indent: 0;
  margin-left: 0.5em;
  background: none;
  order: 2;
  font-size: inherit;
  flex-shrink: 0;
}
.visual .relative-slicer .selection-container .ui-selectmenu-button .ui-widget {
  font-size: inherit;
  font-family: inherit;
}
.visual .relative-slicer .selection-container .duration-input {
  min-width: 0;
  flex: 1 1 35%;
  align-self: center;
  box-sizing: border-box;
  width: 2.16em;
  height: 2.16em;
  padding: 0 0 0 0.5em;
  font-size: 12px;
  border: 1px solid var(--neutral-light-color, #EAEAEA);
  background-color: transparent;
  transition: border 250ms;
  opacity: 1;
  margin: 5px 0px 0px 6px;
  appearance: textfield;
}
.visual .relative-slicer .selection-container .duration-input:hover:enabled {
  border-color: var(--neutral-secondary-color, #666666);
}
.visual .relative-slicer .selection-container .duration-input:active:enabled,
.visual .relative-slicer .selection-container .duration-input:focus:enabled {
  border-color: var(--theme-primary-color, #F2C811);
}
.visual .relative-slicer .selection-container .duration-input:disabled {
  color: var(--neutral-light-color, #EAEAEA);
}
.visual .relative-slicer .selection-container .duration-input::-webkit-inner-spin-button,
.visual .relative-slicer .selection-container .duration-input::-webkit-outer-spin-button {
  display: none;
}
.visual .relative-slicer .restatement-container {
  margin: 7px 0px 0px 8px;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
}
.visual .relative-slicer .restatement-container .restatement-icon {
  font-family: PowrMDL2;
  font-style: normal;
  font-size: 0.75em;
  padding: 3px 5px 0px 0px;
  color: var(--neutral-secondary-color, #666666);
}
.visual .relative-slicer .restatement-container .restatement {
  font-size: 12px;
}
.visual .date-preselection-header {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  align-items: flex-start;
  gap: 8px;
  padding: 4px 4px 4px 8px;
  margin: 0;
  cursor: default;
  outline: none;
  border: none;
  background: none;
}
.visual .date-preselection-header .date-preselection-icon-wrapper:focus-visible {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
  outline-offset: -1px;
}
.visual .date-preselection-header .date-preselection-icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.visual .date-preselection-header .date-preselection-icon svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}
.visual .date-preselection-header .date-preselection-labels {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 2px;
  overflow: hidden;
}
.visual .date-preselection-header .date-preselection-primary-row,
.visual .date-preselection-header .date-preselection-relative-label {
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.visual .date-preselection-header .date-preselection-info-icon {
  display: inline-block;
  margin-left: 6px;
  font-size: inherit;
  line-height: 1;
  opacity: 0.5;
  cursor: default;
  vertical-align: -15%;
}
.visual .date-preselection-header ~ .date-slicer-slider.roundHandles {
  margin-top: calc(19px + var(--slicer-slider-handle-vertical-overflow, 0px));
}
.visual .debugVisualContainer {
  height: 100%;
  overflow: hidden;
  color: var(--neutral-dark-color, #212121);
}
.visual .debugVisualContainer > div {
  overflow: hidden;
}
.visual .debugVisualContainer .errorContainer {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--neutral-dark-color, #212121);
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  font-size: 14px;
  display: table;
  background-color: var(--neutral-lighter-color, #F4F4F4);
  width: 100%;
  height: 100%;
}
.visual .debugVisualContainer .errorContainer .errorMessage {
  display: table-cell;
  line-height: normal;
  vertical-align: middle;
  padding: 0px 20px;
  margin: 4px 4px;
  text-align: center;
}
.visual .debugVisualContainer .errorContainer .errorMessage .errorSpan {
  margin-right: 4px;
}
.visual .dragging-cursor {
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.visual.visual-actionButton button {
  background-color: transparent;
}
.visual.visual-actionButton .button-text {
  line-height: normal;
  /* to override button style at powerbidesktop.css */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.visual.visual-actionButton .rotate-animation {
  animation: rotate 4s linear infinite;
}
.visual.visual-shape > svg {
  position: absolute;
}
.visual .zoom {
  padding: 8px;
  box-sizing: border-box;
}
html[data-focus-source='key'] .visual .zoom:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.visual .zoom:focus {
  outline: none;
}
.visual .zoom:hover .noUi-handle {
  border-color: var(--gray-180, #252423);
}
.visual .zoom:hover .noUi-connect {
  background: var(--gray-180, #252423);
}
.visual .zoom .noUi-target {
  border: none;
}
.visual .zoom .noUi-connects {
  border-radius: 2px;
  background: var(--gray-60, #C8C6C4);
  overflow: inherit;
}
.visual .zoom .noUi-handle {
  width: 16px;
  height: 16px;
  border-width: 2px;
  border-radius: 8px;
  border-color: var(--gray-140, #484644);
  cursor: grab;
}
html[data-focus-source='key'] .visual .zoom .noUi-handle:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
html[data-focus-source='key'] .visual .zoom .noUi-handle:focus .noUi-tooltip {
  display: block;
}
.visual .zoom .noUi-handle:focus {
  outline: none;
}
.visual .zoom .noUi-connect {
  background: var(--gray-140, #484644);
  cursor: grab;
}
.visual .zoom .noUi-tooltip {
  display: none;
  font-size: 12px;
  color: var(--gray-180, #252423);
  padding: 10px;
  border-radius: 2px;
  border-color: transparent;
  background-color: #ffffff;
  filter: drop-shadow(0px 3.2px 7.2px rgba(0, 0, 0, 0.13)) drop-shadow(0px 0.6px 1.8px rgba(0, 0, 0, 0.11));
}
.visual .zoom .noUi-active .noUi-tooltip {
  display: block;
}
.visual .zoom .noUi-state-drag {
  cursor: grabbing;
}
.visual .zoom .noUi-state-drag .noUi-handle {
  border-color: var(--gray-210, #161514);
}
.visual .zoom .noUi-state-drag .noUi-connect {
  background: var(--gray-210, #161514);
}
.visual .zoom .noUi-marker {
  display: none;
}
.visual .zoom .noUi-value {
  padding: 0;
}
.visual .zoom.zoom-bottom .noUi-target {
  height: 4px;
}
.visual .zoom.zoom-bottom .noUi-handle {
  right: -8px;
  top: -6px;
}
.visual .zoom.zoom-bottom .noUi-target[rtl='true'] .noUi-handle {
  left: -8px;
  right: auto;
}
.visual .zoom.zoom-bottom .noUi-tooltip {
  bottom: 150%;
}
.visual .zoom.zoom-bottom .noUi-value {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.visual .zoom.zoom-bottom .noUi-connect:after {
  content: '';
  position: absolute;
  top: -6px;
  bottom: -6px;
  left: 0px;
  right: 0px;
}
.visual .zoom.zoom-left {
  padding-right: 16px;
}
.visual .zoom.zoom-left .noUi-target {
  width: 4px;
  height: 100%;
  float: right;
}
.visual .zoom.zoom-left .noUi-handle {
  right: -6px;
  top: -8px;
}
.visual .zoom.zoom-left .noUi-tooltip {
  right: auto;
  left: 150%;
}
.visual .zoom.zoom-left .noUi-pips {
  padding: 0;
}
.visual .zoom.zoom-left .noUi-value {
  right: 14px;
}
.visual .zoom.zoom-left .noUi-connect:after {
  content: '';
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: -6px;
  right: -6px;
}
.visual .zoom.zoom-right {
  padding-left: 16px;
}
.visual .zoom.zoom-right .noUi-target {
  width: 4px;
  height: 100%;
}
.visual .zoom.zoom-right .noUi-handle {
  right: -6px;
  top: -8px;
}
.visual .zoom.zoom-right .noUi-tooltip {
  right: 150%;
}
.visual .zoom.zoom-right .noUi-connect:after {
  content: '';
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: -6px;
  right: -6px;
}
.visual .zoom span.title {
  position: absolute;
  display: block;
  text-align: center;
}
.visual .noUi-handle {
  box-shadow: 0 0 1px transparent;
}
.visual .noUi-handle:before,
.visual .noUi-handle:after {
  content: none;
}
.visual .noUi-target.noUi-horizontal[rtl='true'] .noUi-origin {
  left: 0;
  right: auto;
}
.visual .expand-collapse-button {
  cursor: pointer;
  color: var(--expand-icon-color, var(--gray-120, #797775));
}
.visual .expand-collapse-button.non-expandable {
  visibility: hidden;
}
.visual .expand-collapse-button:hover {
  color: var(--expand-icon-hover-color, var(--gray-140, #484644));
}
.visual .expand-collapse-button .glyphicon {
  font-size: inherit;
  color: inherit;
}
.visual-sandbox {
  border: none;
  overflow: hidden;
}
div.debugVisual-controlsContainer {
  background: #444444;
  padding: 4px;
}
div.debugVisual-controlsContainer .controlBtn {
  margin: 3px;
  padding: 4px;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  color: white;
  cursor: pointer;
}
div.debugVisual-controlsContainer .controlBtn.active {
  background: var(--theme-primary-color, #F2C811);
  color: var(--theme-secondary-color, #000000);
}
div.ql-toolbar {
  white-space: nowrap;
  font-size: 14px;
}
div.ql-toolbar .toolbar-content.fixed-size {
  width: 560px;
}
div.ql-toolbar.high-contrast {
  border: 1px solid;
}
div.ql-toolbar .ql-formats {
  display: inline-flex;
  align-items: center;
}
div.ql-toolbar select.ql-picker {
  padding: 3px;
}
div.ql-toolbar div.fontcolorbutton-wrapper {
  display: inline-block;
}
div.ql-toolbar div.fontcolorbutton-wrapper .flyout {
  margin-left: 0;
}
div.ql-toolbar .toolbar-content label {
  margin: 3px;
}
div.ql-toolbar .toolbar-content button {
  background: none;
  border: none;
  margin: 3px;
  padding: 4px;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
}
div.ql-toolbar .toolbar-content button:hover,
div.ql-toolbar .toolbar-content button.ql-active {
  background: var(--theme-primary-color, #F2C811);
  color: var(--button-primary-content-color);
}
[data-legacy-theming="false"] div.ql-toolbar .toolbar-content button:hover,
[data-legacy-theming="false"] div.ql-toolbar .toolbar-content button.ql-active {
  background: var(--colorNeutralBackground1Selected);
  color: var(--colorNeutralForeground1Selected);
}
div.ql-toolbar .toolbar-content button.ql-color {
  position: relative;
  height: 24px;
  width: 24px;
  margin-right: 1px;
  padding-right: 2px;
}
div.ql-toolbar .toolbar-content button.ql-color .powervisuals-glyph {
  position: absolute;
  left: 4px;
  top: 4px;
  font-family: PowrMDL2;
  font-size: 16px;
}
div.ql-toolbar .toolbar-content button.colorpicker {
  margin-left: 0;
  padding-left: 2px;
  font-size: 8px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  height: 24px;
}
div.ql-toolbar .toolbar-url-input {
  display: inline-block;
  vertical-align: middle;
  top: 0 !important;
  left: 0 !important;
  position: relative;
  margin: 0 3px;
  padding: 0px;
  border: none;
  background-color: inherit;
  --urlButtonColor: var(--neutral-tertiary-color, #A6A6A6);
  --urlButtonColorHover: var(--button-primary-content-color);
  --urlColorHover: var(--highlight-color, var(--theme-darker-color, #BE9A27));
}
[data-legacy-theming="false"] div.ql-toolbar .toolbar-url-input {
  --urlButtonColor: var(--colorNeutralForeground1);
  --urlButtonBackgroundHover: var(--colorBrandBackground);
  --urlButtonColorHover: var(--colorNeutralForeground1);
  --urlColorHover: var(--colorBrandForeground1);
}
div.ql-toolbar .toolbar-url-input input {
  color: var(--neutral-primary-color, #333333);
}
div.ql-toolbar .toolbar-url-input a {
  margin: 0 3px;
  color: var(--secondary-chrome-font-color, var(--neutral-tertiary-color, #A6A6A6));
  background: inherit;
  max-width: 300px;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  vertical-align: middle;
}
div.ql-toolbar .toolbar-url-input a:hover {
  color: var(--urlColorHover);
}
html[data-focus-source='key'] div.ql-toolbar .toolbar-url-input a:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
html[data-focus-source='program'] div.ql-toolbar .toolbar-url-input a:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
div.ql-toolbar .toolbar-url-input .bar {
  font-size: 18px;
  color: var(--secondary-chrome-font-color, var(--neutral-tertiary-color, #A6A6A6));
}
div.ql-toolbar .toolbar-url-input .change {
  display: none;
}
div.ql-toolbar .toolbar-url-input .ql-action,
div.ql-toolbar .toolbar-url-input .ql-remove {
  font-size: 14px;
  color: var(--urlButtonColor);
}
div.ql-toolbar .toolbar-url-input .ql-action:hover,
div.ql-toolbar .toolbar-url-input .ql-remove:hover,
div.ql-toolbar .toolbar-url-input .ql-action.ql-active,
div.ql-toolbar .toolbar-url-input .ql-remove.ql-active {
  color: var(--urlButtonColorHover);
}
[data-legacy-theming="false"] div.ql-toolbar .toolbar-url-input .ql-action:hover,
[data-legacy-theming="false"] div.ql-toolbar .toolbar-url-input .ql-remove:hover,
[data-legacy-theming="false"] div.ql-toolbar .toolbar-url-input .ql-action.ql-active,
[data-legacy-theming="false"] div.ql-toolbar .toolbar-url-input .ql-remove.ql-active {
  background-color: var(--urlButtonBackgroundHover);
}
div.ql-toolbar .toolbar-url-input.ql-editing .bar,
div.ql-toolbar .toolbar-url-input.ql-editing .ql-preview,
div.ql-toolbar .toolbar-url-input.ql-editing .ql-remove,
div.ql-toolbar .toolbar-url-input.ql-editing .ql-action.ql-edit {
  display: none;
}
div.ql-toolbar .toolbar-url-input.ql-editing input,
div.ql-toolbar .toolbar-url-input.ql-editing .ql-action.ql-save {
  display: inline-block;
}
div.ql-toolbar .toolbar-url-input input,
div.ql-toolbar .toolbar-url-input .ql-action.ql-save {
  display: none;
}
div.ql-toolbar .toolbar-url-input .ql-link.ql-active + .toolbar-url-input,
div.ql-toolbar .toolbar-url-input .toolbar-url-input.editing {
  display: inline-block;
}
div.ql-toolbar.stackedToolbar {
  box-shadow: none;
  position: inherit;
}
div.ql-toolbar.stackedToolbar.overlayActive {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  flex-wrap: wrap;
}
div.ql-toolbar.stackedToolbar.overlayActive .toolbar-content {
  display: flex;
  flex-wrap: wrap;
}
div.ql-toolbar.stackedToolbar .toolbar-url-input a {
  margin: 0;
}
div.ql-toolbar.stackedToolbar .toolbar-url-input .ql-preview {
  max-width: 130px;
  overflow: hidden;
  display: inline-block;
  line-height: normal;
}
div.ql-toolbar.stackedToolbar .toolbar-url-input input {
  width: 165px;
  margin: 0;
}
div.ql-toolbar.stackedToolbar .ql-formats {
  margin-top: 8px;
  display: inline-flex;
  align-items: center;
}
div.ql-toolbar.stackedToolbar label {
  display: none;
}
div.ql-toolbar.stackedToolbar select.ql-font {
  width: 166px;
}
div.ql-toolbar.stackedToolbar select.ql-size {
  width: 60px;
  margin-left: 10px;
}
div.ql-toolbar.overlayedToolbar {
  padding: 4px;
  align-items: center;
}
div.ql-toolbar.overlayedToolbar.overlayActive {
  display: inline-flex;
  z-index: 5;
}
div.ql-toolbar.overlayedToolbar select.ql-picker {
  margin: 3px;
}
div.ql-toolbar.overlayedToolbar .ql-formats {
  margin: 0px 2px;
}
div.ql-toolbar.overlayedToolbar select.ql-font {
  width: 122px;
}
div.ql-toolbar.inlineToolbar .toolbar-content .ql-formats select {
  font-size: 12px;
  border: 1px solid var(--fluent-theme-neutral-quarter-color, #D2D0CE);
}
div.ql-toolbar.inlineToolbar .toolbar-content .ql-formats button {
  padding: 5px;
  border-radius: 4px;
}
div.ql-toolbar.inlineToolbar .toolbar-content .ql-formats button:hover,
div.ql-toolbar.inlineToolbar .toolbar-content .ql-formats button.ql-active {
  background: var(--fluent-theme-neutral-quarter-color, #D2D0CE);
}
div.ql-toolbar.darkTheme {
  background: var(--neutral-primary-color, #333333);
  color: var(--white-color, #FFF);
}
div.ql-toolbar.darkTheme select.ql-picker {
  background: var(--neutral-primary-color-alt, #444444);
  border: 1px solid var(--black-color, #000);
}
div.ql-toolbar.darkTheme button {
  background: var(--neutral-primary-color, #333333);
  color: var(--white-color, #FFF);
}
div.ql-toolbar.darkTheme button:hover,
div.ql-toolbar.darkTheme button.ql-active {
  background: var(--theme-primary-color, #F2C811);
  color: var(--neutral-primary-color, #333333);
}
div.ql-toolbar.neutralGrayTheme {
  --fontSelectColor: var(--fluent-theme-neutral-primary-color, #323130);
  --upperBlockBackground: var(--fluent-theme-neutral-lighter-color, #F3F2F1);
  --upperBlockBackgroundOverlayActive: var(--gray-20, #F3F2F1);
  background: var(--upperBlockBackground);
  color: var(--fontSelectColor);
  padding: 0;
}
[data-legacy-theming="false"] div.ql-toolbar.neutralGrayTheme {
  --fontSelectColor: var(--colorNeutralForeground1);
  --upperBlockBackground: var(--colorNeutralBackground1);
  --upperBlockBackgroundOverlayActive: var(--colorNeutralBackground1);
}
div.ql-toolbar.neutralGrayTheme.overlayActive {
  background-color: var(--upperBlockBackgroundOverlayActive);
  box-shadow: 0px 1.2px 3.6px rgba(0, 0, 0, 0.11), 0px 6.4px 14.4px rgba(0, 0, 0, 0.13);
  display: inline-block;
  z-index: 5;
}
div.ql-toolbar.neutralGrayTheme button {
  margin: 4px;
}
div.ql-toolbar.neutralGrayTheme .ql-formats {
  display: inline-block;
}
div.ql-toolbar.neutralGrayTheme select.ql-font {
  width: 168px;
}
div.ql-toolbar.neutralGrayTheme select.ql-picker {
  /**
              * TODO yulia:
              * This leftmost element is defining the height of textbox toolbar right now due to upper and lower margin of 16px.
              * Rather, the textbox toolbar should have a padding of 16px 0 16px 8px to achieve this.
              */
  margin: 16px 2px 16px 8px;
}
div.ql-toolbar.neutralGrayTheme select.ql-picker.ql-size {
  max-width: 56px;
}
div.ql-toolbar.neutralGrayTheme .toolbar-url-input {
  --urlInputBackgroundColor: var(--gray-20, #F3F2F1);
  background-color: var(--urlInputBackgroundColor);
  padding: 10px;
  top: -5px !important;
  left: 30px !important;
  box-shadow: 0px 1.2px 3.6px rgba(0, 0, 0, 0.11), 0px 6.4px 14.4px rgba(0, 0, 0, 0.13);
}
[data-legacy-theming="false"] div.ql-toolbar.neutralGrayTheme .toolbar-url-input {
  --urlInputBackgroundColor: var(--colorNeutralBackground1Selected);
}
div.ql-toolbar.overlayActive.on-object {
  --miniToolbarBackground: var(--white-color);
  display: flex;
  align-items: center;
  background-color: var(--miniToolbarBackground);
}
::ng-deep [data-legacy-theming="false"] div.ql-toolbar.overlayActive.on-object {
  --miniToolbarBackground: var(--colorNeutralBackground1) !important;
}
div.ql-toolbar.overlayActive.on-object .textboxFormattingSettingsContainer {
  margin-left: 8px;
}
div.ql-toolbar.overlayActive.on-object .textboxFormattingSettingsContainer .change-indicator-icon {
  padding-left: 0;
}
div.ql-toolbar .toolbar-content.on-object {
  display: flex;
  align-items: center;
}
div.ql-toolbar .toolbar-content.on-object.fixed-size {
  width: 450px;
}
div.ql-toolbar .toolbar-content.on-object select.ql-picker {
  margin: 4px;
}
div.ql-toolbar .toolbar-content.on-object select.ql-picker.ql-size {
  width: 52px;
}
div.ql-toolbar .toolbar-content.on-object .vertical-divider {
  border-left: 1px solid var(--fluent-theme-neutral-tertiary-alt-color);
  height: 60px;
}
div.ql-toolbar .toolbar-content.on-object .ql-formats {
  position: relative;
}
div.ql-toolbar .toolbar-content.on-object .ql-formats .toolbar-url-input {
  position: absolute;
  top: 100% !important;
  left: 0 !important;
  background-color: var(--white-color);
}
div.ql-toolbar .toolbar-content.on-object button.ql-color,
div.ql-toolbar .toolbar-content.on-object button.colorpicker,
div.ql-toolbar .toolbar-content.on-object .ql-formats > button {
  background: none;
  border: none;
  box-sizing: border-box;
  --buttonBackgroundSelected: var(--gray-40);
  --buttonBackgroundHover: var(--gray-30);
  --buttonBackgroundSelectedHover: var(--gray-50);
  --buttonColorSelected: var(--gray-180);
  --buttonColorHover: var(--gray-180);
  flex: none;
}
[data-legacy-theming="false"] div.ql-toolbar .toolbar-content.on-object button.ql-color,
[data-legacy-theming="false"] div.ql-toolbar .toolbar-content.on-object button.colorpicker,
[data-legacy-theming="false"] div.ql-toolbar .toolbar-content.on-object .ql-formats > button {
  --buttonBackgroundSelected: var(--colorNeutralBackground1Selected);
  --buttonBackgroundHover: var(--colorNeutralBackground1Hover);
  --buttonBackgroundSelectedHover: var(--colorNeutralBackground1Pressed);
  --buttonColorSelected: var(--colorNeutralForeground1Selected);
  --buttonColorHover: var(--colorNeutralForeground1Hover);
}
div.ql-toolbar .toolbar-content.on-object button.ql-color:hover:not(:focus-visible),
div.ql-toolbar .toolbar-content.on-object button.colorpicker:hover:not(:focus-visible),
div.ql-toolbar .toolbar-content.on-object .ql-formats > button:hover:not(:focus-visible),
div.ql-toolbar .toolbar-content.on-object button.ql-color:active:not(:focus-visible),
div.ql-toolbar .toolbar-content.on-object button.colorpicker:active:not(:focus-visible),
div.ql-toolbar .toolbar-content.on-object .ql-formats > button:active:not(:focus-visible) {
  border: none;
}
div.ql-toolbar .toolbar-content.on-object button.ql-color:hover:not(:disabled):not([disabled]):not(.disabled),
div.ql-toolbar .toolbar-content.on-object button.colorpicker:hover:not(:disabled):not([disabled]):not(.disabled),
div.ql-toolbar .toolbar-content.on-object .ql-formats > button:hover:not(:disabled):not([disabled]):not(.disabled) {
  background-color: var(--buttonBackgroundHover);
  color: var(--buttonColorHover);
}
div.ql-toolbar .toolbar-content.on-object button.ql-color:active:not(:disabled):not([disabled]):not(.disabled),
div.ql-toolbar .toolbar-content.on-object button.colorpicker:active:not(:disabled):not([disabled]):not(.disabled),
div.ql-toolbar .toolbar-content.on-object .ql-formats > button:active:not(:disabled):not([disabled]):not(.disabled),
div.ql-toolbar .toolbar-content.on-object button.ql-color:hover:active:not(:disabled):not([disabled]):not(.disabled),
div.ql-toolbar .toolbar-content.on-object button.colorpicker:hover:active:not(:disabled):not([disabled]):not(.disabled),
div.ql-toolbar .toolbar-content.on-object .ql-formats > button:hover:active:not(:disabled):not([disabled]):not(.disabled) {
  background-color: var(--buttonBackgroundSelectedHover);
  color: var(--buttonColorHover);
}
div.ql-toolbar .toolbar-content.on-object button.ql-color.ql-active:not(:hover):not(:active),
div.ql-toolbar .toolbar-content.on-object button.colorpicker.ql-active:not(:hover):not(:active),
div.ql-toolbar .toolbar-content.on-object .ql-formats > button.ql-active:not(:hover):not(:active),
div.ql-toolbar .toolbar-content.on-object button.ql-color.selected:not(:hover):not(:active),
div.ql-toolbar .toolbar-content.on-object button.colorpicker.selected:not(:hover):not(:active),
div.ql-toolbar .toolbar-content.on-object .ql-formats > button.selected:not(:hover):not(:active) {
  background-color: var(--buttonBackgroundSelected);
  color: var(--buttonColorSelected);
}
div.ql-toolbar .toolbar-content.on-object button.ql-color:focus-visible,
div.ql-toolbar .toolbar-content.on-object button.colorpicker:focus-visible,
div.ql-toolbar .toolbar-content.on-object .ql-formats > button:focus-visible {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
  outline-offset: -1px;
}
div.ql-toolbar .toolbar-content.on-object button.ql-color:disabled,
div.ql-toolbar .toolbar-content.on-object button.colorpicker:disabled,
div.ql-toolbar .toolbar-content.on-object .ql-formats > button:disabled,
div.ql-toolbar .toolbar-content.on-object button.ql-color[disabled],
div.ql-toolbar .toolbar-content.on-object button.colorpicker[disabled],
div.ql-toolbar .toolbar-content.on-object .ql-formats > button[disabled],
div.ql-toolbar .toolbar-content.on-object button.ql-color.disabled,
div.ql-toolbar .toolbar-content.on-object button.colorpicker.disabled,
div.ql-toolbar .toolbar-content.on-object .ql-formats > button.disabled {
  background: none;
  color: var(--gray-90);
}
div.ql-toolbar .toolbar-content.on-object button.ql-color:disabled .icon,
div.ql-toolbar .toolbar-content.on-object button.colorpicker:disabled .icon,
div.ql-toolbar .toolbar-content.on-object .ql-formats > button:disabled .icon,
div.ql-toolbar .toolbar-content.on-object button.ql-color[disabled] .icon,
div.ql-toolbar .toolbar-content.on-object button.colorpicker[disabled] .icon,
div.ql-toolbar .toolbar-content.on-object .ql-formats > button[disabled] .icon,
div.ql-toolbar .toolbar-content.on-object button.ql-color.disabled .icon,
div.ql-toolbar .toolbar-content.on-object button.colorpicker.disabled .icon,
div.ql-toolbar .toolbar-content.on-object .ql-formats > button.disabled .icon {
  opacity: 40%;
}
div.ql-toolbar .toolbar-content.on-object button.ql-color .icon,
div.ql-toolbar .toolbar-content.on-object button.colorpicker .icon,
div.ql-toolbar .toolbar-content.on-object .ql-formats > button .icon {
  width: 20px;
  height: 20px;
}
.tooltip-container {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  position: absolute;
  pointer-events: none;
  display: flex;
}
.tooltip-container.enhancedTooltips {
  filter: var(--fluent-shadow-depth8-filter, drop-shadow(0 3.2px 7.2px var(--colorNeutralShadowAmbient)) drop-shadow(0 0.6px 1.8px var(--colorNeutralShadowKey)));
}
@supports (-webkit-backdrop-filter: blur(0)) {
  .tooltip-container.enhancedTooltips {
    will-change: filter;
  }
}
.tooltip-container.enhancedTooltips .tooltip-content-container {
  background-color: var(--fluent-theme-white-color, #FBEEB5);
}
.tooltip-container.sticky {
  pointer-events: auto;
}
.tooltip-container.left {
  flex-direction: row;
}
.tooltip-container.right {
  flex-direction: row-reverse;
}
.tooltip-container .tooltip-content-container {
  max-width: 520px;
  background-color: var(--neutral-primary-color, #333333);
  opacity: 0.95;
}
.tooltip-container .tooltip-content-container ::-webkit-scrollbar {
  width: 4px;
}
.tooltip-container .tooltip-content-container ::-webkit-scrollbar-thumb {
  background: #6E6E6E;
  border-radius: 3px;
  opacity: 0.87;
}
.tooltip-container .tooltip-content-container ::-webkit-scrollbar-track-piece {
  background: var(--neutral-primary-color, #333333);
}
.tooltip-container .arrow {
  width: 0;
  height: 0;
}
.tooltip-container .arrow.top {
  margin-top: 7px;
  align-self: flex-start;
}
.tooltip-container .arrow.bottom {
  margin-bottom: 7px;
  align-self: flex-end;
}
.tooltip-container .arrow.left {
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 7px solid var(--neutral-primary-color, #333333);
}
.tooltip-container .arrow.right {
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid var(--neutral-primary-color, #333333);
}
.tooltip-container .arrow.hide-arrow {
  display: none;
}
.tooltip-data-container {
  padding: 16px;
  font-size: 12px;
  box-sizing: border-box;
}
.tooltip-data-container div.tooltip-header,
.tooltip-data-container div.tooltip-subheader {
  word-wrap: break-word;
  max-width: 260px;
  font-weight: bold;
  color: var(--white-color, #FFF);
  letter-spacing: 1px;
  padding-bottom: 4px;
}
.tooltip-data-container .tooltip-row {
  display: table-row;
}
.tooltip-data-container div.tooltip-icon-cell {
  display: table-cell;
  vertical-align: top;
  padding-right: 4px;
  padding-top: 1px;
  padding-bottom: 1px;
}
.tooltip-data-container div.tooltip-title-cell {
  display: table-cell;
  word-wrap: break-word;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  max-width: 260px;
  padding-top: 1px;
  padding-bottom: 1px;
  color: var(--neutral-tertiary-alt-color, #C8C8C8);
  text-align: right;
}
.tooltip-data-container div.tooltip-value-cell,
.tooltip-data-container div.tooltip-kpi-cell {
  display: table-cell;
  word-wrap: break-word;
  max-width: 260px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 12px;
  text-align: left;
}
.tooltip-data-container div.tooltip-value-cell {
  color: var(--neutral-lighter-color, #F4F4F4);
  font-family: 'Segoe UI Semibold', 'wf_segoe-ui_semibold', helvetica, arial, sans-serif;
}
.tooltip-data-container div.tooltip-footer {
  max-width: 260px;
  word-wrap: break-word;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  color: var(--neutral-tertiary-alt-color, #C8C8C8);
  text-align: left;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: var(--neutral-primary-color-alt, #444444);
  padding-top: 6px;
  margin-top: 6px;
}
.tooltip-data-container div.tooltip-discoverabilityText {
  font-style: italic;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  color: var(--neutral-tertiary-alt-color, #C8C8C8);
  padding-top: 8px;
}
.tooltip-light .tooltip-content-container {
  background: var(--white-color, #FFF);
  opacity: 1;
  box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.15);
}
.tooltip-light .arrow.left {
  border-right-color: var(--white-color, #FFF);
}
.tooltip-light .arrow.right {
  border-left-color: var(--white-color, #FFF);
}
.tooltip-light .tooltip-data-container div.tooltip-header,
.tooltip-light .tooltip-data-container div.tooltip-subheader {
  color: var(--black-color, #000);
}
.tooltip-light .tooltip-data-container div.tooltip-title-cell {
  color: var(--black-color, #000);
}
.tooltip-light .tooltip-data-container div.tooltip-value-cell {
  color: var(--black-color, #000);
}
.tooltip-light .tooltip-data-container div.tooltip-footer {
  color: var(--black-color, #000);
  border-top-color: var(--neutral-tertiary-alt-color, #C8C8C8);
}
.ui-datepicker.ui-widget {
  width: 294px;
  padding: 6px 10px;
  border: none;
  background: var(--white-color, #FFF);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
  border-radius: 0px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  color: var(--slicer-date-picker-color, #4D4D4D);
  z-index: 99999 !important;
  display: none;
}
.ui-datepicker.ui-widget a {
  line-height: 40px;
}
.ui-datepicker.ui-widget .ui-priority-secondary {
  color: #b3b3b3;
  opacity: 1;
}
.ui-datepicker.ui-widget .ui-state-default {
  border: none;
  background: none;
  padding: 0px;
  height: 40px;
  width: 40px;
}
.ui-datepicker.ui-widget .ui-datepicker-title {
  margin: 0;
  padding-left: 11px;
  text-align: left;
  font-size: 15px;
}
.ui-datepicker.ui-widget .ui-state-hover {
  background: var(--neutral-lighter-color, #F4F4F4);
}
.ui-datepicker.ui-widget .ui-state-active {
  background: var(--theme-primary-color, #F2C811);
  color: var(--slicer-date-picker-color, #4D4D4D);
  font-family: 'Segoe UI Semibold', 'wf_segoe-ui_semibold', helvetica, arial, sans-serif;
}
.ui-datepicker.ui-widget table {
  font-size: 12px;
  margin: 0px;
  width: 294px;
  height: 244px;
}
.ui-datepicker.ui-widget td {
  border: 0;
  height: 40px;
  width: 40px;
  padding: 0px;
  outline: none;
}
.ui-datepicker.ui-widget td span,
.ui-datepicker.ui-widget td a {
  text-align: center;
}
.ui-datepicker.ui-widget th,
.ui-datepicker.ui-widget .ui-widget-header {
  font-weight: normal;
}
.ui-datepicker.ui-widget th {
  font-size: 10px;
  padding: 7px 0px 10px 0px;
}
.ui-datepicker.ui-widget .ui-widget-header {
  border: none;
  background: none;
}
.ui-datepicker.ui-widget .ui-widget-header .ui-icon {
  background-size: 16px 16px;
  background-position: 0px 0px;
}
.ui-datepicker.ui-widget .ui-datepicker-next,
.ui-datepicker.ui-widget .ui-datepicker-prev {
  top: 3px;
  opacity: 0.3;
}
.ui-datepicker.ui-widget .ui-datepicker-prev {
  left: auto;
  right: 47px;
}
.ui-datepicker.ui-widget .ui-datepicker-next {
  left: auto;
  right: 6px;
}
.ui-datepicker.ui-widget .ui-datepicker-month {
  max-width: 40%;
}
.ui-datepicker.ui-widget .ui-datepicker-year {
  max-width: 25%;
}
.ui-datepicker.ui-widget .ui-datepicker-month,
.ui-datepicker.ui-widget .ui-datepicker-year {
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  font-size: 15px;
  color: var(--slicer-date-picker-color, #4D4D4D);
  opacity: 0.8;
  width: auto;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
}
.ui-datepicker.ui-widget .ui-widget-header .ui-icon-circle-triangle-e::before {
  content: "\E972";
  font-family: PowrMDL2;
  font-style: normal;
  position: absolute;
  top: -16px;
  font-size: 16px;
}
.ui-datepicker.ui-widget .ui-datepicker-prev-hover {
  top: 3px;
  right: 47px;
  border: none;
  background: none;
  opacity: 0.8;
}
.ui-datepicker.ui-widget .ui-datepicker-next-hover {
  top: 3px;
  right: 6px;
  border: none;
  background: none;
  opacity: 0.8;
}
.ui-datepicker.ui-widget .ui-datepicker-header .ui-state-hover {
  background-color: transparent;
}
.ui-datepicker.ui-widget .ui-datepicker-calendar thead::after {
  position: absolute;
  left: 0px;
  width: 100%;
  height: 1px;
  content: '';
  background-color: #F2F2F2;
}
.ui-datepicker.ui-widget .ui-widget-header .ui-icon-circle-triangle-w::before {
  content: "\E971";
  font-family: PowrMDL2;
  font-style: normal;
  position: absolute;
  top: -16px;
  font-size: 16px;
}
.ui-datepicker.ui-widget .ui-icon.ui-icon-circle-triangle-e,
.ui-datepicker.ui-widget .ui-icon.ui-icon-circle-triangle-w {
  text-indent: 0;
  background: none;
}
.ui-selectmenu-menu.slicer-select-menu {
  z-index: 99999 !important;
}
.ui-selectmenu-menu.slicer-select-menu .ui-menu {
  color: var(--neutral-secondary-color, #666666);
  width: auto !important;
  border: none;
  background: var(--white-color, #FFF);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
  border-radius: 0px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  font-size: 12px;
  font-weight: inherit;
  margin: 0;
  padding: 5px 0 5px 0;
  list-style: none;
  min-width: 100px;
}
.ui-selectmenu-menu.slicer-select-menu .ui-menu .ui-state-default {
  border: none;
  background: none;
}
.ui-selectmenu-menu.slicer-select-menu .ui-menu .ui-menu-item.ui-state-focus {
  border: none;
  background: var(--neutral-light-color, #EAEAEA);
  color: var(--neutral-primary-color, #333333);
}
.ui-selectmenu-menu.slicer-select-menu .ui-menu .ui-menu-item {
  padding: 5px 28px 5px 12px;
  cursor: pointer;
}
.ui-selectmenu-menu.slicer-select-menu .ui-menu .ui-menu-item::marker {
  content: none;
}
.ui-selectmenu-menu.slicer-select-menu .ui-menu .ui-state-active {
  border: 1px solid var(--gray-110, #8A8886);
  background-color: var(--fluent-theme-neutral-primary-color, #323130);
  color: var(--fluent-theme-neutral-light-color, #EDEBE9);
}
.ui-selectmenu-menu.slicer-select-menu .ui-menu .ui-state-disabled {
  color: var(--fluent-theme-neutral-secondary-alt-color, #767676);
  opacity: 1;
}
.slicer-dropdown-menu {
  padding: 5px 5px 3px 5px;
  margin: 5px 5px 0px 5px;
  border: 1px solid var(--neutral-light-color, #EAEAEA);
  display: flex;
  outline: none;
}
html[data-focus-source="key"] .slicer-dropdown-menu:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.slicer-dropdown-menu .slicer-restatement {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
}
.slicer-dropdown-menu .dropdown-chevron {
  float: right;
  margin-top: 2px;
}
.slicer-dropdown-popup {
  position: absolute;
  border: 1px solid var(--neutral-light-color, #EAEAEA);
  display: none;
  background-color: var(--globalColorWhite);
  padding: 0px 0px 5px 0px;
  box-shadow: none;
  z-index: 99999;
  -webkit-tap-highlight-color: transparent;
}
html[data-focus-source="key"] .slicer-dropdown-popup.focused .slicerContainer .slicerItemContainer:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
  outline-offset: -1px;
}
.slicer-dropdown-popup .slicer-dropdown-loader {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: var(--globalColorWhite);
  display: none;
}
.slicer-dropdown-popup .flex-row {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
}
.slicer-dropdown-popup .flex-column {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.slicer-dropdown-popup .slicer-dropdown-content {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  width: 100%;
}
.slicer-dropdown-popup .slicerContainer {
  flex: 1 1 200px;
  -webkit-flex: 1 1 200px;
}
.slicer-dropdown-popup .slicerContainer .slicerBody {
  flex: 1 1 0px;
  -webkit-flex: 1 1 0px;
}
.slicer-dropdown-popup .scroll-wrapper {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  flex: 1 0 0;
  -webkit-flex: 1 0 0;
  max-height: 200px;
}
.slicer-dropdown-popup .scroll-wrapper .scrollbar-inner.scroll-content {
  height: auto;
}
.slicer-dropdown-popup .searchHeader {
  overflow: hidden;
}
.slicer-dropdown-popup .searchHeader.collapsed {
  display: none;
}
.slicer-dropdown-popup .searchHeader.show {
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  display: -webkit-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--neutral-tertiary-alt-color, #C8C8C8);
  min-height: 20px;
  margin: 0;
}
.slicer-dropdown-popup .searchHeader .search {
  cursor: pointer;
  margin: 0 8px;
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  color: var(--neutral-dark-color, #212121);
}
.slicer-dropdown-popup .searchHeader input {
  color: var(--neutral-primary-color, #333333);
  cursor: auto;
  align-self: center;
  flex: 1 1 0px;
  -webkit-flex: 1 1 0px;
  border-style: none;
  padding: 0;
}
html[data-focus-source="key"] .slicer-dropdown-popup .searchHeader input:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.slicer-dropdown-popup .searchHeader input:focus {
  outline: none;
}
.visually-hidden {
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
  padding: 0 !important;
}
@media print {
  body .hoverLineGroup {
    display: none !important;
  }
  div.ql-toolbar {
    display: none !important;
  }
  .slicer-dropdown-popup,
  .ui-datepicker.ui-widget {
    display: none !important;
  }
  .tooltip-container {
    display: none;
  }
}
.small-multiples-grid {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
}
.small-multiples-grid .small-multiples-grid-footer {
  flex-grow: 1;
  flex-shrink: 0;
}
.small-multiples-grid .small-multiples-grid-border {
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: border-box;
  pointer-events: none;
}
.small-multiples-grid .small-multiples-grid-background {
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: border-box;
  pointer-events: none;
  z-index: -1;
}
.small-multiples-grid .small-multiples-grid-background-color {
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: border-box;
  pointer-events: none;
  z-index: -2;
}
.small-multiples-grid .small-multiples-grid-body {
  flex-grow: 0;
  flex-basis: 0;
  flex-shrink: 0;
  position: relative;
  display: flex;
  flex-direction: column;
}
.small-multiples-grid .small-multiples-grid-body .scroll-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1 0 0px;
  -webkit-flex: 1 0 0px;
}
.small-multiples-grid .small-multiples-grid-body .small-multiples-grid-line {
  border: 0;
}
.small-multiples-grid .small-multiples-grid-body .small-multiples-grid-line.vertical {
  position: absolute;
  width: 0;
  top: 0;
  bottom: 0;
}
.small-multiples-grid .small-multiples-grid-body .small-multiples-grid-line.vertical.grid-line-rotated {
  height: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.small-multiples-grid .small-multiples-grid-row-wrapper {
  display: flex;
  flex-direction: column;
}
.small-multiples-grid .small-multiples-grid-row-wrapper .horizontal-wrapper .small-multiples-grid-line.horizontal,
.small-multiples-grid .small-multiples-grid-row-wrapper .horizontal-wrapper .small-multiples-grid-line.horizontal-outer,
.small-multiples-grid .small-multiples-grid-row-wrapper .horizontal-wrapper-bottom .small-multiples-grid-line.horizontal-outer,
.small-multiples-grid .small-multiples-grid-row-wrapper .horizontal-wrapper-header .small-multiples-grid-line.horizontal-header {
  position: relative;
  height: 0;
}
.small-multiples-grid .small-multiples-grid-row-wrapper .horizontal-wrapper .small-multiples-grid-line.horizontal.grid-line-rotated,
.small-multiples-grid .small-multiples-grid-row-wrapper .horizontal-wrapper .small-multiples-grid-line.horizontal-outer.grid-line-rotated,
.small-multiples-grid .small-multiples-grid-row-wrapper .horizontal-wrapper-bottom .small-multiples-grid-line.horizontal-outer.grid-line-rotated,
.small-multiples-grid .small-multiples-grid-row-wrapper .horizontal-wrapper-header .small-multiples-grid-line.horizontal-header.grid-line-rotated {
  height: 100%;
}
.small-multiples-grid .small-multiples-grid-row-wrapper .small-multiples-grid-row {
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  flex-grow: 0;
}
.small-multiples-grid .small-multiples-grid-row-wrapper .small-multiples-grid-row .small-multiples-grid-header-cell {
  /** headers supposed to used fixed size */
  flex-grow: 0;
  flex-shrink: 0;
  box-sizing: border-box;
}
.small-multiples-grid .small-multiples-grid-row-wrapper .small-multiples-grid-row .small-multiples-grid-cell {
  display: flex;
  background-clip: content-box;
  flex-basis: 0;
  flex-grow: 1;
}
.small-multiples-grid .small-multiples-grid-row-wrapper .small-multiples-grid-row .small-multiples-grid-cell .small-multiples-grid-cell-content {
  display: flex;
  flex-grow: 1;
  position: relative;
}
.small-multiples-grid .small-multiples-grid-row-wrapper .small-multiples-grid-row .small-multiples-grid-cell .small-multiples-grid-cell-subheader {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre;
  box-sizing: border-box;
}
.small-multiples-grid .small-multiples-grid-row-wrapper .small-multiples-grid-row .small-multiples-grid-cell .small-multiples-grid-cell-subheader .truncate {
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline;
}
.tooltip-container.small-touch-screen,
.tooltip-container.large-touch-screen {
  pointer-events: auto;
}
.tooltip-container.small-touch-screen .tooltip-content-container,
.tooltip-container.large-touch-screen .tooltip-content-container {
  max-width: none;
  background-color: transparent !important;
  opacity: 1 !important;
  padding-bottom: 4px;
}
.tooltip-container.small-touch-screen .tooltip-data-container,
.tooltip-container.large-touch-screen .tooltip-data-container {
  overflow-y: scroll;
  overflow-x: auto;
  padding: 0px 12px 2px 24px;
}
.tooltip-container.small-touch-screen .arrow,
.tooltip-container.large-touch-screen .arrow {
  z-index: 999999;
}
.tooltip-container.small-touch-screen .arrow.left,
.tooltip-container.large-touch-screen .arrow.left {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid var(--neutral-primary-color, #333333);
}
.tooltip-container.small-touch-screen .arrow.right,
.tooltip-container.large-touch-screen .arrow.right {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid var(--neutral-primary-color, #333333);
}
.tooltip-container.small-touch-screen .tooltip-data-container {
  max-height: 160px;
}
.tooltip-container.small-touch-screen .tooltip-data-container {
  min-width: 164px;
  min-height: 48px;
  max-height: 100px;
}
@media (orientation: landscape) {
  .tooltip-container.truncate-tooltip-height .tooltip-data-container {
    max-height: 100px;
  }
}
.tooltip-container.large-touch-screen .tooltip-data-container {
  min-width: 304px;
  max-width: 480px;
  max-height: 132px;
}
:root {
  --subSelectionShadowColor: #FFF;
}
[data-theme="dark"] {
  --subSelectionShadowColor: var(--colorNeutralBackground1);
}
.outlineContainer .outline-svg-shapes,
.outlineContainer .outline-svg-handles {
  position: absolute;
  pointer-events: none;
  height: 100%;
  width: 100%;
}
.outlineContainer .outline-active {
  filter: drop-shadow(1px 0 0 var(--subSelectionShadowColor)) drop-shadow(0 1px 0 var(--subSelectionShadowColor)) drop-shadow(-1px 0 0 var(--subSelectionShadowColor)) drop-shadow(0 -1px 0 var(--subSelectionShadowColor));
  stroke: var(--gray-130, #605E5C);
  stroke-width: 2;
  fill: none;
}
.outlineContainer .outline-hover {
  filter: drop-shadow(1px 0 0 var(--subSelectionShadowColor)) drop-shadow(0 1px 0 var(--subSelectionShadowColor)) drop-shadow(-1px 0 0 var(--subSelectionShadowColor)) drop-shadow(0 -1px 0 var(--subSelectionShadowColor));
  stroke: var(--global-color-brand-80, #0078D4);
  stroke-width: 2;
  fill: none;
}
.outlineContainer .outline-svg-handles .outline-handle {
  fill: var(--global-color-brand-150, #DEECF9);
  stroke: var(--global-color-brand-80, #0078D4);
  stroke-width: 2;
}
.visual-dataViewer .jsonViewScrollPane{overflow:auto;height:100%;width:100%}.visual-dataViewer .renderjson{font-size:12px}.visual-dataViewer .renderjson a{text-decoration:none}.visual-dataViewer .renderjson .disclosure{color:black}.visual-dataViewer .renderjson .syntax{color:grey}.visual-dataViewer .renderjson .string{color:darkred}.visual-dataViewer .renderjson .number{color:darkcyan}.visual-dataViewer .renderjson .boolean{color:blueviolet}.visual-dataViewer .renderjson .key{color:darkblue}.visual-dataViewer .renderjson .keyword{color:blue}.visual-dataViewer .renderjson .function{color:dimgray}.visual-dataViewer .renderjson .function.syntax{color:deeppink}.visual-dataViewer .renderjson .object.syntax{color:lightseagreen}.visual-dataViewer .renderjson .array.syntax{color:orange}

/**
 * Styles
 */
body.fullScreen .explorationContainer .explorationHost {
  top: 0;
}
.explorationHost {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.explorationHost.notificationVisible {
  top: 72px;
}
.explorationHost.welcomeBarVisible {
  top: 100px;
}
.explorationHost.notificationVisible.welcomeBarVisible {
  top: 132px;
}
.explorationHost .verticalItemsContainer {
  height: 100%;
}
.explorationHost .horizontalItemsContainer {
  float: none;
  width: auto;
  overflow: hidden;
  height: 100%;
  position: relative;
}
.explorationHostNoAppBar {
  top: 0;
}
.explorationContainer button:where(:not(.pbi-fluent-button):not(.fui-Button)) {
  padding: 0;
  border: none;
}
.explorationContainer ul,
.explorationContainer ol,
.explorationContainer li {
  padding: 0;
  margin: 0;
  font-size: 12px;
  list-style: none;
  box-sizing: border-box;
}
.explorationContainer h1,
.explorationContainer h2,
.explorationContainer h3,
.explorationContainer h4,
.explorationContainer h5,
.explorationContainer h6 {
  margin: 0;
}
.explorationContainer input {
  box-sizing: border-box;
  outline: 0;
}
.explorationContainer .description {
  font-size: 12px;
}
.explorationContainer.infoNavContainer .explorationHost {
  top: 0;
}
.explorationContainer.infoNavContainer .paneHeader {
  padding-bottom: 0;
}
.explorationContainer.infoNavContainer .importButton {
  display: none;
}
.explorationContainer.explorationHosted .paneHeader {
  padding-bottom: 0;
}
.explorationContainer.explorationHosted .explorationNavigationContent .pane {
  padding-left: 0;
  height: 35px;
}
.explorationContainer.explorationHosted .explorationNavigationContent .pane .create.static.section {
  left: 0;
}
.explorationContainer .rightSidePane {
  float: right;
  height: 100%;
  position: relative;
}
.explorationContainer .editing {
  background: var(--report-background-color_editing, #fafafa);
}
.explorationContainer .reading {
  background: var(--neutral-primary-color, #333333);
}
.explorationContainer .reading .explorationHost {
  bottom: 10px;
}
.explorationContainer .reading .exploration {
  float: none;
  width: auto;
  overflow: hidden;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  margin: 0 10px 10px 10px;
  background-color: var(--neutral-light-color, #EAEAEA);
}
.explorationContainer .ui-draggable-dragging {
  z-index: 10;
  opacity: 0.7;
}
.explorationHosted .rightSidePane {
  float: right;
  height: 100%;
  position: relative;
}
.explorationHosted .exploration {
  float: none;
  width: auto;
  overflow: hidden;
  height: 100%;
  position: relative;
}
.explorationHosted .visualizationPane {
  width: 260px;
}
.explorationHosted .taskPane {
  width: 180px;
}
.explorationHosted .explorationHost {
  top: 0;
}
.explorationWithChrome .rightSidePane {
  float: right;
  height: 100%;
  position: relative;
}
.explorationWithChrome .exploration {
  float: none;
  width: auto;
  overflow: hidden;
  height: 100%;
  position: relative;
}
.explorationWithChrome .visualizationPane {
  width: 260px;
}
.explorationWithChrome .taskPane {
  width: 180px;
}
.explorationWithChrome .explorationMask,
.explorationHosted .explorationMask {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0.6;
  background: var(--neutral-secondary-color, #666666);
  z-index: 9999;
}
.explorationContainer {
  width: 100%;
  height: 100%;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
}
.explorationContainer h1,
.explorationContainer h2,
.explorationContainer h3,
.explorationContainer h4,
.explorationContainer h5,
.explorationContainer h6 {
  font-weight: normal;
}
.explorationContainer .collapsed {
  display: none;
}
.explorationContainer .appBar exploration-app-bar {
  display: flex;
  flex-grow: 1;
  overflow: hidden;
}
.explorationContainer .exploration {
  float: none;
  width: auto;
  overflow: hidden;
  height: 100%;
  position: relative;
}
@media print {
  .explorationContainer .exploration {
    background: var(--globalColorWhite);
  }
}
@media screen {
  .explorationContainer .exploration {
    background: var(--white-color, #FFF);
  }
}
.explorationContainer .exploration.phone-form-factor-background {
  background: var(--neutral-light-color, #EAEAEA);
}
.explorationContainer .exploreCanvas {
  bottom: 36px;
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  z-index: 0;
  overflow: auto;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.explorationContainer .exploreCanvasToBottom .exploreCanvas {
  bottom: 0;
}
.explorationContainer .exploreCanvasWithFullScreenComponent .exploreCanvas {
  bottom: 48px;
}
.canvasSpinnerBackground {
  background-color: var(--white-color, #FFF);
  position: relative;
  height: 100%;
  width: 100%;
}
.centeredSpinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  pointer-events: none;
}
.explorationSaveAsName {
  width: 100%;
  box-sizing: border-box;
  margin-top: 15px;
  padding-top: 1px;
  padding-bottom: 1px;
}
.statusBarRightPane {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.infonav-dialogContent .explorationSaveDialog {
  color: var(--neutral-primary-color, #333333);
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.infonav-dialogContent .explorationSaveDialog .title {
  font-family: 'Segoe UI Semilight', 'wf_segoe-ui_semilight', helvetica, arial, sans-serif;
  font-size: 24px;
}
.infonav-dialogContent .explorationSaveDialog .message {
  margin-top: 20px;
  margin-bottom: 20px;
}
.virtual-list-container {
  max-height: 300px;
}
@media print {
  body .resizeHandle {
    display: none !important;
  }
  body .explorationContainer .explorationHost {
    top: 0;
    /* Desktop */
  }
  body .explorationContainer .explorationHost .visualizationPane,
  body .explorationContainer .explorationHost .taskPane,
  body .explorationContainer .explorationHost .explorationNavigationContent,
  body .explorationContainer .explorationHost .toolbar,
  body .explorationContainer .explorationHost .buildPane,
  body .explorationContainer .explorationHost .customizePane,
  body .explorationContainer .explorationHost .paneSwitcher {
    display: none;
  }
  body .explorationContainer .explorationHost .exploreCanvas {
    overflow: hidden !important;
  }
  body .explorationContainer .explorationHost .exploreCanvas .outspaceContainer {
    opacity: 0 !important;
  }
  body .explorationContainer .explorationHost .exploreCanvas .displayArea {
    box-shadow: none !important;
    transition-duration: 0s !important;
    outline: none !important;
  }
  body .explorationContainer .explorationHost .exploreCanvas .displayArea blank-canvas-watermark {
    display: none !important;
  }
  body .explorationContainer .explorationHost .exploreCanvas .displayArea .visualContainer,
  body .explorationContainer .explorationHost .exploreCanvas .displayArea .visualContainerGroup {
    border: none !important;
  }
  body .explorationContainer .explorationHost .exploreCanvas .displayArea .visualContainer .visualContainerBorder,
  body .explorationContainer .explorationHost .exploreCanvas .displayArea .visualContainerGroup .visualContainerBorder {
    display: none !important;
  }
  body .explorationContainer .explorationHost .exploreCanvas .displayArea .visualContainer .vcHeader,
  body .explorationContainer .explorationHost .exploreCanvas .displayArea .visualContainerGroup .vcHeader {
    display: none !important;
  }
  body .explorationContainer .explorationHost .exploreCanvas .displayArea .visualContainer .visualTitle,
  body .explorationContainer .explorationHost .exploreCanvas .displayArea .visualContainerGroup .visualTitle {
    width: auto !important;
  }
  body .explorationContainer .explorationHost .exploreCanvas .displayArea .visualContainer .resizeHandle,
  body .explorationContainer .explorationHost .exploreCanvas .displayArea .visualContainerGroup .resizeHandle {
    display: none !important;
  }
  body .explorationContainer .explorationHost .exploreCanvas .displayArea .visualContainer .vcFooter,
  body .explorationContainer .explorationHost .exploreCanvas .displayArea .visualContainerGroup .vcFooter {
    display: none !important;
  }
  body .explorationContainer .explorationHost .exploreCanvas .outspacePane {
    display: none !important;
  }
  body .explorationContainer .explorationHost .exploration {
    outline: none;
  }
  body .explorationMask {
    display: none;
  }
  body #exploration-container-app-bars {
    display: none;
  }
}
.explorationContainer .exploreCanvas .visualContainerHost {
  padding-top: 20px;
}
.explorationContainer .exploreCanvas.stylableVisualContainerHeader .visualContainerHost {
  padding-top: 0;
}
.explorationContainer .exploreCanvas {
  --phoneInnerBorderColor: var(--fluent-theme-neutral-quarter-color, #D2D0CE);
  overflow: visible;
  margin: 0;
  box-sizing: border-box;
  padding: 0;
  -ms-overflow-style: scrollbar;
}
[data-legacy-theming="false"] .explorationContainer .exploreCanvas {
  --phoneInnerBorderColor: var(--colorNeutralStrokeDisabled);
}
html[dir="rtl"] .explorationContainer .exploreCanvas .displayAreaContainer {
  direction: rtl;
}
.explorationContainer .exploreCanvas.phoneAuthoring.disableScroll .canvasFlexBox .displayAreaContainer .displayArea {
  overflow: hidden;
}
.explorationContainer .exploreCanvas.phoneAuthoring.disableScroll .canvasFlexBox .displayAreaContainer .displayArea .canvasWatermark {
  transform: scale(1) !important;
}
.explorationContainer .exploreCanvas.phoneAuthoring .outspaceContainer {
  background-color: var(--fluent-theme-neutral-quarter-alt-color, #E1DFDD);
}
.explorationContainer .exploreCanvas.phoneAuthoring .displayArea {
  box-sizing: content-box;
  padding-right: 8px;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: var(--globalColorWhite, #FFF);
}
.explorationContainer .exploreCanvas.phoneAuthoring .displayArea .visualBackgroundContainer,
.explorationContainer .exploreCanvas.phoneAuthoring .displayArea .visualContainerHost {
  height: 3600px;
  width: 324px;
}
.explorationContainer .exploreCanvas.phoneAuthoring .backdropVisible .displayArea {
  padding: 0 18px 0 10px;
  margin-top: 44px;
  box-shadow: none !important;
  border: 1px solid var(--phoneInnerBorderColor);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top: none;
}
.explorationContainer .exploreCanvas.phoneAuthoring .backdropVisible .displayArea::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: var(--gray-110, #8A8886);
  border: 1.5px solid transparent;
  background-clip: content-box;
}
.explorationContainer .exploreCanvas.phoneAuthoring .backdropVisible .displayArea::-webkit-scrollbar-track-piece {
  background-color: var(--fluent-theme-white-color, #FFF);
}
.explorationContainer .exploreCanvas.phoneAuthoring .backdropVisible .displayArea.actualSizeAlignTop {
  top: 0;
  margin-top: 114px;
}
.explorationContainer .exploreCanvas.phoneAuthoring .backdropVisible .displayArea.actualSizeOrigin {
  margin-left: 4px;
}
.explorationContainer .exploreCanvas.phoneAuthoring .backdropVisible .displayArea .visualBackgroundContainer {
  width: 344px;
  height: 3604px;
}
.explorationContainer .exploreCanvas.disableAnimations .visualContainer {
  transition: none;
}
.explorationContainer .exploreCanvas.responsive {
  overflow: auto;
}
.explorationContainer .exploreCanvas.popOut .visualBackgroundContainer {
  z-index: 10000002 !important;
}
.explorationContainer .exploreCanvas.hasSpotlight .visualContainer:not(.spotlight) {
  opacity: 0.15;
  transition: opacity 0.2s;
}
.explorationContainer .exploreCanvas .visualContainer.spotlight,
.explorationContainer .exploreCanvas .visualContainer.elevation {
  box-shadow: 0px 0px 2px var(--colorNeutralShadowAmbient), 0px 4px 8px var(--colorNeutralShadowKey);
  transition: box-shadow 0.2s;
  border-radius: 2px;
}
.explorationContainer .exploreCanvas.disableTouchZoom {
  touch-action: none;
}
.explorationContainer .exploreCanvas .canvasFlexBox {
  display: flex;
  height: 100%;
}
.explorationContainer .exploreCanvas .canvasFlexBox .displayAreaContainer {
  width: 100%;
  position: relative;
  scroll-behavior: smooth;
}
.explorationContainer .exploreCanvas .canvasFlexBox .displayAreaContainer.newCanvasScrollbar::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  background-color: var(--fluent-theme-white-color, #FFF);
}
.explorationContainer .exploreCanvas .canvasFlexBox .displayAreaContainer.newCanvasScrollbar::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: var(--gray-110, #8A8886);
}
.explorationContainer .exploreCanvas .canvasFlexBox .displayAreaContainer.newCanvasScrollbar::-webkit-scrollbar-thumb:horizontal {
  border-top: 2px solid var(--fluent-theme-white-color, #FFF);
  border-bottom: 2px solid var(--fluent-theme-white-color, #FFF);
}
.explorationContainer .exploreCanvas .canvasFlexBox .displayAreaContainer.newCanvasScrollbar::-webkit-scrollbar-thumb:vertical {
  border-left: 2px solid var(--fluent-theme-white-color, #FFF);
  border-right: 2px solid var(--fluent-theme-white-color, #FFF);
}
.explorationContainer .exploreCanvas .canvasFlexBox .displayAreaContainer.newCanvasScrollbar::-webkit-scrollbar-track-piece:horizontal {
  border-top: 2px solid var(--fluent-theme-white-color, #FFF);
  border-bottom: 2px solid var(--fluent-theme-white-color, #FFF);
}
.explorationContainer .exploreCanvas .canvasFlexBox .displayAreaContainer.newCanvasScrollbar::-webkit-scrollbar-track-piece:vertical {
  border-left: 2px solid var(--fluent-theme-white-color, #FFF);
  border-right: 2px solid var(--fluent-theme-white-color, #FFF);
}
.explorationContainer .exploreCanvas .canvasFlexBox .displayAreaContainer .displayArea {
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}
.explorationContainer .exploreCanvas .canvasFlexBox .displayAreaContainer .displayArea.fitToWidthOrigin {
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  top: 0;
  /* @noflip */
  left: 0;
  /* @noflip */
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.explorationContainer .exploreCanvas .canvasFlexBox .displayAreaContainer .displayArea.fitToScreen {
  /* @noflip */
  left: 0;
  top: 0;
  transform: none;
  transform-origin: 0;
  position: absolute;
  -webkit-transform: none;
  -webkit-transform-origin: 0;
}
.explorationContainer .exploreCanvas .canvasFlexBox .displayAreaContainer .displayAreaViewport {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.explorationContainer .exploreCanvas.phone-form-factor .canvasFlexBox .displayAreaContainer .displayArea {
  overflow-y: auto;
  box-sizing: content-box;
}
.explorationContainer .exploreCanvas .visualContainerHost {
  width: 100%;
  height: 100%;
  position: absolute;
  box-sizing: border-box;
}
.explorationContainer .exploreCanvas.phone-form-factor .canvasFlexBox .displayAreaContainer .displayArea {
  overflow-y: auto;
  box-sizing: content-box;
}
.explorationContainer .exploreCanvas.phone-form-factor .visualContainerHost {
  padding-top: 0;
}
.explorationContainer .exploreCanvas .backgroundContainer {
  position: absolute;
  top: 0;
  left: 0;
}
.explorationContainer .exploreCanvas .backgroundContainer.visualBackgroundContainer {
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.explorationContainer .exploreCanvas .backgroundContainer.outspaceContainer {
  height: 100%;
  width: 100%;
}
.explorationContainer .exploreCanvas .backgroundContainer .backgroundImageContainer {
  position: absolute;
}
.explorationContainer .exploreCanvas .backgroundContainer.Normal .backgroundImageContainer {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.explorationContainer .exploreCanvas .backgroundContainer.Fit .backgroundImageContainer {
  width: 100%;
  height: 100%;
}
.explorationContainer .exploreCanvas .backgroundContainer.Fit .backgroundImageContainer .backgroundImage {
  width: 100%;
  height: 100%;
}
.explorationContainer .exploreCanvas .backgroundContainer.Fill .backgroundImageContainer {
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.explorationContainer .exploreCanvas .backgroundContainer.Fill .backgroundImageContainer .backgroundImage {
  width: 100%;
}
.explorationContainer .exploreCanvas.phone-form-factor .displayArea.actualSizeAlignTop {
  top: 0;
  margin-top: 80px;
}
.explorationContainer .exploreCanvas.phone-form-factor .displayArea.actualSizeAlignLeft {
  left: 0;
  margin-left: 26px;
}
.explorationContainer .exploreCanvas .actualSizeAlignTop {
  top: 0;
  margin-top: 10px;
}
.explorationContainer .exploreCanvas .actualSizeAlignCenter {
  /* @noflip */
  left: 50%;
}
.explorationContainer .exploreCanvas .actualSizeAlignLeft {
  /* @noflip */
  left: 0;
  /* @noflip */
  margin-left: 10px;
}
.explorationContainer .exploreCanvas transform:not(.on-object) .visualContainer.selected > .visualContainerBorder,
.explorationContainer .exploreCanvas transform:not(.on-object) .visualContainerGroup.selected > .visualContainerBorder {
  border-color: var(--neutral-tertiary-alt-color, #C8C8C8);
}
.explorationContainer .exploreCanvas transform:not(.on-object) .visualContainer.selected:hover > .visualContainerBorder,
.explorationContainer .exploreCanvas transform:not(.on-object) .visualContainer.showHover > .visualContainerBorder,
.explorationContainer .exploreCanvas transform:not(.on-object) .visualContainerGroup.selected.showHover > .visualContainerBorder,
.explorationContainer .exploreCanvas transform:not(.on-object) .visualContainerGroup.isChildSelected > .visualContainerBorder {
  border-color: var(--neutral-tertiary-color, #A6A6A6);
}
.explorationContainer .exploreCanvas .multiSelection transform:not(.on-object) .visualContainer.selected > .visualContainerBorder,
.explorationContainer .exploreCanvas .multiSelection transform:not(.on-object) .visualContainerGroup.selected > .visualContainerBorder {
  border-color: none;
}
.explorationContainer .exploreCanvas .multiSelection transform:not(.on-object) .visualContainer.selecting > .visualContainerBorder,
.explorationContainer .exploreCanvas .multiSelection transform:not(.on-object) .visualContainerGroup.selecting > .visualContainerBorder {
  border-color: var(--neutral-tertiary-alt-color, #C8C8C8);
}
.explorationContainer .exploreCanvas .multiSelection transform:not(.on-object) .visualContainer.selected:hover > .visualContainerBorder,
.explorationContainer .exploreCanvas .multiSelection transform:not(.on-object) .visualContainer.showHover > .visualContainerBorder,
.explorationContainer .exploreCanvas .multiSelection transform:not(.on-object) .visualContainerGroup.selected.showHover > .visualContainerBorder {
  border-color: none;
}
.explorationContainer .exploreCanvas .multiSelection .visualContainer:hover .vcHeader {
  display: none;
}
.explorationContainer .exploreCanvas.brush-cursor * {
  cursor: url("../images/cursors/brush-cursor.png"), auto;
}
.vcOptionsMenu {
  border-radius: 3px;
  font-size: 12px;
}
.vcOptionsMenu ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  max-height: 400px;
  overflow-y: auto;
}
.vcOptionsMenu ul li {
  line-height: 16px;
  padding: 4px 10px;
  cursor: pointer;
  color: var(--neutral-primary-color, #333333);
}
.vcOptionsMenu ul li:hover {
  background: var(--neutral-light-color, #EAEAEA);
}
.vcOptionsMenu ul li .itemIcon,
.vcOptionsMenu ul li .glyphicon {
  float: left;
  width: 20px;
  margin-right: 4px;
}
.vcOptionsMenu ul li .itemLabel {
  display: inline-block;
  max-width: 240px;
  text-align: left;
}
.vcOptionsMenu ul hr {
  cursor: default;
  padding: 0;
  margin: 0;
  border: 1px solid var(--neutral-light-color, #EAEAEA);
}
.vcOptionsMenu ul .separator {
  cursor: default;
}
.vcOptionsMenu button {
  padding: 0;
  border: none;
  margin: 0;
  background: transparent !important;
  font-size: inherit;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  color: inherit;
}
.vcOptionsMenu .toggle.selected {
  color: var(--neutral-primary-color, #333333);
  font-family: 'Segoe UI Semibold', 'wf_segoe-ui_semibold', helvetica, arial, sans-serif;
}
.vcOptionsMenu .toggle.selected::before {
  content: '';
  position: absolute;
  width: 4px;
  height: 16px;
  background-color: var(--theme-primary-color, #F2C811);
  left: 0;
}
.vcOptionsMenu .sort .caption {
  display: inline-block;
}
.vcOptionsMenu .sort .toggleSortBtn[disabled] {
  opacity: 0.4;
}
@media print {
  body .vcOptionsMenu {
    display: none !important;
  }
}
.canvasBackdrop {
  --canvasBackgroundColor: var(--white-color, #FFF);
  width: 382px;
  height: 698px;
  border-radius: 35px;
  background-color: var(--canvasBackgroundColor);
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 30%;
  top: 20%;
}
[data-legacy-theming="false"] .canvasBackdrop {
  --canvasBackgroundColor: var(--colorNeutralBackground1);
}
.canvasBackdrop.actualSizeAlignCenter {
  left: 50%;
  margin-left: -176px;
}
.canvasBackdrop.actualSizeAlignMiddle {
  top: 50%;
  margin-top: -339px;
}
.canvasBackdrop.actualSizeAlignTop {
  top: 0;
  margin-top: 10px;
}
.canvasBackdrop.actualSizeAlignLeft {
  left: 0;
  margin-left: 10px;
}
.canvasBackdrop .mobileLayoutNotch {
  border: 1px solid var(--fluent-theme-neutral-quarter-color, #D2D0CE);
  display: inline-flex;
  position: absolute;
  width: 46px;
  height: 5px;
  border-radius: 10px;
  left: 50%;
  margin-left: -23px;
  top: 5%;
}
.canvasBackdrop .mobileLayoutHeaderMockup {
  width: calc(324px + 2 * 10px + 8px);
  background-color: var(--fluent-theme-neutral-lighter-alt-color, #FAF9F8);
  border: 1px solid var(--fluent-theme-neutral-quarter-color, #D2D0CE);
  border-bottom-color: rgba(33, 33, 33, 0.15);
  height: 44px;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  top: 50%;
  margin-top: -291px;
}
.canvasBackdrop .mobileLayoutHeaderMockup .backButtonMockup {
  color: var(--fluent-theme-neutral-quarter-alt-color, #E1DFDD);
  padding: 15px;
}
.canvasBackdrop .mobileLayoutHeaderMockup .titleMockupWrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.canvasBackdrop .mobileLayoutHeaderMockup .titleMockupWrapper .titleMockup {
  width: 215px;
  height: 11px;
  background-color: var(--fluent-theme-neutral-quarter-alt-color, #E1DFDD);
  margin-bottom: 5px;
}
.canvasBackdrop .mobileLayoutHeaderMockup .titleMockupWrapper .subtitleMockup {
  width: 122px;
  height: 7px;
  background-color: var(--fluent-theme-neutral-quarter-alt-color, #E1DFDD);
}
.explorationContainer .entityList {
  overflow: hidden;
  white-space: nowrap;
  padding: 2px 6px 2px 4px;
  margin: 1px 0;
}
.explorationContainer .fieldList {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  left: 0;
  display: inline-block;
  -ms-overflow-style: none;
}
.explorationContainer .fieldList mark {
  background-color: var(--theme-primary-color, #F2C811);
}
.explorationContainer .fieldList hr {
  border: solid var(--neutral-primary-color, #333333);
  border-width: 1px 0 0 0;
  margin-bottom: 8px;
}
.explorationContainer .fieldList .searchBox input:not(:focus):hover {
  border-color: var(--alert-color, #FFF9AE);
}
.explorationContainer .fieldList .getDataHint {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 10%;
}
.explorationContainer .fieldList .getDataHint i.pbi-glyph-table-group {
  color: var(--gray-180, #252423);
  margin-top: 16px;
}
.explorationContainer .fieldList .getDataHint .getDataText {
  text-align: center;
  margin-top: 8px;
}
.explorationContainer .fieldList .getDataHint .getDataText span {
  font-family: var(--fluent-font-family, "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif);
  font-size: var(--sm-font-size, 12px);
  font-weight: var(--font-weight-regular, 400);
  color: var(--gray-140, #484644);
}
.explorationContainer .fieldList .getDataHint .getDataText button {
  font-family: var(--fluent-font-family, "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif);
  font-size: var(--sm-font-size, 12px);
  font-weight: var(--font-weight-semi-bold, 600);
  background: transparent;
  color: var(--fluent-theme-link-darker-color, #005A9E);
}
.explorationContainer .fieldList .getDataHint .getDataText button label {
  cursor: pointer;
}
.explorationContainer .fieldList .scroll-wrapper {
  position: absolute !important;
  left: 0;
  right: 0;
  bottom: 0;
  top: 48px;
  height: auto;
}
.explorationContainer .entityContainer .caret {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  margin: 0 4px 0 0px;
  color: var(--gray-140, #484644);
  transform-origin: 50% 50%;
  transition: transform 0.25s;
}
.explorationContainer .entityContainer .caret.expanded {
  transform: rotate(0deg);
}
html[dir="rtl"] .explorationContainer .entityContainer .caret.expanded {
  transform: rotate(90deg);
}
.explorationContainer .entityContainer pbi-icon i {
  transition: transform 0.25s;
}
.explorationContainer .entityContainer pbi-icon i.glyphicon {
  margin: 0;
}
.explorationContainer .fieldListEntity {
  margin: 0;
  box-sizing: border-box;
  padding: 2px 4px;
  cursor: pointer;
  /* Applies to the EditableLabel inside the text element */
  /* Applies to the EditableLabel inside the text element */
}
.explorationContainer .fieldListEntity.selected {
  background-color: var(--neutral-primary-color, #333333);
}
.explorationContainer .fieldListEntity:hover {
  background: var(--neutral-primary-color-alt3, #515151);
}
.explorationContainer .fieldListEntity:hover .menuContainer .optionsMenu .glyphicon {
  opacity: 1;
}
.explorationContainer .fieldListEntity .fieldListTooltip {
  overflow: hidden;
  margin: 2px 0 2px 8px;
  vertical-align: middle;
  width: 100%;
}
.explorationContainer .fieldListEntity .fieldListTooltip .title {
  display: inline-block;
  padding: 0;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.explorationContainer .fieldListEntity .fieldListTooltip .title.hasCheckedProperties {
  color: var(--theme-primary-color, #F2C811);
}
.explorationContainer .fieldListEntity.inactive {
  color: var(--neutral-secondary-alt-color2, #888888);
}
.explorationContainer .fieldListEntity .textLabel {
  line-height: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.explorationContainer .fieldListEntity .textInput {
  height: 16px;
  line-height: 14px;
}
.explorationContainer .fieldListEntity:focus {
  outline: none;
}
html[data-focus-source="key"] .explorationContainer .fieldListEntity:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px) !important;
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color) !important;
}
.explorationContainer editable-label {
  display: flex;
  flex-direction: column;
}
.explorationContainer editable-label,
.explorationContainer editable-label .editableLabel {
  min-width: 0;
}
.explorationContainer editable-label .textInput {
  color: var(--neutral-dark-color, #212121);
  /* Text input is default inline */
  display: block;
  background: var(--neutral-tertiary-alt-color, #C8C8C8);
  color: var(--black-color, #000);
  padding: 0 4px;
  margin: 0 4px;
}
.explorationContainer editable-label .textInput::selection {
  background: var(--theme-primary-color, #F2C811);
  color: var(--text-primary-content-color-hc);
}
.explorationContainer .menuContainer {
  vertical-align: top;
}
.explorationContainer .menuContainer.propertyMenu {
  margin-right: 8px;
}
.explorationContainer .menuContainer .optionsMenu {
  padding: 0;
  border: none;
  background-color: transparent;
  outline: none;
}
.explorationContainer .menuContainer .optionsMenu .glyphicon {
  opacity: 0;
  color: var(--neutral-tertiary-color, #A6A6A6);
  font-size: 13px;
  padding-left: 12px;
}
.explorationContainer .menuContainer .optionsMenu:focus .glyphicon {
  opacity: 1 !important;
}
html[data-focus-source="key"] .explorationContainer .menuContainer .optionsMenu:focus .glyphicon {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.explorationContainer .menuContainer .dropdown {
  margin-top: 5px;
}
.explorationContainer .lastLineBorder {
  border-top: 1px solid transparent;
  margin: 0 1px;
}
.explorationContainer .lastLineBorder.prepend {
  border-top-color: var(--theme-primary-color, #F2C811) !important;
}
.explorationContainer field-list-property.append li {
  border-bottom-color: var(--theme-primary-color, #F2C811) !important;
}
.explorationContainer field-list-property.prepend li {
  border-top-color: var(--theme-primary-color, #F2C811) !important;
}
.explorationContainer field-list-property.dropover li {
  border: 1px dashed var(--theme-primary-color, #F2C811) !important;
}
.explorationContainer .fieldListProperty[drag],
.explorationContainer .fieldListProperty {
  box-sizing: border-box;
  cursor: pointer;
  color: var(--white-color, #FFF);
  background: var(--neutral-secondary-color, #666666);
  border: 1px solid var(--neutral-primary-color, #333333);
  border-radius: 3px;
  height: 22px;
  padding-left: 10px;
  white-space: nowrap;
}
.explorationContainer .fieldListProperty[drag].isLeaf,
.explorationContainer .fieldListProperty.isLeaf {
  border-radius: 0;
  border-top-style: none;
}
.explorationContainer .fieldListProperty[drag].lastLeaf,
.explorationContainer .fieldListProperty.lastLeaf {
  border-radius: 0 0 3px 3px;
}
.explorationContainer .fieldListProperty[drag].displayFolder,
.explorationContainer .fieldListProperty.displayFolder {
  border: none;
  background: none;
}
.explorationContainer .fieldListProperty[drag].kpi.expanded,
.explorationContainer .fieldListProperty.kpi.expanded,
.explorationContainer .fieldListProperty[drag].hierarchy.expanded,
.explorationContainer .fieldListProperty.hierarchy.expanded {
  border-radius: 3px 3px 0 0;
}
.explorationContainer .fieldListProperty[drag]:focus,
.explorationContainer .fieldListProperty:focus {
  outline: none;
}
html[data-focus-source="key"] .explorationContainer .fieldListProperty[drag]:focus,
html[data-focus-source="key"] .explorationContainer .fieldListProperty:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px) !important;
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color) !important;
}
.explorationContainer .fieldListProperty[drag] .fieldListIcon,
.explorationContainer .fieldListProperty .fieldListIcon {
  margin: 0 2px;
}
.explorationContainer .fieldListProperty[drag] .fieldListIcon.kpi,
.explorationContainer .fieldListProperty .fieldListIcon.kpi {
  margin: 0 8px 0 9px;
}
.explorationContainer .fieldListProperty[drag] .fieldListIcon.folder,
.explorationContainer .fieldListProperty .fieldListIcon.folder {
  margin: 0 10px 0 4px;
}
.explorationContainer .fieldListProperty[drag].selected,
.explorationContainer .fieldListProperty.selected {
  border: 1px solid var(--theme-primary-color, #F2C811);
}
.explorationContainer .fieldListProperty[drag] .propertyContent,
.explorationContainer .fieldListProperty .propertyContent {
  padding: 0;
}
.explorationContainer .fieldListProperty[drag] .propertyContent,
.explorationContainer .fieldListProperty .propertyContent,
.explorationContainer .fieldListProperty[drag] .propertyContent i,
.explorationContainer .fieldListProperty .propertyContent i {
  vertical-align: middle;
}
.explorationContainer .fieldListProperty[drag] .property-checkbox,
.explorationContainer .fieldListProperty .property-checkbox {
  margin-bottom: 0;
  margin-left: 20px;
}
.explorationContainer .fieldListProperty[drag] .property-checkbox input,
.explorationContainer .fieldListProperty .property-checkbox input {
  cursor: pointer;
}
.explorationContainer .fieldListProperty[drag] .property-checkbox.hasIcon,
.explorationContainer .fieldListProperty .property-checkbox.hasIcon {
  margin-left: 4px;
}
.explorationContainer .fieldListProperty[drag] .fieldListTooltip,
.explorationContainer .fieldListProperty .fieldListTooltip {
  overflow: hidden;
  vertical-align: middle;
  width: 100%;
}
.explorationContainer .fieldListProperty[drag] .fieldListTooltip .propertyText,
.explorationContainer .fieldListProperty .fieldListTooltip .propertyText {
  display: inline-block;
  cursor: pointer;
  text-indent: 1px;
  width: 100%;
  /* Applies to the EditableLabel inside the text element */
}
.explorationContainer .fieldListProperty[drag] .fieldListTooltip .propertyText .textLabel,
.explorationContainer .fieldListProperty .fieldListTooltip .propertyText .textLabel {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.explorationContainer .fieldListProperty[drag] .fieldListTooltip .propertyText.hasCheckedChildren,
.explorationContainer .fieldListProperty .fieldListTooltip .propertyText.hasCheckedChildren {
  color: var(--theme-primary-color, #F2C811);
}
.explorationContainer .fieldListProperty[drag] .dragHandle,
.explorationContainer .fieldListProperty .dragHandle {
  margin: 0 4px 2px;
  display: inline-block;
}
.explorationContainer .fieldListProperty[drag].inactive,
.explorationContainer .fieldListProperty.inactive {
  color: var(--neutral-secondary-alt-color2, #888888);
}
.explorationContainer .fieldListProperty[drag]:hover,
.explorationContainer .fieldListProperty:hover {
  background: var(--neutral-primary-color-alt3, #515151);
}
.explorationContainer .fieldListProperty[drag]:hover .menuContainer .optionsMenu .glyphicon,
.explorationContainer .fieldListProperty:hover .menuContainer .optionsMenu .glyphicon {
  opacity: 1;
}
.explorationContainer field-list-property {
  display: block;
}
.explorationContainer field-list-property.append {
  border-bottom-color: var(--theme-primary-color, #F2C811) !important;
}
.explorationContainer field-list-property.prepend {
  border-top-color: var(--theme-primary-color, #F2C811) !important;
}
.explorationContainer .fieldListIcon {
  display: inline-block;
  vertical-align: middle;
}
.newPaneColors.explorationContainer .fieldList hr {
  border-color: var(--gray-40, #E1DFDD);
}
.newPaneColors.explorationContainer .entityContainer .caret {
  color: var(--gray-180, #252423);
  transform: none;
  transition: none;
}
.newPaneColors.explorationContainer .fieldListIcon .fieldIcon {
  position: absolute;
  width: 16px;
  height: 16px;
}
.newPaneColors.explorationContainer .fieldListIcon .checkmarkIcon {
  position: absolute;
  width: 12px;
  height: 12px;
  margin: 8px 0px 0px 8px;
}
.newPaneColors.explorationContainer .fieldListEntity {
  border-radius: 2px;
}
.newPaneColors.explorationContainer .fieldListEntity.selected {
  background-color: var(--gray-50, #D2D0CE);
}
.newPaneColors.explorationContainer .fieldListEntity:hover {
  background-color: var(--gray-30, #EDEBE9);
}
.newPaneColors.explorationContainer .fieldListEntity.inactive {
  color: var(--gray-80, #B3B0AD);
}
.newPaneColors.explorationContainer .fieldListEntity .fieldListTooltip .title.hasCheckedProperties {
  color: var(--gray-180, #252423);
  font-weight: 600;
}
html[data-focus-source="key"] .newPaneColors.explorationContainer .fieldListEntity:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px) !important;
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color) !important;
}
.newPaneColors.explorationContainer editable-label .textInput {
  background: var(--white-color, #FFF);
  color: var(--gray-180, #252423);
  padding: 0 4px;
  margin: 0 4px;
}
.newPaneColors.explorationContainer .menuContainer .optionsMenu .glyphicon {
  color: var(--gray-180, #252423);
  padding-left: 12px;
}
.newPaneColors.explorationContainer .fieldListProperty[drag],
.newPaneColors.explorationContainer .fieldListProperty {
  color: var(--gray-180, #252423);
  background: var(--gray-20, #F3F2F1);
  border: none;
  border-radius: 2px;
  height: 24px;
}
.newPaneColors.explorationContainer .fieldListProperty[drag] .property-checkbox .checkboxBox,
.newPaneColors.explorationContainer .fieldListProperty .property-checkbox .checkboxBox {
  border-color: var(--fluent-theme-neutral-secondary-alt-color, #767676);
  border-radius: 2px;
}
.newPaneColors.explorationContainer .fieldListProperty[drag] .property-checkbox .checkboxBox.checked,
.newPaneColors.explorationContainer .fieldListProperty .property-checkbox .checkboxBox.checked {
  border-color: var(--theme-primary-color, #F2C811);
  background-color: var(--theme-primary-color, #F2C811);
}
.newPaneColors.explorationContainer .fieldListProperty[drag] .property-checkbox .checkboxBox.disabled,
.newPaneColors.explorationContainer .fieldListProperty .property-checkbox .checkboxBox.disabled {
  border-color: var(--gray-80, #B3B0AD);
  background-color: var(--gray-80, #B3B0AD);
}
.newPaneColors.explorationContainer .fieldListProperty[drag] .property-checkbox .checkboxCheck,
.newPaneColors.explorationContainer .fieldListProperty .property-checkbox .checkboxCheck {
  color: var(--gray-180, #252423);
}
html[data-focus-source="key"] .newPaneColors.explorationContainer .fieldListProperty[drag]:focus,
html[data-focus-source="key"] .newPaneColors.explorationContainer .fieldListProperty:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px) !important;
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color) !important;
}
.newPaneColors.explorationContainer .fieldListProperty[drag] .fieldListTooltip,
.newPaneColors.explorationContainer .fieldListProperty .fieldListTooltip {
  margin-left: 4px;
}
.newPaneColors.explorationContainer .fieldListProperty[drag] .fieldListTooltip .propertyText.hasCheckedChildren,
.newPaneColors.explorationContainer .fieldListProperty .fieldListTooltip .propertyText.hasCheckedChildren {
  color: var(--gray-180, #252423);
  font-weight: 600;
}
.newPaneColors.explorationContainer .fieldListProperty[drag].inactive,
.newPaneColors.explorationContainer .fieldListProperty.inactive {
  color: var(--gray-80, #B3B0AD);
}
.newPaneColors.explorationContainer .fieldListProperty[drag]:hover,
.newPaneColors.explorationContainer .fieldListProperty:hover {
  background: var(--gray-30, #EDEBE9);
}
.newPaneColors.explorationContainer .fieldListProperty[drag].selected,
.newPaneColors.explorationContainer .fieldListProperty.selected {
  background: var(--gray-50, #D2D0CE);
}
.visual-icon.powerApps.isOldIcon {
  background-image: url("../images/ExploreUI.sprites.png");
  background-position: 0px -248px;
  width: 20px;
  height: 20px;
}
.visual-icon.powerApps.isOldIcon.disabled {
  background-image: url("../images/ExploreUI.sprites.png");
  background-position: -20px -248px;
  width: 20px;
  height: 20px;
}
.filterPane .filterPaneIcon {
  width: 16px;
  height: 16px;
}
.visualizationPane .sectionIcon {
  display: inline-block;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  padding-left: 0;
}
.explorationContainer .fieldListIcon {
  width: 16px;
  height: 16px;
}
.explorationContainer .fieldListIcon.entity {
  margin: 2px;
  padding: 0;
}
.explorationContainer .fieldListIcon use[href="#none"] {
  display: none;
}
.explorationContainer .fieldWellIcon {
  width: 16px;
  height: 16px;
}
.explorationContainer .fieldWellIcon.dropDown {
  margin-bottom: 2px;
}
.newPaneColors.explorationContainer .fieldWellIcon.dropDown {
  margin: unset;
}
.fillAvailableSpace {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.expAppBarMenu {
  position: absolute;
  left: 10px;
  top: 7px;
  content: '';
}
.expAppBar {
  position: absolute;
  left: 10px;
  content: '';
}
html[data-focus-source='key'] .supportsFocus:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
html[data-focus-source='key'] .supportsFocusInset:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
  outline-offset: -1px;
}
html[data-focus-source='key'] .supportsFocusBorder:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.visualContextMenu {
  min-width: 150px;
}
.visualContextMenu .dropdown-item > a {
  padding: 4px 8px !important;
}
.visualContextMenu .dropdown-item > a:not(.disabled):hover {
  background-color: var(--neutral-tertiary-alt-color, #C8C8C8) !important;
}
.visualContextMenu .dropdown-item .dropdown-separator {
  margin: 0 20px;
  border-bottom: 2px solid var(--neutral-light-color, #EAEAEA);
}
.visualContextMenu .itemLabel {
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  display: inline;
  padding: 2px 12px;
}
.infonav-modalContainer.embedContainer .infonav-dialogCloseIcon {
  top: 12px;
  right: 12px;
}
.infonav-modalContainer.componentDialog .closeIcon {
  display: none;
}
.infonav-modalContainer.componentDialog .infonav-modalDialog {
  position: fixed !important;
  width: auto;
}
.infonav-modalContainer.componentDialog .infonav-modalDialog .infonav-dialogLayout {
  padding: 0;
}
.infonav-modalContainer.componentDialog .infonav-modalDialog .infonav-dialogLayout .infonav-dialogTitle {
  display: none;
}
.infonav-modalContainer.componentDialog .infonav-modalDialog .infonav-dialogLayout .infonav-dialogContent {
  padding-top: 0;
}
.infonav-modalDialog {
  display: flex;
  flex-direction: column;
}
.infonav-modalDialog .infonav-dialogCloseIcon {
  z-index: 1;
  background-color: transparent;
  border: none;
  padding: 0;
}
.infonav-modalDialog.embedDialog {
  height: 390px;
}
.infonav-modalDialog.embedDialog .infonav-dialogLayout {
  padding: 0;
}
.infonav-modalDialog.embedDialog .infonav-dialogContent {
  padding: 30px;
}
.infonav-modalDialog.spEmbedDialog {
  height: 195px;
}
.infonav-modalDialog.spEmbedDialog .infonav-dialogLayout {
  padding: 0;
}
.infonav-modalDialog.spEmbedDialog .infonav-dialogContent {
  padding: 30px;
}
.infonav-modalDialog .infonav-dialogLayout {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.infonav-modalDialog .infonav-dialogLayout .infonav-dialogContent {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.infonav-modalDialog .infonav-dialogLayout dialog-footer button:hover,
.infonav-modalDialog .infonav-dialogLayout dialog-footer input[type=button]:hover,
.infonav-modalDialog .infonav-dialogLayout dialog-footer button:focus,
.infonav-modalDialog .infonav-dialogLayout dialog-footer input[type=button]:focus,
.infonav-modalDialog .infonav-dialogLayout dialog-footer button:focus:hover,
.infonav-modalDialog .infonav-dialogLayout dialog-footer input[type=button]:focus:hover {
  border-color: var(--gray-110, #8A8886);
  background-color: var(--gray-20, #F3F2F1);
  color: var(--theme-secondary-color, #000000);
  outline: none;
}
.infonav-modalDialog .infonav-dialogLayout dialog-footer button:active,
.infonav-modalDialog .infonav-dialogLayout dialog-footer input[type=button]:active {
  background-color: var(--gray-30, #EDEBE9);
  border-color: var(--gray-110, #8A8886);
  color: var(--theme-secondary-color, #000000);
}
.infonav-modalDialog .infonav-dialogLayout dialog-footer button.primary,
.infonav-modalDialog .infonav-dialogLayout dialog-footer input[type=button].primary {
  background-color: var(--button-primary-base-fill-color, #F2C811);
  border-color: var(--button-primary-base-fill-color, #F2C811);
  color: var(--button-primary-content-color);
}
.infonav-modalDialog .infonav-dialogLayout dialog-footer button.primary:hover,
.infonav-modalDialog .infonav-dialogLayout dialog-footer input[type=button].primary:hover {
  background-color: var(--button-primary-hover-fill-color, #DAB50F);
  border-color: var(--button-primary-hover-fill-color, #DAB50F);
}
.infonav-modalDialog .infonav-dialogLayout dialog-footer button.primary:focus,
.infonav-modalDialog .infonav-dialogLayout dialog-footer input[type=button].primary:focus {
  background-color: var(--button-primary-hover-fill-color, #DAB50F);
  border-color: var(--button-primary-content-color);
}
.infonav-modalDialog .infonav-dialogLayout dialog-footer button.primary:active,
.infonav-modalDialog .infonav-dialogLayout dialog-footer input[type=button].primary:active {
  background-color: var(--colorBrandBackgroundPressed, #A98C0C);
  border-color: var(--colorBrandBackgroundPressed, #A98C0C);
}
.infonav-modalDialog .infonav-dialogLayout dialog-footer button.disabled,
.infonav-modalDialog .infonav-dialogLayout dialog-footer input[type=button].disabled,
.infonav-modalDialog .infonav-dialogLayout dialog-footer button[disabled],
.infonav-modalDialog .infonav-dialogLayout dialog-footer input[type=button][disabled],
.infonav-modalDialog .infonav-dialogLayout dialog-footer button.disabled.primary,
.infonav-modalDialog .infonav-dialogLayout dialog-footer input[type=button].disabled.primary,
.infonav-modalDialog .infonav-dialogLayout dialog-footer button[disabled].primary,
.infonav-modalDialog .infonav-dialogLayout dialog-footer input[type=button][disabled].primary {
  background-color: var(--neutral-lighter-color, #F4F4F4);
  border-color: var(--neutral-lighter-color, #F4F4F4);
  color: var(--gray-90, #A19F9D);
  cursor: default;
}
.infonav-modalDialog .infonav-dialogLayout dialog-footer button.disabled:hover,
.infonav-modalDialog .infonav-dialogLayout dialog-footer input[type=button].disabled:hover,
.infonav-modalDialog .infonav-dialogLayout dialog-footer button[disabled]:hover,
.infonav-modalDialog .infonav-dialogLayout dialog-footer input[type=button][disabled]:hover,
.infonav-modalDialog .infonav-dialogLayout dialog-footer button.disabled.primary:hover,
.infonav-modalDialog .infonav-dialogLayout dialog-footer input[type=button].disabled.primary:hover,
.infonav-modalDialog .infonav-dialogLayout dialog-footer button[disabled].primary:hover,
.infonav-modalDialog .infonav-dialogLayout dialog-footer input[type=button][disabled].primary:hover,
.infonav-modalDialog .infonav-dialogLayout dialog-footer button.disabled:focus,
.infonav-modalDialog .infonav-dialogLayout dialog-footer input[type=button].disabled:focus,
.infonav-modalDialog .infonav-dialogLayout dialog-footer button[disabled]:focus,
.infonav-modalDialog .infonav-dialogLayout dialog-footer input[type=button][disabled]:focus,
.infonav-modalDialog .infonav-dialogLayout dialog-footer button.disabled.primary:focus,
.infonav-modalDialog .infonav-dialogLayout dialog-footer input[type=button].disabled.primary:focus,
.infonav-modalDialog .infonav-dialogLayout dialog-footer button[disabled].primary:focus,
.infonav-modalDialog .infonav-dialogLayout dialog-footer input[type=button][disabled].primary:focus,
.infonav-modalDialog .infonav-dialogLayout dialog-footer button.disabled:active,
.infonav-modalDialog .infonav-dialogLayout dialog-footer input[type=button].disabled:active,
.infonav-modalDialog .infonav-dialogLayout dialog-footer button[disabled]:active,
.infonav-modalDialog .infonav-dialogLayout dialog-footer input[type=button][disabled]:active,
.infonav-modalDialog .infonav-dialogLayout dialog-footer button.disabled.primary:active,
.infonav-modalDialog .infonav-dialogLayout dialog-footer input[type=button].disabled.primary:active,
.infonav-modalDialog .infonav-dialogLayout dialog-footer button[disabled].primary:active,
.infonav-modalDialog .infonav-dialogLayout dialog-footer input[type=button][disabled].primary:active {
  background-color: var(--neutral-lighter-color, #F4F4F4);
  border-color: var(--neutral-lighter-color, #F4F4F4);
  color: var(--gray-90, #A19F9D);
}
.explorationContainer {
  --exploreUIPane-colorBackground: var(--gray-20);
  --exploreUIPane-colorBackgroundHover: var(--gray-30);
  --exploreUIPane-colorLegacyBackground: var(--neutral-primary-color);
  --exploreUIPane-colorForeground: var(--gray-140);
  --exploreUIPane-colorLegacyForeground: var(--gray-180);
  --exploreUIPane-colorLegacyForeground2: var(--white-color);
  --exploreUIPane-colorLegacyForegroundButtonIcon: var(--neutral-tertiary-alt-color);
  --exploreUIPane-colorBorder: var(--gray-40);
  --exploreUIPane-colorLegacyBorder: var(--theme-secondary-color);
  --exploreUIPane-colorInputSelectionBackground: var(--theme-primary-color);
  --exploreUIPane-colorInputSelectionForeground: var(--black-color);
}
[data-legacy-theming="false"] .explorationContainer {
  --exploreUIPane-colorBackground: var(--colorNeutralBackground3);
  --exploreUIPane-colorBackgroundHover: var(--colorNeutralBackground3Hover);
  --exploreUIPane-colorLegacyBackground: var(--exploreUIPane-colorBackground);
  --exploreUIPane-colorForeground: var(--colorNeutralForeground1);
  --exploreUIPane-colorLegacyForeground: var(--exploreUIPane-colorForeground);
  --exploreUIPane-colorLegacyForegroundButtonIcon: var(--exploreUIPane-colorForeground);
  --exploreUIPane-colorBorder: var(--colorNeutralStroke1);
  --exploreUIPane-colorLegacyBorder: var(--colorNeutralStroke1);
  --exploreUIPane-colorInputSelectionBackground: var(--colorBrandBackground);
  --exploreUIPane-colorInputSelectionForeground: var(--colorNeutralBackground4Selected);
}
.reading .taskPane {
  margin: 0 0 10px 0;
}
.explorationContainer .visualizationPane .bookmarksPane,
.explorationContainer .visualizationPane .canvasItemsPane,
.explorationContainer .visualizationPane .syncGroupPane,
.explorationContainer .visualizationPane.performancePane {
  display: flex;
  flex-direction: column;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
}
.explorationContainer .visualizationPane .bookmarksPane .verticalTitle,
.explorationContainer .visualizationPane .canvasItemsPane .verticalTitle,
.explorationContainer .visualizationPane .syncGroupPane .verticalTitle,
.explorationContainer .visualizationPane.performancePane .verticalTitle {
  display: none;
}
.explorationContainer .visualizationPane .bookmarksPane .paneContents,
.explorationContainer .visualizationPane .canvasItemsPane .paneContents,
.explorationContainer .visualizationPane .syncGroupPane .paneContents,
.explorationContainer .visualizationPane.performancePane .paneContents {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.explorationContainer .visualizationPane .bookmarksPane.isCollapsed,
.explorationContainer .visualizationPane .canvasItemsPane.isCollapsed,
.explorationContainer .visualizationPane .syncGroupPane.isCollapsed,
.explorationContainer .visualizationPane.performancePane.isCollapsed {
  width: 32px;
  background-color: var(--exploreUIPane-colorBackground);
}
.explorationContainer .visualizationPane .bookmarksPane.isCollapsed .paneContents,
.explorationContainer .visualizationPane .canvasItemsPane.isCollapsed .paneContents,
.explorationContainer .visualizationPane .syncGroupPane.isCollapsed .paneContents,
.explorationContainer .visualizationPane.performancePane.isCollapsed .paneContents {
  display: none;
}
.explorationContainer .visualizationPane .bookmarksPane.isCollapsed .verticalTitle,
.explorationContainer .visualizationPane .canvasItemsPane.isCollapsed .verticalTitle,
.explorationContainer .visualizationPane .syncGroupPane.isCollapsed .verticalTitle,
.explorationContainer .visualizationPane.performancePane.isCollapsed .verticalTitle {
  display: block;
  transform: rotate(90deg);
  white-space: nowrap;
  position: relative;
  top: 24px;
  color: var(--exploreUIPane-colorForeground);
  font-size: 28px;
}
html[dir="rtl"] .explorationContainer .visualizationPane .bookmarksPane.isCollapsed .verticalTitle,
html[dir="rtl"] .explorationContainer .visualizationPane .canvasItemsPane.isCollapsed .verticalTitle,
html[dir="rtl"] .explorationContainer .visualizationPane .syncGroupPane.isCollapsed .verticalTitle,
html[dir="rtl"] .explorationContainer .visualizationPane.performancePane.isCollapsed .verticalTitle {
  transform: rotate(-90deg);
}
.explorationContainer .visualizationPane .bookmarksPane.isCollapsed .verticalTitle > h2,
.explorationContainer .visualizationPane .canvasItemsPane.isCollapsed .verticalTitle > h2,
.explorationContainer .visualizationPane .syncGroupPane.isCollapsed .verticalTitle > h2,
.explorationContainer .visualizationPane.performancePane.isCollapsed .verticalTitle > h2 {
  white-space: nowrap;
  display: inline-block;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  font-weight: 600;
  padding: 14px 20px 14px 0;
}
.explorationContainer {
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
}
.explorationContainer .paneHeader .btnIcon {
  margin-right: 16px;
  width: 16px;
  background-color: var(--exploreUIPane-colorBackground);
  color: var(--exploreUIPane-colorForeground);
  cursor: pointer;
}
.explorationContainer .paneHeader .toggleBtn {
  height: 48px;
  width: 100%;
  border: none;
  float: right;
  padding-bottom: 20px;
  background-color: var(--exploreUIPane-colorBackground);
  color: var(--exploreUIPane-colorForeground);
  cursor: pointer;
  transition: transform 0.25s ease-out;
}
html[data-focus-source="key"] .explorationContainer .paneHeader .toggleBtn:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.explorationContainer .paneHeader .toggleBtn .btnIcon {
  float: right;
  margin: 16px 8px 0 0;
}
.explorationContainer .paneHeader .toggleBtn.isCollapsed .btnIcon {
  transform: rotate(90deg);
  float: none;
  padding: 8px 0 8px 16px;
  margin: 0;
}
html[dir="rtl"] .explorationContainer .paneHeader .toggleBtn.isCollapsed .btnIcon {
  transform: rotate(-90deg);
}
.explorationContainer .sidePaneTitle {
  font-family: 'wf_standard-font', helvetica, arial, sans-serif;
  color: var(--exploreUIPane-colorForeground);
}
.explorationContainer .sidePaneHorizontalTitle {
  margin: 16px 0 0 12px;
  /* allow enough space for character descenders to not get cut off by "overflow: hidden";
         * assumes 20px padding-bottom provided by containing .paneHeader .toggleBtn style
         */
  padding-bottom: 0.33em;
  line-height: 16px;
  float: none;
  cursor: pointer;
  width: auto;
  text-align: left;
}
.explorationContainer .sidePane {
  background: var(--exploreUIPane-colorBackground);
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: var(--exploreUIPane-colorBorder);
  z-index: 4;
  height: 100%;
  color: var(--exploreUIPane-colorLegacyForeground);
  float: right;
  overflow: hidden;
}
.explorationContainer .sidePane .multiline-flex {
  flex-direction: column;
}
.explorationContainer .sidePane .numeric-unit-selector {
  align-self: flex-start;
}
.explorationContainer .sidePane .unit-selection-box {
  float: left;
  margin-left: 4px;
  position: static;
}
.explorationContainer .sidePane .paneHeader {
  background-color: var(--exploreUIPane-colorBackground);
}
.explorationContainer .sidePane .searchBox {
  margin: 4px;
}
html[data-focus-source="key"] .explorationContainer .sidePane .searchBox input:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
  outline-offset: -1px;
}
.explorationContainer .sidePane .searchBox input::selection {
  background: var(--exploreUIPane-colorInputSelectionBackground);
  color: var(--exploreUIPane-colorInputSelectionForeground);
}
.explorationContainer .pane-splitter {
  background-color: transparent;
  position: absolute;
  left: 0;
}
.explorationContainer .paneContents {
  display: inline-block;
}
.explorationContainer .paneContents .lazy-load-wrapper {
  width: 100%;
}
.explorationContainer .paneContents .lazy-load-wrapper.stretch {
  display: flex;
}
.explorationContainer .paneContents .sectionHeader {
  background-color: var(--exploreUIPane-colorBackground);
}
.explorationContainer .sectionTitle {
  display: inline-block;
  line-height: 36px;
  margin-left: 2px;
  text-transform: none;
  color: var(--exploreUIPane-colorForeground);
}
.explorationContainer .visualizationPane {
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  box-sizing: content-box;
}
.explorationContainer .visualizationPane .pivotNav.visualizationPane {
  border-top: 1px solid var(--exploreUIPane-colorBorder);
}
.explorationContainer .visualizationPane .pivotNav.visualizationPane li:hover,
.explorationContainer .visualizationPane .pivotNav.visualizationPane li:focus {
  background: var(--exploreUIPane-colorBackgroundHover);
}
.explorationContainer .visualizationPane .pivotNav.visualizationPane .navMarker {
  height: 4px;
  margin-top: -4px;
  border-radius: 2px;
}
.explorationContainer .visualizationPane .pivotNav.canvasItemsPane .navMarker {
  width: 50%;
  left: 0%;
  right: 0%;
}
.explorationContainer .visualizationPane .pivotNav li:focus {
  outline: none;
}
.explorationContainer .visualizationPane .pivotNav .navMarker {
  position: absolute;
  height: 2px;
  margin-top: -2px;
  background: var(--colorBrandStroke1);
}
.explorationContainer .visualizationPane .collapsedFiltersTitle,
.explorationContainer .visualizationPane .collapsedVisualsTitle {
  display: inline-block;
  font-family: 'wf_standard-font', helvetica, arial, sans-serif;
  padding: 14px 20px 14px 0;
}
.explorationContainer .visualizationPane .paneHeader {
  box-sizing: border-box;
  height: 48px;
  background-color: var(--exploreUIPane-legacyBackground);
}
.explorationContainer .visualizationPane .paneContents {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 48px;
  flex-direction: column;
}
.explorationContainer .visualizationPane .paneContents .sectionHost {
  position: relative;
  width: 100%;
  overflow: hidden;
  -ms-overflow-style: none;
}
.explorationContainer .visualizationPane .paneContents .sectionHost > .scroll-wrapper {
  position: absolute !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.explorationContainer .visualizationPane .paneContents .sectionContent {
  height: 100%;
  overflow: auto;
}
.explorationContainer .visualizationPane .paneContents .sectionHeader {
  box-sizing: border-box;
  height: 36px;
  padding: 0 12px;
  width: 100%;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  flex: none;
}
.explorationContainer .visualizationPane .paneContents .sectionHeader.visualizationPane .sectionTab {
  width: 40px;
}
.explorationContainer .visualizationPane .paneContents .sectionHeader.canvasItemsPane {
  background-color: transparent !important;
  padding: 0 !important;
}
.explorationContainer .visualizationPane .paneContents .sectionHeader.canvasItemsPane .sectionTab {
  width: 50%;
  text-align: center;
  cursor: default;
}
.explorationContainer .visualizationPane .paneContents .sectionHeader .enableFilterPane {
  float: right;
  height: 100%;
  background-color: transparent;
  color: var(--exploreUIPane-colorLegacyForeground2);
}
.explorationContainer .visualizationPane .paneContents .sectionTab {
  padding: 8px 10px 4px;
  display: inline-block;
  height: 36px;
}
.explorationContainer .visualizationPane .paneContents .sectionTab:focus {
  outline: none;
}
html[data-focus-source="key"] .explorationContainer .visualizationPane .paneContents .sectionTab:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
  outline-offset: -1px;
}
.explorationContainer .visualizationPane .paneContents .nonPersonalVisualizationPane {
  margin-top: 7px;
  padding-top: 1px;
  padding-bottom: 3px;
  border-top: 1px dashed var(--exploreUIPane-colorBorder);
}
.explorationContainer .visualizationPane .verticalTitle {
  display: none;
}
.explorationContainer .visualizationPane.isCollapsed {
  width: 32px;
  background-color: var(--exploreUIPane-colorBackground);
}
.explorationContainer .visualizationPane.isCollapsed .paneContents {
  display: none;
}
.explorationContainer .visualizationPane.isCollapsed .verticalTitle {
  display: block;
  transform: rotate(90deg);
  white-space: nowrap;
  position: relative;
  top: 24px;
  color: var(--exploreUIPane-colorForeground);
  font-size: 28px;
}
html[dir="rtl"] .explorationContainer .visualizationPane.isCollapsed .verticalTitle {
  transform: rotate(-90deg);
}
.explorationContainer .taskPane {
  width: 180px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
}
.explorationContainer .taskPane .paneHeader {
  box-sizing: border-box;
  height: 48px;
  padding-bottom: 20px;
  background-color: var(--exploreUIPane-legacyBackground);
}
.explorationContainer .taskPane .paneContents {
  height: 100%;
  width: 100%;
}
.explorationContainer .taskPane .paneSection {
  flex-grow: 1;
  padding-top: 8px;
  height: 100%;
}
.explorationContainer .taskPane hr {
  display: none;
}
.explorationContainer .taskPane pbi-tree {
  padding-top: 8px;
}
.explorationContainer .taskPane .verticalTitle {
  display: none;
}
.explorationContainer .taskPane.isCollapsed {
  width: 32px;
  background-color: var(--exploreUIPane-colorBackground);
}
.explorationContainer .taskPane.isCollapsed .paneContents {
  display: none;
}
.explorationContainer .taskPane.isCollapsed .verticalTitle {
  display: block;
  transform: rotate(90deg);
  white-space: nowrap;
  position: relative;
  top: 24px;
  color: var(--exploreUIPane-colorForeground);
  font-size: 28px;
}
html[dir="rtl"] .explorationContainer .taskPane.isCollapsed .verticalTitle {
  transform: rotate(-90deg);
}
.explorationContainer .taskPane.isCollapsed .verticalTitle > h2 {
  white-space: nowrap;
  display: inline-block;
  font-family: 'wf_standard-font', helvetica, arial, sans-serif;
  padding: 14px 20px 14px 0;
}
.explorationContainer .taskPane .paneStopBottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.newPaneColors.explorationContainer .sidePaneTitle,
.newPaneColors.explorationContainer .collapsedFiltersTitle,
.newPaneColors.explorationContainer .collapsedVisualsTitle {
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  font-weight: 600;
}
.newPaneColors.explorationContainer .visualizationPane.isCollapsed .verticalTitle > h2,
.newPaneColors.explorationContainer .taskPane.isCollapsed .verticalTitle > h2 {
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  font-weight: 600;
}
.explorationContainer .flex {
  font-weight: inherit;
  list-style: none;
  width: 100%;
  -ms-box-orient: horizontal;
  display: flex !important;
  overflow: hidden;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -ms-flex-wrap: nowrap;
}
.explorationContainer .flex .item-auto {
  align-self: center;
  flex: 0 0 auto;
  display: inline-block;
}
.explorationContainer .flex .item-fill {
  align-self: center;
  flex: 1 1 0px;
  display: inline-block;
}
transform:not(.on-object) {
  touch-action: manipulation;
}
transform:not(.on-object).dragging,
transform:not(.on-object).resizing {
  transition: none;
}
transform:not(.on-object).dragging > :not(.resizeHandle),
transform:not(.on-object).resizing > :not(.resizeHandle) {
  pointer-events: none;
}
transform:not(.on-object).dragging .resizeHandle,
transform:not(.on-object).resizing .resizeHandle {
  display: none !important;
}
transform:not(.on-object)[drag-resize-disabled=true] > .resizeHandle,
transform:not(.on-object).selected[drag-resize-disabled=true] > .resizeHandle,
transform:not(.on-object)[drag-resize-disabled=true] > .resizeHandle:not(.customHandle),
transform:not(.on-object).selected[drag-resize-disabled=true] > .resizeHandle:not(.customHandle) {
  display: none;
}
transform:not(.on-object).selected > .resizeHandle,
transform:not(.on-object).selected > .resizeHandle:not(.customHandle) {
  display: block;
}
transform:not(.on-object) .resizeHandle:not(.customHandle) {
  position: absolute;
  width: 10px;
  height: 10px;
  box-sizing: border-box;
  display: none;
  touch-action: none;
  pointer-events: auto;
}
transform:not(.on-object) .resizeHandle[data-direction=up]:not(.customHandle) {
  left: 50%;
  top: -1px;
  margin-left: -6px;
  width: 12px;
  border-top: 4px solid #999;
  cursor: n-resize !important;
}
transform:not(.on-object) .resizeHandle[data-direction=left]:not(.customHandle) {
  /* @noflip */
  left: -1px;
  top: 50%;
  margin-top: -6px;
  height: 12px;
  /* @noflip */
  border-left: 4px solid #999;
  /* @noflip */
  cursor: w-resize !important;
}
transform:not(.on-object) .resizeHandle[data-direction=down]:not(.customHandle) {
  left: 50%;
  bottom: -1px;
  margin-left: -6px;
  width: 12px;
  border-bottom: 4px solid #999;
  cursor: s-resize !important;
}
transform:not(.on-object) .resizeHandle[data-direction=right]:not(.customHandle) {
  /* @noflip */
  right: -1px;
  top: 50%;
  margin-top: -6px;
  height: 12px;
  /* @noflip */
  border-right: 4px solid #999;
  /* @noflip */
  cursor: e-resize !important;
}
transform:not(.on-object) .resizeHandle[data-direction=up-right]:not(.customHandle) {
  /* @noflip */
  right: -1px;
  top: -1px;
  /* @noflip */
  border-right: 4px solid #999;
  border-top: 4px solid #999;
  /* @noflip */
  cursor: ne-resize !important;
}
transform:not(.on-object) .resizeHandle[data-direction=up-left]:not(.customHandle) {
  /* @noflip */
  left: -1px;
  top: -1px;
  /* @noflip */
  border-left: 4px solid #999;
  border-top: 4px solid #999;
  /* @noflip */
  cursor: nw-resize !important;
}
transform:not(.on-object) .resizeHandle[data-direction=down-left]:not(.customHandle) {
  /* @noflip */
  left: -1px;
  bottom: -1px;
  /* @noflip */
  border-left: 4px solid #999;
  border-bottom: 4px solid #999;
  /* @noflip */
  cursor: sw-resize !important;
}
transform:not(.on-object) .resizeHandle[data-direction=down-right]:not(.customHandle) {
  /* @noflip */
  right: -1px;
  bottom: -1px;
  /* @noflip */
  border-right: 4px solid #999;
  border-bottom: 4px solid #999;
  /* @noflip */
  cursor: se-resize !important;
}
transform:not(.on-object) .resizeHandle[data-direction=left]:before,
transform:not(.on-object) .resizeHandle[data-direction=right]:before {
  content: '';
  display: block;
  position: absolute;
  width: 8px;
  height: 12px;
  cursor: default;
}
transform:not(.on-object) .resizeHandle[data-direction=left]:before {
  /* @noflip */
  left: 0;
}
transform:not(.on-object) .resizeHandle[data-direction=right]:before {
  /* @noflip */
  right: 0;
}
.multiSelection transform:not(.on-object).selected > .resizeHandle,
.multiSelection transform:not(.on-object).selected > .resizeHandle:not(.customHandle) {
  display: none;
}
.multiSelection transform:not(.on-object).selecting > .resizeHandle,
.multiSelection transform:not(.on-object).selecting > .resizeHandle:not(.customHandle) {
  display: block;
}
@media print {
  body .customHandle {
    display: none !important;
  }
}
/****** contextmenu *******/
.default-contextmenu {
  margin: 0;
  z-index: 1000;
  background: var(--white-color, #FFF);
  padding: 0;
  font-weight: normal;
  font-size: 12px;
  list-style: none;
  border: 1px solid var(--context-menu-border-color, #dedede);
  box-shadow: 0 0 8px var(--secondary-chrome-color, rgba(102, 102, 102, 0.2));
  opacity: 1;
  pointer-events: auto;
}
.default-contextmenu drop-down-list-item {
  display: block;
}
.default-contextmenu drop-down-list-item .label,
.default-contextmenu drop-down-list-item hr {
  display: block;
  padding: 4px 8px;
  text-decoration: none;
  font-weight: 400;
  white-space: nowrap;
}
.default-contextmenu drop-down-list-item .label {
  color: var(--neutral-primary-color, #333333);
  cursor: pointer;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  padding: 4px 32px;
}
.default-contextmenu drop-down-list-item .label:not([disabled]):focus {
  outline: none;
}
html[data-focus-source="key"] .default-contextmenu drop-down-list-item .label:not([disabled]):focus {
  outline-color: var(--fluent-theme-black-color, #000);
  outline-width: 1px;
  outline-style: solid;
}
.default-contextmenu drop-down-list-item .label:not([disabled]):hover {
  background-color: var(--neutral-tertiary-alt-color, #C8C8C8);
}
.default-contextmenu drop-down-list-item .label[disabled]:focus {
  outline: var(--focus-outline-definition, 2.5px solid) var(--neutral-tertiary-alt-color, #C8C8C8);
}
.default-contextmenu drop-down-list-item .label.checked,
.default-contextmenu drop-down-list-item .label.hasIcon {
  padding-left: 8px !important;
}
.default-contextmenu drop-down-list-item .label.hasIcon i {
  margin-right: 8px;
}
.default-contextmenu drop-down-list-item .label.checked svg {
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-right: 8px;
}
.default-contextmenu drop-down-list-item .label.selected {
  color: var(--neutral-primary-color, #333333);
  font-family: 'Segoe UI Semibold', 'wf_segoe-ui_semibold', helvetica, arial, sans-serif;
}
.default-contextmenu drop-down-list-item .label.selected::before {
  content: '';
  position: absolute;
  width: 4px;
  height: 16px;
  background-color: var(--theme-primary-color, #F2C811);
  left: 0;
}
.default-contextmenu drop-down-list-item .label[disabled] {
  color: var(--neutral-secondary-alt-color2, #888888);
  cursor: default;
}
.default-contextmenu drop-down-list-item .label[disabled]:hover {
  background-color: var(--white-color, #FFF);
}
.default-contextmenu drop-down-list-item .label h6 {
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
  max-width: 240px;
  margin: 0;
}
.default-contextmenu drop-down-list-item .label i.itemIcon,
.default-contextmenu drop-down-list-item .label span.itemIcon,
.default-contextmenu drop-down-list-item .label i .itemIcon,
.default-contextmenu drop-down-list-item .label span .itemIcon {
  float: left;
  width: 20px;
  margin-right: 4px;
}
.default-contextmenu drop-down-list-item .label.hasChildren::after {
  content: '\e818';
  font-family: PowrMDL2;
  transform: rotate(-45deg);
  display: inline-block;
  position: absolute;
  right: 20px;
  margin: 2px 0;
}
.default-contextmenu drop-down-list-item hr {
  color: var(--neutral-tertiary-color, #A6A6A6);
  cursor: default;
  padding: 0;
  margin: 0 32px;
  border: 1px solid var(--neutral-light-color, #EAEAEA);
}
.default-contextmenu.dark {
  background-color: var(--report-app-bar-dropdown-menu-background-color, #444444);
  border-color: var(--neutral-dark-color, #212121);
}
.default-contextmenu.dark drop-down-list-item .label:hover {
  background: var(--neutral-secondary-alt-color, #777777);
}
.default-contextmenu.dark drop-down-list-item .label,
.default-contextmenu.dark drop-down-list-item hr {
  color: var(--white-color, #FFF);
}
.default-contextmenu.fluentTheme {
  background-color: var(--fluent-theme-white-color, #FFF);
  border: none;
  width: 123px;
}
.default-contextmenu.fluentTheme drop-down-list-item .label {
  color: var(--fluent-theme-neutral-primary-color, #323130);
  font-size: 14px;
  font-family: 'Segoe UI', 'wf_segoe-ui_normal', helvetica, arial, sans-serif;
  padding: 8px 0 8px 8px;
  height: 20px;
}
.default-contextmenu.fluentTheme drop-down-list-item .label:hover {
  background-color: var(--fluent-theme-neutral-lighter-color, #F3F2F1);
}
.default-contextmenu.fluentTheme drop-down-list-item .label:focus {
  background-color: var(--fluent-theme-neutral-light-color, #EDEBE9);
}
.default-contextmenu.fluentTheme drop-down-list-item .label h6.itemLabel {
  font-size: 14px;
}
.visualContainerScreen {
  display: none;
}
.disable-visual-interactivity .visualContainerScreen {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.disable-visual-interactivity .resizeHandle {
  z-index: 2;
}
.disable-visual-interactivity .removeFromLayout {
  z-index: 2;
}
.explorationContainer .exploreCanvas.stylableVisualContainerHeader .dragging .visualContainer .vcHeader,
.explorationContainer .exploreCanvas.stylableVisualContainerHeader .resizing .visualContainer .vcHeader {
  display: none;
}
.explorationContainer .exploreCanvas.stylableVisualContainerHeader .visualContainer:not(.selected):not(:hover) .iconContainer,
.explorationContainer .exploreCanvas.stylableVisualContainerHeader .visualContainer:not(.selected):not(:hover) visual-container-drill,
.explorationContainer .exploreCanvas.stylableVisualContainerHeader .visualContainer:not(.selected):not(:hover) visual-container-pin-button,
.explorationContainer .exploreCanvas.stylableVisualContainerHeader .visualContainer:not(.selected):not(:hover) visual-container-filter-restatement-button,
.explorationContainer .exploreCanvas.stylableVisualContainerHeader .visualContainer:not(.selected):not(:hover) .vcPopOutBtn,
.explorationContainer .exploreCanvas.stylableVisualContainerHeader .visualContainer:not(.selected):not(:hover) visual-container-options-menu {
  display: none;
}
.explorationContainer .exploreCanvas.stylableVisualContainerHeader .visualContainer:hover .vcHeader button[disabled],
.explorationContainer .exploreCanvas.stylableVisualContainerHeader .visualContainer.selected .vcHeader button[disabled],
.explorationContainer .exploreCanvas.stylableVisualContainerHeader .visualContainer.showHover .vcHeader button[disabled] {
  opacity: 0.3;
}
.explorationContainer .exploreCanvas.stylableVisualContainerHeader .visualContainer.visualHeaderAbove .vcHeader {
  top: -24px;
  height: 24px;
}
.explorationContainer .exploreCanvas.stylableVisualContainerHeader .visualContainer.visualHeaderBelow .vcHeader {
  bottom: -24px;
  height: 23px;
}
.explorationContainer .exploreCanvas.stylableVisualContainerHeader .visualContainer.visualHeaderBelowBanner .vcHeader {
  top: 32px;
}
.explorationContainer .exploreCanvas.stylableVisualContainerHeader .visualContainer:not(.visualHeaderAbove):not(.visualHeaderBelow):not(.visualHeaderBelowBanner) .vcHeader {
  top: 1px;
}
.explorationContainer .exploreCanvas.stylableVisualContainerHeader .visualContainer .vcHeader {
  background-color: transparent;
  position: absolute;
  right: 1px;
  white-space: nowrap;
  text-align: right;
  overflow: visible;
  z-index: 1;
}
.explorationContainer .exploreCanvas.stylableVisualContainerHeader .visualContainer .vcHeader span {
  background-color: transparent;
  padding-right: 5px;
}
.explorationContainer .exploreCanvas.stylableVisualContainerHeader .visualContainer .vcHeader select {
  background-color: transparent;
  margin-right: 2px;
}
.explorationContainer .exploreCanvas.stylableVisualContainerHeader .visualContainer .vcHeader button {
  margin-top: 2px;
  background-color: transparent;
  width: 22px;
  transition: color 0s;
  height: 18px;
}
.explorationContainer .exploreCanvas.stylableVisualContainerHeader .visualContainer .vcHeader .iconContainer {
  display: inline-block;
}
.explorationContainer .exploreCanvas.stylableVisualContainerHeader .visualContainer .vcHeader .dragGrip {
  display: none;
}
.explorationContainer .exploreCanvas.stylableVisualContainerHeader .visualContainer .vcHeader .optionSection {
  display: inline;
}
.explorationContainer .exploreCanvas.stylableVisualContainerHeader .visualContainer .vcHeader .optionsMenu {
  display: inline;
}
.explorationContainer .exploreCanvas.stylableVisualContainerHeader .visualContainer .vcHeader .iconContainer,
.explorationContainer .exploreCanvas.stylableVisualContainerHeader .visualContainer .vcHeader visual-container-drill,
.explorationContainer .exploreCanvas.stylableVisualContainerHeader .visualContainer .vcHeader visual-container-relationship-filters {
  margin-right: 8px;
}
.explorationContainer .exploreCanvas.stylableVisualContainerHeader .visualContainer .vcBody {
  top: 0;
}
.explorationContainer .exploreCanvas:not(.stylableVisualContainerHeader) .visualContainer:hover .vcHeader,
.explorationContainer .exploreCanvas:not(.stylableVisualContainerHeader) .visualContainer.selected .vcHeader,
.explorationContainer .exploreCanvas:not(.stylableVisualContainerHeader) .visualContainer.showHover .vcHeader {
  background-color: #FAFAFA;
}
.explorationContainer .exploreCanvas:not(.stylableVisualContainerHeader) .visualContainer:hover .vcHeader .dragGrip,
.explorationContainer .exploreCanvas:not(.stylableVisualContainerHeader) .visualContainer.selected .vcHeader .dragGrip,
.explorationContainer .exploreCanvas:not(.stylableVisualContainerHeader) .visualContainer.showHover .vcHeader .dragGrip {
  opacity: 1;
}
.explorationContainer .exploreCanvas:not(.stylableVisualContainerHeader) .visualContainer:hover .vcHeader button[disabled],
.explorationContainer .exploreCanvas:not(.stylableVisualContainerHeader) .visualContainer.selected .vcHeader button[disabled],
.explorationContainer .exploreCanvas:not(.stylableVisualContainerHeader) .visualContainer.showHover .vcHeader button[disabled] {
  opacity: 0.3;
}
.explorationContainer .exploreCanvas:not(.stylableVisualContainerHeader) .visualContainer.readMode .vcHeader {
  background-color: transparent;
}
.explorationContainer .exploreCanvas:not(.stylableVisualContainerHeader) .visualContainer.readMode .vcHeader .dragGrip {
  display: none;
}
.explorationContainer .exploreCanvas:not(.stylableVisualContainerHeader) .visualContainer.readMode.selected .vcHeader {
  background-color: #FAFAFA;
}
.explorationContainer .exploreCanvas:not(.stylableVisualContainerHeader) .visualContainer .vcHeader {
  transition: background-color 0.25s ease-in;
  height: 20px;
  max-height: 20px;
  padding-left: 5px;
}
.explorationContainer .exploreCanvas:not(.stylableVisualContainerHeader) .visualContainer .vcHeader span {
  padding-right: 5px;
}
.explorationContainer .exploreCanvas:not(.stylableVisualContainerHeader) .visualContainer .vcHeader select {
  height: 18px;
  margin-top: 2px;
}
.explorationContainer .exploreCanvas:not(.stylableVisualContainerHeader) .visualContainer .vcHeader button {
  height: 20px;
  padding-top: 2px;
  background-color: transparent;
  width: 20px;
}
.explorationContainer .exploreCanvas:not(.stylableVisualContainerHeader) .visualContainer .vcHeader .iconContainer {
  float: left;
  padding-right: 2px;
  padding-top: 1px;
}
.explorationContainer .exploreCanvas:not(.stylableVisualContainerHeader) .visualContainer .vcHeader .drillUp {
  margin-top: 2px;
}
.explorationContainer .exploreCanvas:not(.stylableVisualContainerHeader) .visualContainer .vcHeader .drillDownLevel {
  margin-top: 2px;
}
.explorationContainer .exploreCanvas:not(.stylableVisualContainerHeader) .visualContainer .vcHeader .drillDownLevelGrouped {
  margin-top: 1px;
  height: 17px;
  width: 17px;
  margin-left: 4px;
}
.explorationContainer .exploreCanvas:not(.stylableVisualContainerHeader) .visualContainer .vcHeader .dragGrip {
  position: absolute;
  left: 50%;
  margin-left: -8px;
  margin-top: 2px;
  pointer-events: none;
  color: var(--neutral-secondary-alt-color2, #888888);
  opacity: 0;
}
.explorationContainer .exploreCanvas:not(.stylableVisualContainerHeader) .visualContainer .vcHeader .vcPopOutBtn {
  padding-top: 0;
}
.explorationContainer .exploreCanvas:not(.stylableVisualContainerHeader) .visualContainer .vcHeader .optionsMenu {
  float: right;
}
.explorationContainer .exploreCanvas:not(.stylableVisualContainerHeader) .visualContainer .vcHeader .optionsMenu > .optionSection {
  display: inline-block;
}
.explorationContainer .exploreCanvas:not(.stylableVisualContainerHeader) .visualContainer .vcHeader .optionsMenu button {
  margin-left: 4px;
}
.explorationContainer .exploreCanvas:not(.stylableVisualContainerHeader) .visualContainer .vcHeader .optionsMenu .vsFilterRestatement,
.explorationContainer .exploreCanvas:not(.stylableVisualContainerHeader) .visualContainer .vcHeader .optionsMenu .vcPinBtn,
.explorationContainer .exploreCanvas:not(.stylableVisualContainerHeader) .visualContainer .vcHeader .optionsMenu .vcExportBtn {
  padding-top: 0;
}
.explorationContainer .exploreCanvas:not(.stylableVisualContainerHeader) .visualContainer .vcHeader visual-container-pin-button {
  margin-left: 1px;
}
.explorationContainer .exploreCanvas:not(.stylableVisualContainerHeader) .visualContainer .vcHeader visual-container-options-menu {
  margin-right: 5px;
}
.explorationContainer .exploreCanvas:not(.stylableVisualContainerHeader) .visualContainer .vcBody {
  top: 20px;
}
.explorationContainer .exploreCanvas transform.popOut {
  z-index: 10000003 !important;
}
.explorationContainer .exploreCanvas transform:not(.on-object) .visualContainer .visualContainerBorder,
.explorationContainer .exploreCanvas transform:not(.on-object) .visualContainerGroup .visualContainerBorder {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  box-sizing: border-box;
  pointer-events: none;
  z-index: 1;
}
.explorationContainer .exploreCanvas transform:not(.on-object) .visualContainer.showHover > .visualContainerBorder,
.explorationContainer .exploreCanvas transform:not(.on-object) .visualContainerGroup.showHover > .visualContainerBorder {
  border-color: var(--neutral-light-color, #EAEAEA);
}
.explorationContainer .exploreCanvas transform:not(.on-object) .visualContainer.hideBorder .visualContainerBorder,
.explorationContainer .exploreCanvas transform:not(.on-object) .visualContainerGroup.hideBorder .visualContainerBorder {
  border: none;
}
.explorationContainer .exploreCanvas transform:not(.on-object) .visualContainer:hover > .visualContainerBorder {
  border-color: var(--neutral-light-color, #EAEAEA);
}
.explorationContainer .exploreCanvas .visualContainer,
.explorationContainer .exploreCanvas .visualContainerGroup {
  width: 100%;
  height: 100%;
  background-color: transparent;
  transition: background-color 0.25s, outline-color 0.25s, transform 0.25s, width 0.15s, height 0.15s;
  box-sizing: content-box;
  overflow: visible;
  outline: 0;
  z-index: 0;
  -ms-high-contrast-adjust: none;
}
.explorationContainer .exploreCanvas .visualContainer .vcFooter,
.explorationContainer .exploreCanvas .visualContainerGroup .vcFooter {
  position: absolute;
  bottom: 0px;
  left: 0px;
  transform-origin: bottom left;
  font-size: 12px;
  font-family: 'Segoe UI Semibold', 'wf_segoe-ui_semibold', helvetica, arial, sans-serif;
}
.explorationContainer .exploreCanvas .visualContainer .vcFooter button,
.explorationContainer .exploreCanvas .visualContainerGroup .vcFooter button {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0 6px 6px 0;
  padding: 6px 15px 7px 15px;
  color: var(--button-primary-content-color, #000);
  background-color: var(--theme-primary-color, #F2C811);
  transition: color 0s;
}
.explorationContainer .exploreCanvas .visualContainer .vcFooter button[aria-disabled="true"],
.explorationContainer .exploreCanvas .visualContainerGroup .vcFooter button[aria-disabled="true"] {
  color: var(--fluent-theme-black-color, #000);
  background-color: var(--neutral-tertiary-color, #A6A6A6);
}
html[data-focus-source="key"] .explorationContainer .exploreCanvas .visualContainer .vcFooter button:focus:focus,
html[data-focus-source="key"] .explorationContainer .exploreCanvas .visualContainerGroup .vcFooter button:focus:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.explorationContainer .exploreCanvas .visualContainer .resizeHandle,
.explorationContainer .exploreCanvas .visualContainerGroup .resizeHandle {
  z-index: 2;
}
.explorationContainer .exploreCanvas .visualContainer.keyFocus .visualContainerBorder,
.explorationContainer .exploreCanvas .visualContainerGroup.keyFocus .visualContainerBorder {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
  outline-offset: 2px;
}
.explorationContainer .exploreCanvas .visualContainer.hideBorder .visualContainerBorder,
.explorationContainer .exploreCanvas .visualContainerGroup.hideBorder .visualContainerBorder {
  border: none;
}
.explorationContainer .exploreCanvas .visualContainer .visual.allow-deferred-rendering,
.explorationContainer .exploreCanvas .visualContainerGroup .visual.allow-deferred-rendering {
  opacity: 0;
  transition: opacity 0.25s;
}
.explorationContainer .exploreCanvas .visualContainer .visual.allow-deferred-rendering[initialized],
.explorationContainer .exploreCanvas .visualContainerGroup .visual.allow-deferred-rendering[initialized] {
  opacity: 1;
}
.explorationContainer .exploreCanvas .visualContainer.loading:not(.selected),
.explorationContainer .exploreCanvas .visualContainerGroup.loading:not(.selected) {
  border: 1px solid var(--neutral-lighter-color, #F4F4F4);
}
.explorationContainer .exploreCanvas .visualContainer:hover .vcHeader button,
.explorationContainer .exploreCanvas .visualContainerGroup:hover .vcHeader button,
.explorationContainer .exploreCanvas .visualContainer.selected .vcHeader button,
.explorationContainer .exploreCanvas .visualContainerGroup.selected .vcHeader button,
.explorationContainer .exploreCanvas .visualContainer.showHover .vcHeader button,
.explorationContainer .exploreCanvas .visualContainerGroup.showHover .vcHeader button {
  opacity: 0.7;
}
.explorationContainer .exploreCanvas .visualContainer:hover .vcHeader span,
.explorationContainer .exploreCanvas .visualContainerGroup:hover .vcHeader span,
.explorationContainer .exploreCanvas .visualContainer.selected .vcHeader span,
.explorationContainer .exploreCanvas .visualContainerGroup.selected .vcHeader span,
.explorationContainer .exploreCanvas .visualContainer.showHover .vcHeader span,
.explorationContainer .exploreCanvas .visualContainerGroup.showHover .vcHeader span {
  opacity: 1;
}
.explorationContainer .exploreCanvas .visualContainer:hover .vcHeader select,
.explorationContainer .exploreCanvas .visualContainerGroup:hover .vcHeader select,
.explorationContainer .exploreCanvas .visualContainer.selected .vcHeader select,
.explorationContainer .exploreCanvas .visualContainerGroup.selected .vcHeader select,
.explorationContainer .exploreCanvas .visualContainer.showHover .vcHeader select,
.explorationContainer .exploreCanvas .visualContainerGroup.showHover .vcHeader select {
  opacity: 1;
}
.explorationContainer .exploreCanvas .visualContainer.popOut,
.explorationContainer .exploreCanvas .visualContainerGroup.popOut {
  z-index: 10000003 !important;
  border: none;
}
.explorationContainer .exploreCanvas .visualContainer.popOut .toggleSeeData > i,
.explorationContainer .exploreCanvas .visualContainerGroup.popOut .toggleSeeData > i {
  opacity: 0.3;
}
.explorationContainer .exploreCanvas .visualContainer.popOut .toggleSeeData > i:hover,
.explorationContainer .exploreCanvas .visualContainerGroup.popOut .toggleSeeData > i:hover {
  opacity: 0.4;
}
.explorationContainer .exploreCanvas .visualContainer.popOut.seeData .toggleSeeData > i,
.explorationContainer .exploreCanvas .visualContainerGroup.popOut.seeData .toggleSeeData > i {
  opacity: 0.8;
}
.explorationContainer .exploreCanvas .visualContainer.popOut.seeData .toggleSeeData > i:hover,
.explorationContainer .exploreCanvas .visualContainerGroup.popOut.seeData .toggleSeeData > i:hover {
  opacity: 1;
}
.explorationContainer .exploreCanvas .visualContainer.popOut .vcBody,
.explorationContainer .exploreCanvas .visualContainerGroup.popOut .vcBody {
  top: 60px;
  display: flex;
  flex-direction: column;
}
.explorationContainer .exploreCanvas .visualContainer.popOut.seeData.seeDataVerticalLayout .vcBody,
.explorationContainer .exploreCanvas .visualContainerGroup.popOut.seeData.seeDataVerticalLayout .vcBody {
  display: flex;
  flex-direction: row;
}
.explorationContainer .exploreCanvas .visualContainer.seeData .toggleSeeDataLayout,
.explorationContainer .exploreCanvas .visualContainerGroup.seeData .toggleSeeDataLayout {
  padding-top: 0;
}
.explorationContainer .exploreCanvas .visualContainer.seeData .toggleSeeDataLayout .pbi-glyph-rotatevertical,
.explorationContainer .exploreCanvas .visualContainerGroup.seeData .toggleSeeDataLayout .pbi-glyph-rotatevertical {
  display: block !important;
}
.explorationContainer .exploreCanvas .visualContainer.seeData .toggleSeeDataLayout .pbi-glyph-rotatehorizontal,
.explorationContainer .exploreCanvas .visualContainerGroup.seeData .toggleSeeDataLayout .pbi-glyph-rotatehorizontal {
  display: block !important;
}
.explorationContainer .exploreCanvas .visualContainer.seeData .vcBody .visual,
.explorationContainer .exploreCanvas .visualContainerGroup.seeData .vcBody .visual,
.explorationContainer .exploreCanvas .visualContainer.seeData .vcBody .detailVisual,
.explorationContainer .exploreCanvas .visualContainerGroup.seeData .vcBody .detailVisual {
  display: block;
  width: 100%;
  height: auto;
  flex-grow: 1;
}
.explorationContainer .exploreCanvas .visualContainer.seeData .vcBody > visual,
.explorationContainer .exploreCanvas .visualContainerGroup.seeData .vcBody > visual {
  flex-grow: 1;
}
.explorationContainer .exploreCanvas .visualContainer.seeData .vcBody visual,
.explorationContainer .exploreCanvas .visualContainerGroup.seeData .vcBody visual {
  height: auto;
}
.explorationContainer .exploreCanvas .visualContainer.seeData .vcBody .detailVisual,
.explorationContainer .exploreCanvas .visualContainerGroup.seeData .vcBody .detailVisual {
  box-sizing: border-box;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: var(--neutral-tertiary-color, #A6A6A6);
  z-index: 1;
}
.explorationContainer .exploreCanvas .visualContainer.seeData .vcBody .detailVisual > .visual,
.explorationContainer .exploreCanvas .visualContainerGroup.seeData .vcBody .detailVisual > .visual {
  height: 100%;
}
.explorationContainer .exploreCanvas .visualContainer.seeData .vcBody .detailVisual.noBorder,
.explorationContainer .exploreCanvas .visualContainerGroup.seeData .vcBody .detailVisual.noBorder {
  border: 0;
}
.explorationContainer .exploreCanvas .visualContainer.seeData.seeDataVerticalLayout .vcBody .visual,
.explorationContainer .exploreCanvas .visualContainerGroup.seeData.seeDataVerticalLayout .vcBody .visual,
.explorationContainer .exploreCanvas .visualContainer.seeData.seeDataVerticalLayout .vcBody .detailVisual,
.explorationContainer .exploreCanvas .visualContainerGroup.seeData.seeDataVerticalLayout .vcBody .detailVisual {
  height: 100%;
}
.explorationContainer .exploreCanvas .visualContainer.seeData.seeDataVerticalLayout .vcBody .detailVisual,
.explorationContainer .exploreCanvas .visualContainerGroup.seeData.seeDataVerticalLayout .vcBody .detailVisual {
  border-width: 10px 0 10px 10px;
}
.explorationContainer .exploreCanvas .visualContainer.seeData.seeDataVerticalLayout .vcBody .detailVisual > .visual,
.explorationContainer .exploreCanvas .visualContainerGroup.seeData.seeDataVerticalLayout .vcBody .detailVisual > .visual {
  width: 100%;
}
.explorationContainer .exploreCanvas .visualContainer.seeData.seeDataVerticalLayout .vcBody .detailVisual.noBorder,
.explorationContainer .exploreCanvas .visualContainerGroup.seeData.seeDataVerticalLayout .vcBody .detailVisual.noBorder {
  border: 0;
}
.explorationContainer .exploreCanvas .visualContainer.dragging,
.explorationContainer .exploreCanvas .visualContainerGroup.dragging,
.explorationContainer .exploreCanvas .visualContainer.resizing,
.explorationContainer .exploreCanvas .visualContainerGroup.resizing {
  background-color: rgba(255, 255, 255, 0.85);
  overflow: hidden;
}
.explorationContainer .exploreCanvas .visualContainer .powerbi-spinner,
.explorationContainer .exploreCanvas .visualContainerGroup .powerbi-spinner {
  position: absolute;
  top: 2px;
  left: 4px;
  z-index: 2;
}
.explorationContainer .exploreCanvas .visualContainer .vcHeader,
.explorationContainer .exploreCanvas .visualContainerGroup .vcHeader {
  line-height: 100%;
  box-sizing: border-box;
  overflow: hidden;
  --vc-header-icons-color: var(--neutral-primary-color, #333333);
}
[data-legacy-theming="false"] .explorationContainer .exploreCanvas .visualContainer .vcHeader,
[data-legacy-theming="false"] .explorationContainer .exploreCanvas .visualContainerGroup .vcHeader {
  --vc-header-icons-color: #333;
}
.explorationContainer .exploreCanvas .visualContainer .vcHeader span,
.explorationContainer .exploreCanvas .visualContainerGroup .vcHeader span {
  opacity: 0;
  font-size: 8pt;
  color: var(--gray-180, #252423);
}
.explorationContainer .exploreCanvas .visualContainer .vcHeader select,
.explorationContainer .exploreCanvas .visualContainerGroup .vcHeader select {
  opacity: 0;
  border: 1px solid var(--neutral-primary-color, #333333);
  font-size: 8pt;
  color: var(--neutral-primary-color, #333333);
}
html[data-focus-source="key"] .explorationContainer .exploreCanvas .visualContainer .vcHeader select:focus,
html[data-focus-source="key"] .explorationContainer .exploreCanvas .visualContainerGroup .vcHeader select:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.explorationContainer .exploreCanvas .visualContainer .vcHeader select:hover:enabled,
.explorationContainer .exploreCanvas .visualContainerGroup .vcHeader select:hover:enabled,
.explorationContainer .exploreCanvas .visualContainer .vcHeader select:focus,
.explorationContainer .exploreCanvas .visualContainerGroup .vcHeader select:focus {
  opacity: 1;
  transition: opacity 0s;
}
.explorationContainer .exploreCanvas .visualContainer .vcHeader button,
.explorationContainer .exploreCanvas .visualContainerGroup .vcHeader button {
  opacity: 0;
  color: var(--vc-header-icons-color);
}
.explorationContainer .exploreCanvas .visualContainer .vcHeader button.alwaysVisible,
.explorationContainer .exploreCanvas .visualContainerGroup .vcHeader button.alwaysVisible {
  opacity: 0.65;
}
.explorationContainer .exploreCanvas .visualContainer .vcHeader button,
.explorationContainer .exploreCanvas .visualContainerGroup .vcHeader button {
  box-sizing: border-box;
  vertical-align: top;
}
.explorationContainer .exploreCanvas .visualContainer .vcHeader button:hover:enabled,
.explorationContainer .exploreCanvas .visualContainerGroup .vcHeader button:hover:enabled {
  opacity: 1;
  transition: opacity 0s;
}
html[data-focus-source="key"] .explorationContainer .exploreCanvas .visualContainer .vcHeader button:focus,
html[data-focus-source="key"] .explorationContainer .exploreCanvas .visualContainerGroup .vcHeader button:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.explorationContainer .exploreCanvas .visualContainer .vcHeader button:focus,
.explorationContainer .exploreCanvas .visualContainerGroup .vcHeader button:focus {
  opacity: 1;
  transition: opacity 0s;
}
.explorationContainer .exploreCanvas .visualContainer .vcHeader button i,
.explorationContainer .exploreCanvas .visualContainerGroup .vcHeader button i {
  padding: 0;
  margin: 0;
}
.explorationContainer .exploreCanvas .visualContainer .vcHeader .iconContainer button:hover:enabled,
.explorationContainer .exploreCanvas .visualContainerGroup .vcHeader .iconContainer button:hover:enabled {
  opacity: 1;
  transition: opacity 0s;
}
.explorationContainer .exploreCanvas .visualContainer .vcHeader .drillUp,
.explorationContainer .exploreCanvas .visualContainerGroup .vcHeader .drillUp {
  background-image: url("../images/ExploreUI.sprites.png");
  background-position: -69px -268px;
  width: 17px;
  height: 17px;
}
.explorationContainer .exploreCanvas .visualContainer .vcHeader .drillDownLevel,
.explorationContainer .exploreCanvas .visualContainerGroup .vcHeader .drillDownLevel {
  background-image: url("../images/ExploreUI.sprites.png");
  background-position: -18px -268px;
  width: 17px;
  height: 17px;
}
.explorationContainer .exploreCanvas .visualContainer .vcHeader .vcPopOutBtn,
.explorationContainer .exploreCanvas .visualContainerGroup .vcHeader .vcPopOutBtn {
  font-size: 15px;
}
.explorationContainer .exploreCanvas .visualContainer .vcHeader .vcPopOutBtn .pbi-glyph-miniexpand,
.explorationContainer .exploreCanvas .visualContainerGroup .vcHeader .vcPopOutBtn .pbi-glyph-miniexpand {
  display: block;
}
html[data-focus-source="key"] .explorationContainer .exploreCanvas .visualContainer .vcHeader .optionsMenu button:focus,
html[data-focus-source="key"] .explorationContainer .exploreCanvas .visualContainerGroup .vcHeader .optionsMenu button:focus {
  outline: var(--focus-two-tone-outline-definition, auto 1px);
  outline-color: var(--focus-two-tone-outline-color, -webkit-focus-ring-color);
}
.explorationContainer .exploreCanvas .visualContainer .vcHeader .optionsMenu button:hover,
.explorationContainer .exploreCanvas .visualContainerGroup .vcHeader .optionsMenu button:hover,
.explorationContainer .exploreCanvas .visualContainer .vcHeader .optionsMenu button:focus,
.explorationContainer .exploreCanvas .visualContainerGroup .vcHeader .optionsMenu button:focus {
  opacity: 1;
  transition: opacity 0s;
}
.explorationContainer .exploreCanvas .visualContainer .vcHeader .optionsMenu button.alwaysVisible,
.explorationContainer .exploreCanvas .visualContainerGroup .vcHeader .optionsMenu button.alwaysVisible {
  opacity: 0.65;
}
.explorationContainer .exploreCanvas .visualContainer .vcHeader .optionsMenu button.alwaysVisible:hover,
.explorationContainer .exploreCanvas .visualContainerGroup .vcHeader .optionsMenu button.alwaysVisible:hover {
  opacity: 1;
  transition: opacity 0s;
}
.explorationContainer .exploreCanvas .visualContainer .vcHeader .optionsMenu .vcMenuBtn,
.explorationContainer .exploreCanvas .visualContainerGroup .vcHeader .optionsMenu .vcMenuBtn {
  font-size: 14px;
  font-weight: bold;
}
.explorationContainer .exploreCanvas .visualContainer .vcHeader .optionsMenu .vsFilterRestatement,
.explorationContainer .exploreCanvas .visualContainerGroup .vcHeader .optionsMenu .vsFilterRestatement,
.explorationContainer .exploreCanvas .visualContainer .vcHeader .optionsMenu .vcPinBtn,
.explorationContainer .exploreCanvas .visualContainerGroup .vcHeader .optionsMenu .vcPinBtn,
.explorationContainer .exploreCanvas .visualContainer .vcHeader .optionsMenu .vcExportBtn,
.explorationContainer .exploreCanvas .visualContainerGroup .vcHeader .optionsMenu .vcExportBtn {
  font-size: 15px;
}
.explorationContainer .exploreCanvas .visualContainer .removeFromLayout,
.explorationContainer .exploreCanvas .visualContainerGroup .removeFromLayout {
  position: absolute;
  cursor: pointer;
  right: 4px;
  top: 4px;
  background-color: transparent;
  display: none;
}
.explorationContainer .exploreCanvas .visualContainer:hover .removeFromLayout,
.explorationContainer .exploreCanvas .visualContainerGroup:hover .removeFromLayout,
.explorationContainer .exploreCanvas .visualContainer.selected .removeFromLayout,
.explorationContainer .exploreCanvas .visualContainerGroup.selected .removeFromLayout {
  display: block;
}
.explorationContainer .exploreCanvas .visualContainer .vcBody,
.explorationContainer .exploreCanvas .visualContainerGroup .vcBody {
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  display: flex;
  flex-direction: column;
}
.explorationContainer .exploreCanvas .visualContainer .vcBody .visualTitle,
.explorationContainer .exploreCanvas .visualContainerGroup .vcBody .visualTitle,
.explorationContainer .exploreCanvas .visualContainer .vcBody .visualSubTitle,
.explorationContainer .exploreCanvas .visualContainerGroup .vcBody .visualSubTitle {
  font-size: 12px;
  color: var(--neutral-tertiary-color, #A6A6A6);
  padding: 0 5px;
  z-index: 1;
  flex-shrink: 0;
}
.explorationContainer .exploreCanvas .visualContainer .vcBody .visualTitle.customPadding,
.explorationContainer .exploreCanvas .visualContainerGroup .vcBody .visualTitle.customPadding,
.explorationContainer .exploreCanvas .visualContainer .vcBody .visualSubTitle.customPadding,
.explorationContainer .exploreCanvas .visualContainerGroup .vcBody .visualSubTitle.customPadding {
  padding: unset;
}
.explorationContainer .exploreCanvas .visualContainer .vcBody .visualDivider,
.explorationContainer .exploreCanvas .visualContainerGroup .vcBody .visualDivider {
  border-bottom-width: 0px;
  margin: 0px;
}
.explorationContainer .exploreCanvas .visualContainer .vcBody visual,
.explorationContainer .exploreCanvas .visualContainerGroup .vcBody visual,
.explorationContainer .exploreCanvas .visualContainer .vcBody visual-modern,
.explorationContainer .exploreCanvas .visualContainerGroup .vcBody visual-modern {
  height: 100%;
  flex-basis: 0;
  display: flex;
  flex-grow: 1;
}
.explorationContainer .exploreCanvas .visualContainer .vcBody .visual,
.explorationContainer .exploreCanvas .visualContainerGroup .vcBody .visual {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 16px;
  padding: 5px;
  flex-grow: 1;
  box-sizing: border-box;
  z-index: 1;
}
.explorationContainer .exploreCanvas .visualContainer .vcBody .visual.customPadding,
.explorationContainer .exploreCanvas .visualContainerGroup .vcBody .visual.customPadding {
  padding: unset;
}
.explorationContainer .exploreCanvas .visualContainer .vcBody analysis-visual-host-lazy,
.explorationContainer .exploreCanvas .visualContainerGroup .vcBody analysis-visual-host-lazy,
.explorationContainer .exploreCanvas .visualContainer .vcBody qna-visual-host-lazy,
.explorationContainer .exploreCanvas .visualContainerGroup .vcBody qna-visual-host-lazy {
  position: relative;
  width: 100%;
  height: 100%;
}
.explorationContainer .exploreCanvas .visualContainer .vcBody.vcInitialization,
.explorationContainer .exploreCanvas .visualContainerGroup .vcBody.vcInitialization {
  align-items: center;
  display: flex;
  justify-content: center;
}
.explorationContainer .exploreCanvas .visualContainer .vcBody.vcInitialization span,
.explorationContainer .exploreCanvas .visualContainerGroup .vcBody.vcInitialization span {
  text-align: center;
}
.explorationContainer .exploreCanvas .visualContainer .vcBody.vcInitialization spinner,
.explorationContainer .exploreCanvas .visualContainerGroup .vcBody.vcInitialization spinner {
  height: 36px;
  position: relative;
}
.explorationContainer .exploreCanvas .visualContainer.noVisualTitle .visual,
.explorationContainer .exploreCanvas .visualContainerGroup.noVisualTitle .visual {
  padding: 5px;
}
.explorationContainer .exploreCanvas .visualContainer.paddingDisabled .visualTitle,
.explorationContainer .exploreCanvas .visualContainerGroup.paddingDisabled .visualTitle,
.explorationContainer .exploreCanvas .visualContainer.paddingDisabled .visual,
.explorationContainer .exploreCanvas .visualContainerGroup.paddingDisabled .visual {
  padding: 0;
}
.explorationContainer .exploreCanvas .visualContainer.invalid .vcBody,
.explorationContainer .exploreCanvas .visualContainerGroup.invalid .vcBody {
  border: 1px solid var(--neutral-lighter-color, #F4F4F4);
}
.explorationContainer .exploreCanvas .visualContainer canvas-visual-error-overlay,
.explorationContainer .exploreCanvas .visualContainerGroup canvas-visual-error-overlay {
  position: absolute;
  top: 0;
  /* @noflip */
  left: 0;
  z-index: 2;
}
.explorationContainer .exploreCanvas .visualContainer button.primary,
.explorationContainer .exploreCanvas .visualContainerGroup button.primary {
  padding: 6px 18px;
}
.explorationContainer .exploreCanvas.phoneAuthoring .visualContainer .removeFromLayout {
  color: var(--globalColorGrey46);
}
.datetimePicker {
  display: block;
  width: 100%;
}
.datetimePicker input[type="text"]:disabled {
  background: var(--neutral-light-color, #EAEAEA);
  cursor: default;
}
.datetimePicker .datePicker {
  display: block;
}
.datetimePicker .datePicker .calendarInput {
  height: 22px;
  padding: 2px 2px;
  background-image: none;
  border: 2px solid var(--neutral-primary-color, #333333);
  border-radius: 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.datetimePicker .datePicker .filterPaneIcon {
  margin: 4px;
}
.datetimePicker .timePicker a {
  display: table-cell;
  padding-top: 0;
  padding-bottom: 0;
}
.datetimePicker .timePicker .glyphicon {
  margin-left: 4px;
  vertical-align: middle;
}
.datetimePicker .timePicker .glyphicon.glyphicon-chevron-up {
  font-size: 8px;
}
.datetimePicker .timePicker .glyphicon.glyphicon-chevron-up::before {
  content: "\E971";
}
.datetimePicker .timePicker .glyphicon.glyphicon-chevron-down {
  font-size: 8px;
}
.datetimePicker .timePicker .glyphicon.glyphicon-chevron-down::before {
  content: "\E972";
}
.datetimePicker .timePicker td.form-group input {
  width: 50px;
  text-align: center;
}
.datetimePicker .form-control {
  background-image: none;
  border: 2px solid var(--neutral-primary-color, #333333);
}
.datetimePicker .btn {
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
}
.datetimePicker .btn:active,
.datetimePicker .btn:active:hover,
.datetimePicker .btn:hover,
.datetimePicker .btn:focus,
.datetimePicker .btn:focus:hover {
  border: 1px solid transparent;
}
.datetimePicker .btn-default {
  font-size: 12px;
}
.calendarDropDown .calendar {
  border: 1px solid var(--black-color, #000);
}
.calendarDropDown .calendar .btn {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 4px 8px;
}
.calendarDropDown .calendar .btn:active,
.calendarDropDown .calendar .btn:active:hover,
.calendarDropDown .calendar .btn:hover,
.calendarDropDown .calendar .btn:focus,
.calendarDropDown .calendar .btn:focus:hover {
  border: 1px solid transparent;
}
.calendarDropDown .calendar .glyphicon.glyphicon-chevron-right {
  font-size: 8px;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}
.calendarDropDown .calendar .glyphicon.glyphicon-chevron-right::before {
  content: "\E972";
}
.calendarDropDown .calendar .glyphicon.glyphicon-chevron-left {
  font-size: 8px;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.calendarDropDown .calendar .glyphicon.glyphicon-chevron-left::before {
  content: "\E972";
}
.datetimePickerClassic input[type="text"]:disabled {
  color: var(--neutral-tertiary-color, #A6A6A6);
}
.datetimePickerClassic .datePicker .calendarInput {
  background-color: var(--neutral-primary-color-alt, #444444);
}
.datetimePickerClassic .form-control {
  background-color: var(--neutral-primary-color-alt, #444444);
}
.datetimePickerClassic .btn {
  background-color: transparent;
  color: var(--neutral-tertiary-color, #A6A6A6);
}
.datetimePickerClassic .btn:active,
.datetimePickerClassic .btn:active:hover,
.datetimePickerClassic .btn:hover,
.datetimePickerClassic .btn:focus,
.datetimePickerClassic .btn:focus:hover {
  background-color: transparent;
  color: var(--theme-dark-color, #CDA521);
}
.datetimePickerClassic .btn-default {
  color: var(--theme-primary-color, #F2C811);
}
.calendarDropDown .calendar table {
  background-color: var(--white-color, #FFF);
}
.calendarDropDown .calendar .btn {
  background-color: transparent;
}
.calendarDropDown .calendar .btn:active,
.calendarDropDown .calendar .btn:active:hover,
.calendarDropDown .calendar .btn:hover,
.calendarDropDown .calendar .btn:focus,
.calendarDropDown .calendar .btn:focus:hover {
  background-color: transparent;
  color: var(--theme-dark-color, #CDA521);
}
.calendarDropDown .calendar .btn-default.active,
.calendarDropDown .calendar .btn-default:active,
.calendarDropDown .calendar .open > .dropdown-toggle.btn-default {
  background-color: var(--theme-primary-color, #F2C811);
  border-color: black;
}
.newPaneColors.explorationContainer .datetimePickerClassic input[type="text"]:disabled {
  color: var(--gray-80, #B3B0AD);
}
.newPaneColors.explorationContainer .datetimePickerClassic .datePicker .calendarInput {
  background-color: var(--white-color, #FFF);
}
.newPaneColors.explorationContainer .datetimePickerClassic .form-control {
  background-color: var(--white-color, #FFF);
}
.newPaneColors.explorationContainer .datetimePickerClassic .btn {
  color: var(--gray-180, #252423);
}
.newPaneColors.explorationContainer .datetimePickerClassic .btn-default {
  color: var(--dark-blue, #2B579A);
}
.newPaneColors.explorationContainer .calendarDropDown .calendar {
  color: var(--gray-180, #252423);
}
.outspacePane .datetimePickerOutspace input[type="text"] {
  background-color: var(--white-color, #FFF);
  color: var(--black-color, #000);
}
.outspacePane .datetimePickerOutspace ::placeholder {
  color: inherit;
  opacity: 0.5;
}
.outspacePane .datetimePickerOutspace input[type="text"]:disabled {
  color: inherit;
}
.outspacePane .datetimePickerOutspace .datePicker .calendarInput {
  height: initial;
  background-color: var(--white-color, #FFF);
}
.outspacePane .datetimePickerOutspace .form-control {
  background-color: var(--white-color, #FFF);
}
.outspacePane .datetimePickerOutspace .btn {
  background-color: transparent;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
}
.outspacePane .datetimePickerOutspace .btn:active,
.outspacePane .datetimePickerOutspace .btn:active:hover,
.outspacePane .datetimePickerOutspace .btn:hover,
.outspacePane .datetimePickerOutspace .btn:focus,
.outspacePane .datetimePickerOutspace .btn:focus:hover {
  background-color: transparent;
  color: inherit;
}
.outspacePane .calendarDropDown .calendar table {
  background-color: var(--white-color, #FFF);
}
.outspacePane .calendarDropDown .calendar .btn {
  background-color: transparent;
}
.outspacePane .calendarDropDown .calendar .btn:active,
.outspacePane .calendarDropDown .calendar .btn:active:hover,
.outspacePane .calendarDropDown .calendar .btn:hover,
.outspacePane .calendarDropDown .calendar .btn:focus,
.outspacePane .calendarDropDown .calendar .btn:focus:hover {
  background-color: transparent;
  color: var(--theme-dark-color, #CDA521);
}


#pbi-svg-loading .pbi-svg-item,
#pbi-svg-loading .microsoft-svg-item {
  position: absolute;
  left: 0;
  right: 0;
  opacity: 1;
  z-index: 4;
  transition: opacity 0.5s;
  margin-left: auto;
  margin-right: auto;
  max-width: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#pbi-svg-loading .pbi-svg-item {
  top: 45%;
}
#pbi-svg-loading .pbi-svg-item object,
#pbi-svg-loading .pbi-svg-item img {
  width: 61px;
  height: 81px;
}
#pbi-svg-loading .microsoft-svg-item {
  top: 95%;
}
#pbi-svg-loading .microsoft-svg-item img {
  width: 94px;
  height: 20px;
}
#pbi-svg-loading.pbi-delayed-loading-enabled #pbi-svg-loader-text {
  position: absolute;
  top: calc(45% + 120px);
  left: 50%;
  z-index: 3;
  width: 200px;
  visibility: hidden;
  transform: translateX(-50%);
  animation: pbi-delayed-loading-reveal 1ms linear 5s forwards;
  color: var(--colorNeutralForeground2, #424242);
  font-family: var(--fontFamilyBase, 'Segoe UI', sans-serif);
  font-size: var(--fontSizeBase200, 12px);
  line-height: var(--lineHeightBase200, 16px);
  text-align: center;
}
#pbi-svg-loading.pbi-delayed-loading-enabled #pbi-svg-loader-text::before {
  content: '';
  display: block;
  width: 160px;
  height: 2px;
  margin: 0 auto 8px;
  border-radius: var(--borderRadiusMedium, 4px);
  background-color: var(--colorNeutralBackground6, #e6e6e6);
  background-image: linear-gradient(to right, transparent, var(--colorCompoundBrandBackground, #117865), transparent);
  background-repeat: no-repeat;
  background-position: -160px 0;
  background-size: 80px 100%;
  animation: pbi-delayed-loading-progress 1.5s ease-in-out 5s infinite;
}
.wfe-loading {
  width: 100%;
  height: 100%;
  background-color: var(--colorNeutralBackground1);
}
.wfe-loading .pbi-svg-item,
.wfe-loading .microsoft-svg-item {
  z-index: 3;
}
@keyframes pbi-delayed-loading-reveal {
  to {
    visibility: visible;
  }
}
@keyframes pbi-delayed-loading-progress {
  from {
    background-position: -160px 0;
  }
  to {
    background-position: 160px 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  #pbi-svg-loading.pbi-delayed-loading-enabled #pbi-svg-loader-text::before {
    background-color: var(--colorCompoundBrandBackground, #117865);
    background-image: none;
    animation: none;
  }
}
.shine {
  background: linear-gradient(15deg, color-mix(in srgb, var(--colorNeutralBackground2) 0%, transparent) 0%, color-mix(in srgb, var(--colorNeutralBackground2) 10%, transparent) 35%, color-mix(in srgb, var(--colorNeutralBackground2) 20%, transparent) 55%, color-mix(in srgb, var(--colorNeutralBackground2) 10%, transparent) 75%, color-mix(in srgb, var(--colorNeutralBackground2) 0%, transparent) 100%);
  animation: pbi-logo-animation 1.3s cubic-bezier(0.91, 0.88, 0, 1.22) 0s infinite;
  width: 61px;
  height: 31px;
}
@keyframes pbi-logo-animation {
  0% {
    transform: translateY(-30%);
  }
  100% {
    transform: translateY(-350%);
  }
}