body,
button,
input,
select,
table,
textarea {
  /* TODO: Switch to use this syntax once relatvive font sizes(e.g. 200%, larger) 
        are removed or set thier own line height, since they don't work well with the default line height */
  /* font: @DefaultFont; */
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 14px;
  font-family: 'SegoeUI', 'Segoe UI';
}
html {
  font-size: 14px;
}
body {
  background: white;
  color: #666;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}
a,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
meter,
nav,
object,
ol,
optgroup,
option,
output,
p,
pre,
progress,
q,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
time,
tr,
u,
ul,
var,
video {
  border: 0;
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
}
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*-------------------------------------
	Fonts
--------------------------------------*/
/* Segoe UI should be available in IE, so only add for Non-IE browsers */
/* Use url calls to get segoe fonts loaded from local resources in Android */
/* The correct system font is 'Segoe UI', not 'SegoeUI' */
@font-face {
  font-family: 'Segoe UI';
  font-weight: 200;
  src: local('Segoe UI Light'), url("segoeui_light.woff2?v=1.4.6164-2307.4") format("woff2");
}
@font-face {
  font-family: 'Segoe UI';
  font-weight: 300;
  src: local('Segoe UI Semilight'), url("segoeui_semilight.woff2?v=1.4.6164-2307.4") format("woff2");
}
@font-face {
  font-family: 'Segoe UI';
  font-weight: 400;
  src: local('Segoe UI'), url("segoeui_normal.woff2?v=1.4.6164-2307.4") format("woff2");
}
@font-face {
  font-family: 'Segoe UI';
  font-weight: 600;
  src: local('Segoe UI Semibold'), url("segoeui_semibold.woff2?v=1.4.6164-2307.4") format("woff2");
}
@font-face {
  font-family: 'Segoe UI';
  font-weight: 700;
  src: local('Segoe UI Bold'), url("segoeui_bold.woff2?v=1.4.6164-2307.4") format("woff2");
}
/* The font-face declarations below are incorrect. They couple font-family with font-weight.
For example, when using 'SegoeUI-Bold',
If user specify font-weigth to 700, firefox will render double the boldness.
If user does not specify font-weight, chrome will render normal weight. */
@font-face {
  font-family: 'SegoeUI';
  src: local('Segoe UI'), url("segoeui_normal.woff2?v=1.4.6164-2307.4") format("woff2");
}
@font-face {
  font-family: 'SegoeUI-Bold';
  src: local('Segoe UI Bold'), url("segoeui_bold.woff2?v=1.4.6164-2307.4") format("woff2");
}
@font-face {
  font-family: 'SegoeUI-Semibold';
  src: local('Segoe UI Semibold'), url("segoeui_semibold.woff2?v=1.4.6164-2307.4") format("woff2");
}
@font-face {
  font-family: 'SegoeUI-Light';
  src: local('Segoe UI Light'), url("segoeui_light.woff2?v=1.4.6164-2307.4") format("woff2");
}
@font-face {
  font-family: 'SegoeUI-Semilight';
  src: local('Segoe UI Semilight'), url("segoeui_semilight.woff2?v=1.4.6164-2307.4") format("woff2");
}
/* Font-face with icons for SiteMap */
@font-face {
    font-family: 'Dyn CRM Symbol';
    src: url('../fonts/Symbols.woff');
    font-display: swap;
}
@font-face {
    font-family: 'CRM MDL2';
    src: url('../fonts/Symbols.woff');
    font-display: swap;
}
@font-face {
    font-family: 'D365 Shell';
    src: url('../fonts/Shell.woff');
}
@font-face {
    font-family: 'FabricMDL2Icons';
    src: url('../fonts/FIcons.woff');
    font-display: swap;
}
@font-face {
    font-family: 'FabricMDL2Icons-0';
    src: url('../fonts/FIcons0.woff');
    font-display: swap;
}
@font-face {
    font-family: 'FabricMDL2Icons-1';
    src: url('../fonts/FIcons1.woff');
    font-display: swap;
}
@font-face {
    font-family: 'FabricMDL2Icons-3';
    src: url('../fonts/FIcons3.woff');
    font-display: swap;
}
/*-------------------------------------
	IndeterminateProgressBar styles
--------------------------------------*/
.indeterminateProgressBar {
  padding-top: 6px;
  height: 4px;
  padding-bottom: 8px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.indeterminateProgressBar .progressDot {
  position: absolute;
  width: 100%;
  font-size: 4px;
  line-height: 4px;
  display: block;
  opacity: 0;
  -webkit-animation-name: moveProgressDot;
  animation-name: moveProgressDot;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.indeterminateProgressBar .progressDot div {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #0072c6;
  display: block;
}
.indeterminateProgressBar .progressDot:nth-child(2) {
  -webkit-animation-delay: 200ms;
  animation-delay: 200ms;
}
.indeterminateProgressBar .progressDot:nth-child(3) {
  -webkit-animation-delay: 400ms;
  animation-delay: 400ms;
}
.indeterminateProgressBar .progressDot:nth-child(4) {
  -webkit-animation-delay: 600ms;
  animation-delay: 600ms;
}
.indeterminateProgressBar .progressDot:nth-child(5) {
  -webkit-animation-delay: 800ms;
  animation-delay: 800ms;
}
.android4_4 .indeterminateProgressBar .progressDot {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-name: none;
  animation-name: none;
}
.indeterminateProgressBar .ieProgressDot.progressDot {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-name: none;
  animation-name: none;
}
.indeterminateProgressBar.hideProgressBar {
  display: none;
}
.indeterminateProgressBarDotKeyframeSteps 0% {
  opacity: 1;
  -webkit-transform: translateX(-5%);
  -moz-transform: translateX(-5%);
  -o-transform: translateX(-5%);
  -ms-transform: translateX(-5%);
  transform: translateX(-5%);
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
.indeterminateProgressBarDotKeyframeSteps 12.5% {
  opacity: 1;
  -webkit-transform: translateX(33%);
  -moz-transform: translateX(33%);
  -o-transform: translateX(33%);
  -ms-transform: translateX(33%);
  transform: translateX(33%);
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.indeterminateProgressBarDotKeyframeSteps 50% {
  opacity: 1;
  -webkit-transform: translateX(66%);
  -moz-transform: translateX(66%);
  -o-transform: translateX(66%);
  -ms-transform: translateX(66%);
  transform: translateX(66%);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
.indeterminateProgressBarDotKeyframeSteps 62.5% {
  opacity: 1;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}
.indeterminateProgressBarDotKeyframeSteps 80% {
  opacity: 0;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}
.indeterminateProgressBarDotKeyframeSteps 100% {
  opacity: 0;
  -webkit-transform: translateX(-5%);
  -moz-transform: translateX(-5%);
  -o-transform: translateX(-5%);
  -ms-transform: translateX(-5%);
  transform: translateX(-5%);
}
@-webkit-keyframes moveProgressDot {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-5%);
    -moz-transform: translateX(-5%);
    -o-transform: translateX(-5%);
    -ms-transform: translateX(-5%);
    transform: translateX(-5%);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  12.5% {
    opacity: 1;
    -webkit-transform: translateX(33%);
    -moz-transform: translateX(33%);
    -o-transform: translateX(33%);
    -ms-transform: translateX(33%);
    transform: translateX(33%);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  50% {
    opacity: 1;
    -webkit-transform: translateX(66%);
    -moz-transform: translateX(66%);
    -o-transform: translateX(66%);
    -ms-transform: translateX(66%);
    transform: translateX(66%);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  62.5% {
    opacity: 1;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  80% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-5%);
    -moz-transform: translateX(-5%);
    -o-transform: translateX(-5%);
    -ms-transform: translateX(-5%);
    transform: translateX(-5%);
  }
}
@keyframes moveProgressDot {
  0% {
    opacity: 1;
    -webkit-transform: translateX(-5%);
    -moz-transform: translateX(-5%);
    -o-transform: translateX(-5%);
    -ms-transform: translateX(-5%);
    transform: translateX(-5%);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  12.5% {
    opacity: 1;
    -webkit-transform: translateX(33%);
    -moz-transform: translateX(33%);
    -o-transform: translateX(33%);
    -ms-transform: translateX(33%);
    transform: translateX(33%);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  50% {
    opacity: 1;
    -webkit-transform: translateX(66%);
    -moz-transform: translateX(66%);
    -o-transform: translateX(66%);
    -ms-transform: translateX(66%);
    transform: translateX(66%);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  62.5% {
    opacity: 1;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  80% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-5%);
    -moz-transform: translateX(-5%);
    -o-transform: translateX(-5%);
    -ms-transform: translateX(-5%);
    transform: translateX(-5%);
  }
}
/*-------------------------------------
	IndeterminateProgressRing styles
--------------------------------------*/
.indeterminateProgressRing {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.indeterminateProgressRing .progressDot {
  position: absolute;
  width: 70%;
  height: 70%;
  left: 15%;
  top: 15%;
  opacity: 0;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-animation-name: moveIndetermineProgressRingDot;
  animation-name: moveIndetermineProgressRingDot;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.indeterminateProgressRing .progressDot:after {
  content: '';
  position: absolute;
  width: 17.5%;
  height: 17.5%;
  background-color: #0072c6;
  border-radius: 100%;
}
.indeterminateProgressRing .progressDot:nth-child(2) {
  -webkit-animation-delay: 240ms;
  animation-delay: 240ms;
}
.indeterminateProgressRing .progressDot:nth-child(3) {
  -webkit-animation-delay: 480ms;
  animation-delay: 480ms;
}
.indeterminateProgressRing .progressDot:nth-child(4) {
  -webkit-animation-delay: 720ms;
  animation-delay: 720ms;
}
.indeterminateProgressRing .progressDot:nth-child(5) {
  -webkit-animation-delay: 960ms;
  animation-delay: 960ms;
}
.indeterminateProgressRing.hideProgressBar {
  display: none;
}
.android4_4 .indeterminateProgressRing .progressDot {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-name: none;
  animation-name: none;
}
.indeterminateProgressRing .ieProgressDot.progressDot {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-name: none;
  animation-name: none;
}
.indeterminateProgressRingKeyframeSteps 0% {
  opacity: 1;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
.indeterminateProgressRingKeyframeSteps 7% {
  opacity: 1;
  -webkit-transform: rotate(345deg);
  -moz-transform: rotate(345deg);
  -o-transform: rotate(345deg);
  -ms-transform: rotate(345deg);
  transform: rotate(345deg);
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.indeterminateProgressRingKeyframeSteps 30% {
  opacity: 1;
  -webkit-transform: rotate(455deg);
  -moz-transform: rotate(455deg);
  -o-transform: rotate(455deg);
  -ms-transform: rotate(455deg);
  transform: rotate(455deg);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.indeterminateProgressRingKeyframeSteps 39% {
  opacity: 1;
  -webkit-transform: rotate(690deg);
  -moz-transform: rotate(690deg);
  -o-transform: rotate(690deg);
  -ms-transform: rotate(690deg);
  transform: rotate(690deg);
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.indeterminateProgressRingKeyframeSteps 70% {
  opacity: 1;
  -webkit-transform: rotate(815deg);
  -moz-transform: rotate(815deg);
  -o-transform: rotate(815deg);
  -ms-transform: rotate(815deg);
  transform: rotate(815deg);
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
.indeterminateProgressRingKeyframeSteps 75% {
  opacity: 1;
  -webkit-transform: rotate(945deg);
  -moz-transform: rotate(945deg);
  -o-transform: rotate(945deg);
  -ms-transform: rotate(945deg);
  transform: rotate(945deg);
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
.indeterminateProgressRingKeyframeSteps 76% {
  opacity: 0;
  -webkit-transform: rotate(945deg);
  -moz-transform: rotate(945deg);
  -o-transform: rotate(945deg);
  -ms-transform: rotate(945deg);
  transform: rotate(945deg);
}
.indeterminateProgressRingKeyframeSteps 100% {
  opacity: 0;
  -webkit-transform: rotate(945deg);
  -moz-transform: rotate(945deg);
  -o-transform: rotate(945deg);
  -ms-transform: rotate(945deg);
  transform: rotate(945deg);
}
@-webkit-keyframes moveIndetermineProgressRingDot {
  0% {
    opacity: 1;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  7% {
    opacity: 1;
    -webkit-transform: rotate(345deg);
    -moz-transform: rotate(345deg);
    -o-transform: rotate(345deg);
    -ms-transform: rotate(345deg);
    transform: rotate(345deg);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  30% {
    opacity: 1;
    -webkit-transform: rotate(455deg);
    -moz-transform: rotate(455deg);
    -o-transform: rotate(455deg);
    -ms-transform: rotate(455deg);
    transform: rotate(455deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  39% {
    opacity: 1;
    -webkit-transform: rotate(690deg);
    -moz-transform: rotate(690deg);
    -o-transform: rotate(690deg);
    -ms-transform: rotate(690deg);
    transform: rotate(690deg);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  70% {
    opacity: 1;
    -webkit-transform: rotate(815deg);
    -moz-transform: rotate(815deg);
    -o-transform: rotate(815deg);
    -ms-transform: rotate(815deg);
    transform: rotate(815deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  75% {
    opacity: 1;
    -webkit-transform: rotate(945deg);
    -moz-transform: rotate(945deg);
    -o-transform: rotate(945deg);
    -ms-transform: rotate(945deg);
    transform: rotate(945deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  76% {
    opacity: 0;
    -webkit-transform: rotate(945deg);
    -moz-transform: rotate(945deg);
    -o-transform: rotate(945deg);
    -ms-transform: rotate(945deg);
    transform: rotate(945deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(945deg);
    -moz-transform: rotate(945deg);
    -o-transform: rotate(945deg);
    -ms-transform: rotate(945deg);
    transform: rotate(945deg);
  }
}
@keyframes moveIndetermineProgressRingDot {
  0% {
    opacity: 1;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  7% {
    opacity: 1;
    -webkit-transform: rotate(345deg);
    -moz-transform: rotate(345deg);
    -o-transform: rotate(345deg);
    -ms-transform: rotate(345deg);
    transform: rotate(345deg);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  30% {
    opacity: 1;
    -webkit-transform: rotate(455deg);
    -moz-transform: rotate(455deg);
    -o-transform: rotate(455deg);
    -ms-transform: rotate(455deg);
    transform: rotate(455deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  39% {
    opacity: 1;
    -webkit-transform: rotate(690deg);
    -moz-transform: rotate(690deg);
    -o-transform: rotate(690deg);
    -ms-transform: rotate(690deg);
    transform: rotate(690deg);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  70% {
    opacity: 1;
    -webkit-transform: rotate(815deg);
    -moz-transform: rotate(815deg);
    -o-transform: rotate(815deg);
    -ms-transform: rotate(815deg);
    transform: rotate(815deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  75% {
    opacity: 1;
    -webkit-transform: rotate(945deg);
    -moz-transform: rotate(945deg);
    -o-transform: rotate(945deg);
    -ms-transform: rotate(945deg);
    transform: rotate(945deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  76% {
    opacity: 0;
    -webkit-transform: rotate(945deg);
    -moz-transform: rotate(945deg);
    -o-transform: rotate(945deg);
    -ms-transform: rotate(945deg);
    transform: rotate(945deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(945deg);
    -moz-transform: rotate(945deg);
    -o-transform: rotate(945deg);
    -ms-transform: rotate(945deg);
    transform: rotate(945deg);
  }
}
/*-------------------------------------
	Error popup styles
--------------------------------------*/
#app-loading-indicator {
  width: 40px;
  height: 40px;
  position: relative;
  transform: none;
  margin: 0;
}
#error-app-loading-indicator {
  position: absolute;
  /*
	   sets 'top' as half screen size - half of total container's height
	   this fixes placement of progress ring.
	   set left at half screen size - half of progress ring size
	*/
  top: calc(50% -  (40px + 20px) / 2);
  left: calc(50% -  40px / 2);
  z-index: 1;
  transform: translateX(-50%);
}
#error-app-loading-indicator.centered {
  top: 50%;
  transform: translate(-50%, -50%);
}
#app-waiting-message {
  height: 20px;
}
#errorPopup-container {
  color: #333333;
}
.errorPopup-wrapper {
  background: #ffffff;
  padding: 20px;
  width: 40rem;
  border: 2px solid #3B79B7;
  overflow: hidden;
  max-height: 80vh;
  max-width: 100vw;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-orient: vertical;
  /** For Gauntlet compat */
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
#errorPopup-header {
  text-align: center;
  margin-bottom: 20px;
}
#errorPopup-technicalDetails {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  word-break: break-all;
}
.hideErrorBlock {
  display: none;
}
/*-------------------------------------
	Application shell styles
--------------------------------------*/
#boot-loading-indicator {
  width: 40px;
  height: 40px;
  margin: auto;
  z-index: auto;
}
#shell-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #F8F7F6;
}
.noOutline * {
  outline: none !important;
}
.nonOutline * {
  outline: none;
}
.showOutline *:focus {
  outline: 1px dotted;
  outline-offset: -2px;
}
html,
body {
  width: 100%;
  height: 100%;
}
.flexbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
}
.inlineflexbox {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: inline-flex;
}
.webkitScroll {
  -webkit-overflow-scrolling: touch;
}
.webkitScrollAuto {
  -webkit-overflow-scrolling: auto;
}
.modalDialogBackgroundScrollBlock .webkitScroll {
  -webkit-overflow-scrolling: auto;
}
.modalDialogBackgroundScrollBlock div[wj-part="root"] {
  -webkit-overflow-scrolling: auto !important;
}
.forceNewStackContext {
  transform: rotate(0deg);
}
.forceNewStackContextInert {
  transform: none;
}
/*-------------------------------------
	Toast Notification styles
--------------------------------------*/
#toastNotificationRoot > div {
  cursor: pointer;
}
/*-------------------------------------
	App notification toast styles
--------------------------------------*/
@keyframes arrival {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.NotificationCardWrapper .ac-container.ac-adaptiveCard {
  padding: 0px !important;
}
.ac-anchor {
  color: #005a9e;
  text-decoration: none;
}
/*-------------------------------------
	Popup Notification styles
--------------------------------------*/
#popupNotificationRoot {
  flex-direction: column;
  position: absolute;
  width: 21.429rem;
  border-radius: 3px;
  font-family: "Segoe UI";
  z-index: 1;
}
#popupNotificationRoot .header {
  height: 2rem;
  margin: 0.786rem 0.5rem;
  display: flex;
}
#popupNotificationRoot .header .icon-wrapper {
  height: 19px;
  width: 19px;
  margin: 5px 7px;
}
#popupNotificationRoot .header .header-text {
  font-size: 1.143rem;
  line-height: 2rem;
  font-family: SegoeUI-Semibold, "Segoe UI Semibold";
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#popupNotificationRoot .body {
  overflow-y: auto;
  padding: 0.5rem;
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
}
#popupNotificationRoot .body .row {
  max-height: 2.857rem;
  padding: 0 0.25rem;
  padding-bottom: 0.786rem;
  display: flex;
}
#popupNotificationRoot .body .row .column {
  font-size: 1rem;
  line-height: 1.214rem;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0 0.25rem;
}
#popupNotificationRoot .body .row .index {
  width: 34%;
}
#popupNotificationRoot .body .row .value {
  width: 66%;
  font-family: SegoeUI-Semibold, "Segoe UI Semibold";
}
#popupNotificationRoot .footer {
  padding: 0.214rem 0.25rem 0.5rem 0.25rem;
  display: flex;
}
#popupNotificationRoot .footer .button {
  cursor: pointer;
  border: 1px solid transparent;
  font-family: SegoeUI-Semibold, "Segoe UI Semibold";
  margin: 0 0.25rem;
  flex-grow: 1;
  height: 2rem;
  border-radius: 3px;
}
#popupNotificationRoot.dark {
  background-color: #002050;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
}
#popupNotificationRoot.dark .header .header-text {
  color: #F2F2F2;
}
#popupNotificationRoot.dark .body {
  border-top: 1px solid #828282;
}
#popupNotificationRoot.dark .body .row .column {
  color: white;
}
#popupNotificationRoot.dark .footer .button:focus {
  outline: 1px dotted white;
}
#popupNotificationRoot.dark .footer .accept-button {
  background-color: #6BBF3E;
  color: #002050;
}
#popupNotificationRoot.dark .footer .decline-button {
  background-color: #913844;
  color: white;
}
#popupNotificationRoot.light {
  background-color: #FFFFFF;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
}
#popupNotificationRoot.light .header .header-text {
  color: #000000;
}
#popupNotificationRoot.light .body {
  border-top: 1px solid #828282;
}
#popupNotificationRoot.light .body .row .column {
  color: #000000;
}
#popupNotificationRoot.light .footer .button:focus {
  outline: 2px dotted black;
}
#popupNotificationRoot.light .footer .accept-button {
  background-color: #0066FF;
  color: #FFFFFF;
}
#popupNotificationRoot.light .footer .decline-button {
  background-color: #FFFFFF;
  border: 1px solid #8A8886;
  color: #323130;
}
#popupNotificationRoot.hight-contrast {
  border: 1px solid black;
}
/*-------------------------------------
	Text Truncation Ellipsis styles
--------------------------------------*/
/* create the ... */
.block-with-text:before {
  /* points in the end */
  content: '...';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of block */
  right: 0;
  bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.block-with-text:after {
  /* points in the end */
  content: '';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of text */
  right: 0;
  /* set width and height */
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
}
.block-with-text-noexpansion:after {
  /* points in the end */
  content: '...';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of block */
  right: 0;
  bottom: 0;
}
.block-with-text-noexpansion-rtl:after {
  /* points in the end */
  content: '...';
  /* absolute position */
  position: absolute;
  /* set position to left bottom corner of block for right-to-left-languages */
  left: 0;
  bottom: 0;
}
/* shimmer animation*/
@keyframes placeHolderShimmer {
  0% {
    background-position: -30vw 0;
  }
  100% {
    background-position: 30vw 0;
  }
}
/*-------------------------------------
	Native Mobile styles
--------------------------------------*/
/* Override z-index set by React Native Modal */
body > div > div[aria-modal="true"] {
  z-index: 0 !important;
}
/*------------------------------------------------------
	Modern scrollbar styles 
 ------------------------------------------------------*/
.browserScroll *::-webkit-scrollbar {
  width: 18px;
  height: 18px;
}
.browserScroll *::-webkit-scrollbar-thumb {
  border: 6px solid transparent;
  background: rgba(0, 0, 0, 0.2);
  background: var(--palette-black-alpha-20, rgba(0, 0, 0, 0.43));
  border-radius: 10px;
  background-clip: padding-box;
}
.browserScroll *::-webkit-scrollbar-corner {
  background: transparent;
}
.browserScroll *::-webkit-scrollbar-thumb:vertical {
  min-height: 30px;
}
.browserScroll *::-webkit-scrollbar-thumb:horizontal {
  min-width: 30px;
}
.browserScroll *::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
  background: var(--palette-black-alpha-30, rgba(0, 0, 0, 0.3));
  background-clip: padding-box;
  border: 4px solid transparent;
}
.browserScroll *.smallscroll *::-webkit-scrollbar-thumb:hover {
  border: 6px solid transparent;
}

.crmSymbolFont {
  font-family: 'Dyn CRM Symbol';
}

.entity-symbol.Entity:before,
.Entity .entity-symbol:before {
  content: '\ECDC';
}
.entity-symbol.List:before,
.List .entity-symbol:before {
  content: '\EA37';
}
.entity-symbol.Account:before,
.Account .entity-symbol:before {
  content: '\EED6';
}
.entity-symbol.Opportunity:before,
.Opportunity .entity-symbol:before {
  content: '\F05F';
}
.entity-symbol.Timer:before,
.Timer .entity-symbol:before {
  content: '\E7C1';
}
.entity-symbol.Sharepointdocument:before,
.Sharepointdocument .entity-symbol:before {
  content: '\E7C3';
}
.entity-symbol.Dashboard:before,
.Dashboard .entity-symbol:before {
  content: '\E9FE';
}
.entity-symbol.WORKSPACE:before,
.WORKSPACE .entity-symbol:before {
  content: '\E9FE';
}
.entity-symbol.Lead:before,
.Lead .entity-symbol:before {
  content: '\EFD6';
}
.entity-symbol.Contact:before,
.Contact .entity-symbol:before {
  content: '\E8D4';
}
.entity-symbol.Activitypointer:before,
.Activitypointer .entity-symbol:before {
  content: '\EFF4';
}
.entity-symbol.Drafts:before,
.Drafts .entity-symbol:before {
  content: '\F05B';
}
.entity-symbol.Systemuser:before,
.Systemuser .entity-symbol:before {
  content: '\E77B';
}
.entity-symbol.Letter:before,
.Letter .entity-symbol:before {
  content: '\ECEF';
}
.entity-symbol.Salesorder:before,
.Salesorder .entity-symbol:before {
  content: '\F03B';
}
.entity-symbol.Calendar:before,
.Calendar .entity-symbol:before {
  content: '\E787';
}
.entity-symbol.Category:before,
.Category .entity-symbol:before {
  content: '\ECA6';
}
.entity-symbol.Competitor:before,
.Competitor .entity-symbol:before {
  content: '\EE57';
}
.entity-symbol.Task:before,
.Task .entity-symbol:before {
  content: '\EADF';
}
.entity-symbol.Fax:before,
.Fax .entity-symbol:before {
  content: '\EF5C';
}
.entity-symbol.Email:before,
.Email .entity-symbol:before {
  content: '\E715';
}
.entity-symbol.Entitlement:before,
.Entitlement .entity-symbol:before {
  content: '\EB95';
}
.entity-symbol.Phonecall:before,
.Phonecall .entity-symbol:before {
  content: '\E717';
}
.entity-symbol.Contract:before,
.Contract .entity-symbol:before {
  content: '\EB95';
}
.entity-symbol.Quote:before,
.Quote .entity-symbol:before {
  content: '\F067';
}
.entity-symbol.Incident:before,
.Incident .entity-symbol:before {
  content: '\E7B9';
}
.entity-symbol.Campaign:before,
.Campaign .entity-symbol:before {
  content: '\E789';
}
.entity-symbol.Connection:before,
.Connection .entity-symbol:before {
  content: '\EFD4';
}
.entity-symbol.CustomerAddress:before,
.CustomerAddress .entity-symbol:before {
  content: '\EEBD';
}
.entity-symbol.Position:before,
.Position .entity-symbol:before {
  content: '\ECA6';
}
.entity-symbol.TransactionCurrency:before,
.TransactionCurrency .entity-symbol:before {
  content: '\EAE4';
}
.entity-symbol.Appointment:before,
.Appointment .entity-symbol:before {
  content: '\E787';
}
.entity-symbol.Team:before,
.Team .entity-symbol:before {
  content: '\E902';
}
.entity-symbol.Invoice:before,
.Invoice .entity-symbol:before {
  content: '\EFE4';
}
.entity-symbol.Knowledgearticle:before,
.Knowledgearticle .entity-symbol:before {
  content: '\F000';
}


.entity-symbol.RwuIndex:before,
.RwuIndex .entity-symbol:before {
    content: '\E7BB';
}
.entity-symbol.Explanation:before,
.Explanation .entity-symbol:before {
    content: '\F22B';
}
.entity-symbol.Sgi:before,
.Sgi .entity-symbol:before {
    content: '\F00D';
}
.entity-symbol.Unit:before,
.Unit .entity-symbol:before {
    content: '\EE30';
}
.entity-symbol.Logo:before,
.Logo .entity-symbol:before {
    content: '\F3C8';
}
.entity-symbol.Help:before,
.Help .entity-symbol:before {
    content: '\EF4E';
}
.entity-symbol.Setting:before,
.Setting .entity-symbol:before {
    content: '\F077';
}
.entity-symbol.User:before,
.User .entity-symbol:before {
    content: '\F286';
}
.entity-symbol.Project:before,
.Project .entity-symbol:before {
    content: '\F2AA';
}
.entity-symbol.Report:before,
.Report .entity-symbol:before {
    content: '\EE19';
}
.entity-symbol.Analyze:before,
.Analyze .entity-symbol:before {
    content: '\E9F1';
}
.entity-symbol.Report:before,
.Report .entity-symbol:before {
    content: '\EE19';
}
.entity-symbol.Recipe:before,
.Recipe .entity-symbol:before {
    content: '\F03A';
}
.entity-symbol.ElementIndicator:before,
.ElementIndicator .entity-symbol:before {
    content: '\E8A1';
}
.entity-symbol.Element:before,
.Element .entity-symbol:before {
    content: '\F002';
}
.entity-symbol.Discipline:before,
.Discipline .entity-symbol:before {
    content: '\F072';
}

.entity-symbol.Product:before,
.Product .entity-symbol:before {
  content: '\ECDC';
}
.entity-symbol.Opportunityproduct:before,
.Opportunityproduct .entity-symbol:before {
  content: '\EFE8';
}
.entity-symbol.Queue:before,
.Queue .entity-symbol:before {
  content: '\EFBF';
}
.entity-symbol.Queueitem:before,
.Queueitem .entity-symbol:before {
  content: '\EFBF';
}
.entity-symbol.Socialprofile:before,
.Socialprofile .entity-symbol:before {
  content: '\ECFE';
}
.entity-symbol.ChevronRight:before,
.ChevronRight .entity-symbol:before {
  content: '\F06C';
}
.entity-symbol.Globe:before,
.Globe .entity-symbol:before {
  content: '\E774';
}
.entity-symbol.Ticker:before,
.Ticker .entity-symbol:before {
  content: '\E7BB';
}
.entity-symbol.Duration:before,
.Duration .entity-symbol:before {
  content: '\E91E';
}
.entity-symbol.Timezone:before,
.Timezone .entity-symbol:before {
  content: '\EBF9';
}
.entity-symbol.Language:before,
.Language .entity-symbol:before {
  content: '\F039';
}
.entity-symbol.MultipleUsers:before,
.MultipleUsers .entity-symbol:before {
  content: '\E716';
}
.entity-symbol.Regarding:before,
.Regarding .entity-symbol:before {
  content: '\E71B';
}
.entity-symbol.Checklist:before,
.Checklist .entity-symbol:before {
  content: '\F072';
}
.entity-symbol.TwoOptions:before,
.TwoOptions .entity-symbol:before {
  content: '\E7B6';
}
.entity-symbol.Currency:before,
.Currency .entity-symbol:before {
  content: '\EB0D';
}
.entity-symbol.DateTime:before,
.DateTime .entity-symbol:before {
  content: '\EC92';
}
.entity-symbol.OfficeIcon:before,
.OfficeIcon .entity-symbol:before {
  content: '\EC29';
}
.entity-symbol.OfficeIconWordFileSharedWithMe:before,
.OfficeIconWordFileSharedWithMe .entity-symbol:before {
  content: '\F041';
}
.entity-symbol.OfficeIconWordFileCheckedOut:before,
.OfficeIconWordFileCheckedOut .entity-symbol:before {
  content: '\F048';
}
.entity-symbol.OfficeIconExcelFile:before,
.OfficeIconExcelFile .entity-symbol:before {
  content: '\EC28';
}
.entity-symbol.OfficeIconExcelFileSharedWithMe:before,
.OfficeIconExcelFileSharedWithMe .entity-symbol:before {
  content: '\F042';
}
.entity-symbol.OfficeIconExcelFileCheckedOut:before,
.OfficeIconExcelFileCheckedOut .entity-symbol:before {
  content: '\F049';
}
.entity-symbol.OfficeIconPowerPointFile:before,
.OfficeIconPowerPointFile .entity-symbol:before {
  content: '\EC2A';
}
.entity-symbol.OfficeIconPowerPointFileSharedWithMe:before,
.OfficeIconPowerPointFileSharedWithMe .entity-symbol:before {
  content: '\F043';
}
.entity-symbol.OfficeIconPowerPointFileCheckedOut:before,
.OfficeIconPowerPointFileCheckedOut .entity-symbol:before {
  content: '\F04C';
}
.entity-symbol.OfficeIconOneNoteFile:before,
.OfficeIconOneNoteFile .entity-symbol:before {
  content: '\EC0D';
}
.entity-symbol.OfficeIconOneNoteFileSharedWithMe:before,
.OfficeIconOneNoteFileSharedWithMe .entity-symbol:before {
  content: '\F044';
}
.entity-symbol.OfficeIconOneNoteFileCheckedOut:before,
.OfficeIconOneNoteFileCheckedOut .entity-symbol:before {
  content: '\F04B';
}
.entity-symbol.OfficeIconAccessFile:before,
.OfficeIconAccessFile .entity-symbol:before {
  content: '\ED69';
}
.entity-symbol.OfficeIconAccessFileSharedWithMe:before,
.OfficeIconAccessFileSharedWithMe .entity-symbol:before {
  content: '\F047';
}
.entity-symbol.OfficeIconAccessFileCheckedOut:before,
.OfficeIconAccessFileCheckedOut .entity-symbol:before {
  content: '\F04E';
}
.entity-symbol.OfficeIconProjectFile:before,
.OfficeIconProjectFile .entity-symbol:before {
  content: '\EDD4';
}
.entity-symbol.OfficeIconProjectFileSharedWithMe:before,
.OfficeIconProjectFileSharedWithMe .entity-symbol:before {
  content: '\F045';
}
.entity-symbol.OfficeIconProjectFileCheckedOut:before,
.OfficeIconProjectFileCheckedOut .entity-symbol:before {
  content: '\F04C';
}
.entity-symbol.OfficeIconVisioFile:before,
.OfficeIconVisioFile .entity-symbol:before {
  content: '\ED7D';
}
.entity-symbol.OfficeIconVisioFileSharedWithMe:before,
.OfficeIconVisioFileSharedWithMe .entity-symbol:before {
  content: '\F046';
}
.entity-symbol.OfficeIconVisioFileCheckedOut:before,
.OfficeIconVisioFileCheckedOut .entity-symbol:before {
  content: '\F04D';
}
.entity-symbol.OfficeIconHelpFile:before,
.OfficeIconHelpFile .entity-symbol:before {
  content: '\F01B';
}
.entity-symbol.OfficeIconHelpFileSharedWithMe:before,
.OfficeIconHelpFileSharedWithMe .entity-symbol:before {
  content: '\F019';
}
.entity-symbol.OfficeIconHelpFileCheckedOut:before,
.OfficeIconHelpFileCheckedOut .entity-symbol:before {
  content: '\F01A';
}
.entity-symbol.OfficeIconZipFile:before,
.OfficeIconZipFile .entity-symbol:before {
  content: '\F012';
}
.entity-symbol.OfficeIconZipFileSharedWithMe:before,
.OfficeIconZipFileSharedWithMe .entity-symbol:before {
  content: '\F010';
}
.entity-symbol.OfficeIconZipFileCheckedOut:before,
.OfficeIconZipFileCheckedOut .entity-symbol:before {
  content: '\F011';
}
.entity-symbol.OfficeIconSetupFile:before,
.OfficeIconSetupFile .entity-symbol:before {
  content: '\F01E';
}
.entity-symbol.OfficeIconSetupFileSharedWithMe:before,
.OfficeIconSetupFileSharedWithMe .entity-symbol:before {
  content: '\F01C';
}
.entity-symbol.OfficeIconSetupFileCheckedOut:before,
.OfficeIconSetupFileCheckedOut .entity-symbol:before {
  content: '\F01D';
}
.entity-symbol.OfficeIconVideoFile:before,
.OfficeIconVideoFile .entity-symbol:before {
  content: '\F013';
}
.entity-symbol.OfficeIconVideoFileSharedWithMe:before,
.OfficeIconVideoFileSharedWithMe .entity-symbol:before {
  content: '\F015';
}
.entity-symbol.OfficeIconVideoFileCheckedOut:before,
.OfficeIconVideoFileCheckedOut .entity-symbol:before {
  content: '\F014';
}
.entity-symbol.OfficeIconImageFile:before,
.OfficeIconImageFile .entity-symbol:before {
  content: '\EB9F';
}
.entity-symbol.OfficeIconImageFileSharedWithMe:before,
.OfficeIconImageFileSharedWithMe .entity-symbol:before {
  content: '\F020';
}
.entity-symbol.OfficeIconImageFileCheckedOut:before,
.OfficeIconImageFileCheckedOut .entity-symbol:before {
  content: '\F01F';
}
.entity-symbol.OfficeIconAudioFile:before,
.OfficeIconAudioFile .entity-symbol:before {
  content: '\F021';
}
.entity-symbol.OfficeIconAudioFileSharedWithMe:before,
.OfficeIconAudioFileSharedWithMe .entity-symbol:before {
  content: '\F022';
}
.entity-symbol.OfficeIconAudioFileCheckedOut:before,
.OfficeIconAudioFileCheckedOut .entity-symbol:before {
  content: '\F023';
}
.entity-symbol.OfficeIconExecutableFile:before,
.OfficeIconExecutableFile .entity-symbol:before {
  content: '\F026';
}
.entity-symbol.OfficeIconExecutableFileSharedWithMe:before,
.OfficeIconExecutableFileSharedWithMe .entity-symbol:before {
  content: '\F028';
}
.entity-symbol.OfficeIconExecutableFileCheckedOut:before,
.OfficeIconExecutableFileCheckedOut .entity-symbol:before {
  content: '\F027';
}
.entity-symbol.OfficeIconPdfFile:before,
.OfficeIconPdfFile .entity-symbol:before {
  content: '\EF5C';
}
.entity-symbol.OfficeIconPdfFileSharedWithMe:before,
.OfficeIconPdfFileSharedWithMe .entity-symbol:before {
  content: '\F024';
}
.entity-symbol.OfficeIconPdfFileCheckedOut:before,
.OfficeIconPdfFileCheckedOut .entity-symbol:before {
  content: '\F025';
}
.entity-symbol.OfficeIconWebFile:before,
.OfficeIconWebFile .entity-symbol:before {
  content: '\F016';
}
.entity-symbol.OfficeIconWebFileSharedWithMe:before,
.OfficeIconWebFileSharedWithMe .entity-symbol:before {
  content: '\F018';
}
.entity-symbol.OfficeIconWebFileCheckedOut:before,
.OfficeIconWebFileCheckedOut .entity-symbol:before {
  content: '\F017';
}
.entity-symbol.OfficeIconTextFile:before,
.OfficeIconTextFile .entity-symbol:before {
  content: '\F029';
}
.entity-symbol.OfficeIconTextFileSharedWithMe:before,
.OfficeIconTextFileSharedWithMe .entity-symbol:before {
  content: '\F02B';
}
.entity-symbol.OfficeIconTextFileCheckedOut:before,
.OfficeIconTextFileCheckedOut .entity-symbol:before {
  content: '\F02A';
}
.entity-symbol.OfficeIconFolder:before,
.OfficeIconFolder .entity-symbol:before {
  content: '\E8B7';
}
.entity-symbol.OfficeIconFolderSharedWithMe:before,
.OfficeIconFolderSharedWithMe .entity-symbol:before {
  content: '\F02F';
}
.entity-symbol.OfficeIconFolderCheckedOut:before,
.OfficeIconFolderCheckedOut .entity-symbol:before {
  content: '\F02E';
}
.entity-symbol.OfficeIconGenericFile:before,
.OfficeIconGenericFile .entity-symbol:before {
  content: '\E7C3';
}
.entity-symbol.OfficeIconGenericFileSharedWithMe:before,
.OfficeIconGenericFileSharedWithMe .entity-symbol:before {
  content: '\F02D';
}
.entity-symbol.OfficeIconGenericFileCheckedOut:before,
.OfficeIconGenericFileCheckedOut .entity-symbol:before {
  content: '\F02C';
}
.entity-symbol.ScanBarcodeButton:before,
.ScanBarcodeButton .entity-symbol:before {
  content: '\EE6F';
}
.entity-symbol.Goal:before,
.Goal .entity-symbol:before {
  content: '\F5F0';
}
.entity-symbol.Metric:before,
.Metric .entity-symbol:before {
  content: '\E9E6';
}
.entity-symbol.Report1:before,
.Report1 .entity-symbol:before {
  content: '\EFFE';
}
.entity-symbol.SalesLiterature:before,
.SalesLiterature .entity-symbol:before {
  content: '\F058';
}
.entity-symbol.msdyusd_task-symbol:before,
.msdyusd_task-symbol .entity-symbol:before {
  content: '\F308';
}
.entity-symbol.msdyusd_configuration-symbol:before,
.msdyusd_configuration-symbol .entity-symbol:before {
  content: '\F01E';
}
.entity-symbol.msdyusd_customizationfiles-symbol:before,
.msdyusd_customizationfiles-symbol .entity-symbol:before {
  content: '\EFFB';
}
.entity-symbol.msdyusd_entitysearch-symbol:before,
.msdyusd_entitysearch-symbol .entity-symbol:before {
  content: '\F03C';
}
.entity-symbol.msdyusd_uiievent-symbol:before,
.msdyusd_uiievent-symbol .entity-symbol:before {
  content: '\F2AA';
}
.entity-symbol.msdyusd_form-symbol:before,
.msdyusd_form-symbol .entity-symbol:before {
  content: '\E8A1';
}
.entity-symbol.uii_option-symbol:before,
.uii_option-symbol .entity-symbol:before {
  content: '\F072';
}
.entity-symbol.uii_hostedapplication-symbol:before,
.uii_hostedapplication-symbol .entity-symbol:before {
  content: '\ECEE';
}
.entity-symbol.msdyusd_scriptlet-symbol:before,
.msdyusd_scriptlet-symbol .entity-symbol:before {
  content: '\ECCE';
}
.entity-symbol.msdyusd_toolbarstrip-symbol:before,
.msdyusd_toolbarstrip-symbol .entity-symbol:before {
  content: '\E737';
}
.entity-symbol.msdyusd_usersettings-symbol:before,
.msdyusd_usersettings-symbol .entity-symbol:before {
  content: '\EF58';
}
.entity-symbol.msdyusd_agentscriptaction-symbol:before,
.msdyusd_agentscriptaction-symbol .entity-symbol:before {
  content: '\F31B';
}
.entity-symbol.msdyusd_auditanddiagnosticssetting-symbol:before,
.msdyusd_auditanddiagnosticssetting-symbol .entity-symbol:before {
  content: '\F568';
}
.entity-symbol.msdyusd_sessioninformation-symbol:before,
.msdyusd_sessioninformation-symbol .entity-symbol:before {
  content: '\EB3B';
}
.entity-symbol.msdyusd_windowroute-symbol:before,
.msdyusd_windowroute-symbol .entity-symbol:before {
  content: '\E7B4';
}
.entity-symbol.Service:before,
.Service .entity-symbol:before {
  content: '\EFD2';
}
.entity-symbol.ServiceAppointment:before,
.ServiceAppointment .entity-symbol:before {
  content: '\EFF1';
}
.entity-symbol.Equipment:before,
.Equipment .entity-symbol:before {
  content: '\F426';
}
.entity-symbol.BusinessUnit:before,
.BusinessUnit .entity-symbol:before {
  content: '\E821';
}
.entity-symbol.PriceLevel:before,
.PriceLevel .entity-symbol:before {
  content: '\EFC6';
}
.entity-symbol.GoalRollUpQuery:before,
.GoalRollUpQuery .entity-symbol:before {
  content: '\F03C';
}
.entity-symbol.UoMSchedule:before,
.UoMSchedule .entity-symbol:before {
  content: '\EDEC';
}
.entity-symbol.DiscountType:before,
.DiscountType .entity-symbol:before {
  content: '\EB07';
}
.entity-symbol.Territory:before,
.Territory .entity-symbol:before {
  content: '\E800';
}
.entity-symbol.Socialactivity:before,
.Socialactivity .entity-symbol:before {
  content: '\E8F2';
}
.entity-symbol.RoutingRule:before,
.RoutingRule .entity-symbol:before {
  content: '\F8A8';
}
.entity-symbol.RoutingRuleItem:before,
.RoutingRuleItem .entity-symbol:before {
  content: '\EFB0';
}
.entity-symbol.msdyn_servicelevelagreement:before,
.msdyn_servicelevelagreement .entity-symbol:before {
  content: '\F86A';
}
.entity-symbol.msdyn_knowledgearticletemplate:before,
.msdyn_knowledgearticletemplate .entity-symbol:before {
  content: '\F802';
}
.entity-symbol.msdyn_servicelevelagreementkpi:before,
.msdyn_servicelevelagreementkpi .entity-symbol:before {
  content: '\F86B';
}
.entity-symbol.msdyn_servicelevelagreementinstance:before,
.msdyn_servicelevelagreementinstance .entity-symbol:before {
  content: '\F86C';
}
.entity-symbol.Code:before,
.Code .entity-symbol:before {
  content: '\E943';
}
.entity-symbol.GroupList:before,
.GroupList .entity-symbol:before {
  content: '\F168';
}
.entity-symbol.CompletedSolid:before,
.CompletedSolid .entity-symbol:before {
  content: '\EC61';
}
.entity-symbol.WarningSolid:before,
.WarningSolid .entity-symbol:before {
  content: '\F736';
}
.entity-symbol.Site:before,
.Site .entity-symbol:before {
  content: '\E731';
}
/**
 * @license Copyright (c) Microsoft Corporation. All rights reserved.
 *
 * IMPORTANT!
 * DO NOT MAKE CHANGES TO THIS FILE - THIS FILE IS GENERATED BY A BUILD TASK
 * IF YOU NEED TO MAKE CHANGES THEY MUST BE MADE IN THE JSON CONFIGURATION FILE
 */
.symbolFont {
  font-family: 'Dyn CRM Symbol';
}
.Expanded-symbol:before {
  content: '\E70D';
}
.UpArrowHead-symbol:before {
  content: '\E70E';
}
.LeftArrowHead-symbol:before {
  content: '\E76B';
}
body[dir="rtl"] .LeftArrowHead-symbol:before {
  content: '\E76C';
}
.Collapsed-symbol:before {
  content: '\E76C';
}
.Edit-symbol:before {
  content: '\E70F';
}
.Save-symbol:before {
  content: '\E74E';
}
.Delete-symbol:before {
  content: '\E74D';
}
.Remove-symbol:before {
  content: '\E74D';
}
.Resolve-symbol:before {
  content: '\F005';
}
.Add-symbol:before {
  content: '\EAEE';
}
.Cancel-symbol:before {
  content: '\E711';
}
.HandClick-symbol:before {
  content: '\E7C9';
}
.Accept-symbol:before {
  content: '\E8FB';
}
.More-symbol:before {
  content: '\E712';
}
.Favorite-symbol:before {
  content: '\E735';
}
.Placeholder-symbol:before {
  content: '\EA86';
}
.RatingFull-symbol:before {
  content: '\E735';
}
.RatingEmpty-symbol:before {
  content: '\E734';
}
.Options-symbol:before {
  content: '\E8D0';
}
.Manage-symbol:before {
  content: '\E912';
}
.Settings-symbol:before {
  content: '\E713';
}
.Find-symbol:before {
  content: '\E11A';
}
.Help-symbol:before {
  content: '\E897';
}
.ViewNotifications-symbol:before {
  content: '\E7C1';
}
.StageAdvance-symbol:before {
  content: '\E72A';
}
.CheckMark-symbol:before {
  content: '\E8FB';
}
.Locked-symbol:before {
  content: '\E72E';
}
.Lock-symbol:before {
  content: '\E72E';
}
.MoreOptions-symbol:before {
  content: '\E9D5';
}
.ContactInfo-symbol:before {
  content: '\E779';
}
.Pin-symbol:before {
  content: '\E718';
}
.Pinned-symbol:before {
  content: '\E840';
}
.Unpin-symbol:before {
  content: '\E77A';
}
.Refresh-symbol:before {
  content: '\E72C';
}
.Details-symbol:before {
  content: '\E700';
}
.VisualFilter-symbol:before {
  content: '\E9EC';
}
.GlobalFilter-symbol:before {
  content: '\E71C';
}
.CreatePersonalView-symbol:before {
  content: '\F554';
}
.SaveFilterToCurrentPersonalView-symbol:before {
  content: '\E74E';
}
.SaveFilterToNewPersonalView-symbol:before {
  content: '\E792';
}
.Diamond-symbol:before {
  content: '\F03D';
}
.ApplyFilter-symbol:before {
  content: '\E8FB';
}
.CancelFilter-symbol:before {
  content: '\E711';
}
.StreamView-symbol:before {
  content: '\E8BF';
}
.TileView-symbol:before {
  content: '\E8A9';
}
.Import-symbol:before {
  content: '\E150';
}
.Tools-symbol:before {
  content: '\ED15';
}
.Attach-symbol:before {
  content: '\E723';
}
.Filter-symbol:before {
  content: '\E71C';
}
.Copy-symbol:before {
  content: '\E8C8';
}
.HighPriority-symbol:before {
  content: '\E8C9';
}
.ReduceTile-symbol:before {
  content: '\E976';
}
.ExpandTile-symbol:before {
  content: '\F052';
}
.GlobalFilterExpand-symbol:before {
  content: '\EE62';
}
.GlobalFilterCollapse-symbol:before {
  content: '\25B7';
}
.Clear-symbol:before {
  content: '\E74D';
}
.Post-symbol:before {
  content: '\E90A';
}
.OneNote-symbol:before {
  content: '\F04F';
}
.Home-symbol:before {
  content: '\E80F';
}
.SetAsHome-symbol:before {
  content: '\F00E';
}
.BackButton-symbol:before {
  content: '\E72B';
}
.BackButtonWithoutBorder-symbol:before {
  content: '\E72B';
}
.Forward-symbol:before {
  content: '\E72A';
}
.FirstPageButton-symbol:before {
  content: '\F438';
}
.UpArrow-symbol:before {
  content: '\E74A';
}
.DownArrow-symbol:before {
  content: '\E74B';
}
.SetActiveButton-symbol:before {
  content: '\E7C1';
}
.SearchButton-symbol:before {
  content: '\E721';
}
.ForwardButton-symbol:before {
  content: '\E761';
}
.Mail-symbol:before {
  content: '\E715';
}
.CheckedMail-symbol:before {
  content: '\ED81';
}
.FailedMail-symbol:before {
  content: '\EFAD';
}
.Phone-symbol:before {
  content: '\E717';
}
.Letter-symbol:before {
  content: '\ECEF';
}
.Fax-symbol:before {
  content: '\EF5C';
}
.Chat-symbol:before {
  content: '\F70F';
}
.OpenPane-symbol:before {
  content: '\E8A0';
}
.ClosePane-symbol:before {
  content: '\E89F';
}
.AddFriend-symbol:before {
  content: '\E1E2';
}
body[dir="rtl"] .Arrow-symbol:before {
  content: '\E76B';
}
.Arrow-symbol:before {
  content: '\E76C';
}
.DropdownArrow-symbol:before {
  content: '\E70D';
}
.FlsLocked-symbol:before {
  content: '\E72E';
}
.LinkArticle-symbol:before {
  content: '\E71B';
}
.UnlinkArticle-symbol:before {
  content: '\ED90';
}
.CopyLink-symbol:before {
  content: '\E8C8';
}
.EmailLink-symbol:before {
  content: '\EFAC';
}
.Share-symbol:before {
  content: '\E72D';
}
.Assign-symbol:before {
  content: '\F054';
}
.Connect-symbol:before {
  content: '\EFD4';
}
.Opportunity-symbol:before {
  content: '\E8B7';
}
.Appointment-symbol:before {
  content: '\E787';
}
.Task-symbol:before {
  content: '\E73A';
}
.Case-symbol:before {
  content: '\E90F';
}
.PhoneCallIncoming-symbol:before {
  content: '\E77E';
}
.PhoneCallOutgoing-symbol:before {
  content: '\E77D';
}
.LetterIncoming-symbol:before {
  content: '\F0DB';
}
.LetterOutgoing-symbol:before {
  content: '\F0DC';
}
.FaxIncoming-symbol:before {
  content: '\F0D9';
}
.FaxOutgoing-symbol:before {
  content: '\F0DA';
}
.EmailIncoming-symbol:before {
  content: '\EFAB';
}
.EmailOutgoing-symbol:before {
  content: '\EFAF';
}
.SendEmail-symbol:before {
  content: '\E724';
}
.ApplyTemplate-symbol:before {
  content: '\E8FF';
}
.InsertKbArticle-symbol:before {
  content: '\F029';
}
.SalesLiterature-symbol:before {
  content: '\F058';
}
.SendSelected-symbol:before {
  content: '\EFB8';
}
.SaveAndClose-symbol:before {
  content: '\F038';
}
.ReplyEmail-symbol:before {
  content: '\E97A';
}
.ReplyAllEmail-symbol:before {
  content: '\EE0A';
}
.ForwardEmail-symbol:before {
  content: '\E72A';
}
.Close-symbol:before {
  content: '\E711';
}
.Activate-symbol:before {
  content: '\EFBC';
}
.DeActivate-symbol:before {
  content: '\EFB5';
}
.DeleteBulk-symbol:before {
  content: '\EFBA';
}
.SocialActivityIncoming-symbol:before {
  content: '\ECB5';
}
.SocialActivityOutgoing-symbol:before {
  content: '\ECB5';
}
.Dynamics365-symbol:before {
  content: '\EDCC';
}
.CustomActivity-symbol:before {
  content: '\EFF0';
}
.CustomEntity-symbol:before {
  content: '\EFF7';
}
.SystemPost-symbol:before {
  content: '\EFEF';
}
.Convert-symbol:before {
  content: '\F05C';
}
.MarkAsWon-symbol:before {
  content: '\E9D1';
}
.MarkAsLost-symbol:before {
  content: '\E733';
}
.SetRegarding-symbol:before {
  content: '\EFB9';
}
.SaveAsComplete-symbol:before {
  content: '\E8FB';
}
.Process-symbol:before {
  content: '\F076';
}
.SwitchProcess-symbol:before {
  content: '\E8B1';
}
.Abandon-symbol:before {
  content: '\EA39';
}
.Reactivate-symbol:before {
  content: '\E72C';
}
.FinishStage-symbol:before {
  content: '\E73E';
}
.Recalculate-symbol:before {
  content: '\E8EF';
}
.CloseGoal-symbol:before {
  content: '\F6C1';
}
.AlignWithFiscalPeriod-symbol:before {
  content: '\F6C2';
}
.SendDirectEmail-symbol:before {
  content: '\E78D';
}
.OpenMailbox-symbol:before {
  content: '\F008';
}
.ReOpenOpportunity-symbol:before {
  content: '\E8DE';
}
.ReactivateLead-symbol:before {
  content: '\E77E';
}
.Disqualify-symbol:before {
  content: '\EFFA';
}
.Qualify-symbol:before {
  content: '\EFF9';
}
.SelectView-symbol:before {
  content: '\EC9B';
}
.SelectChart-symbol:before {
  content: '\EFEA';
}
.OpenInBrowser-symbol:before {
  content: '\E909';
}
.NewAppointment-symbol:before {
  content: '\E787';
}
.NewRecurringAppointment-symbol:before {
  content: '\EF5D';
}
.NewPhoneCall-symbol:before {
  content: '\E717';
}
.NewLetter-symbol:before {
  content: '\ECEF';
}
.NewFax-symbol:before {
  content: '\EF5C';
}
.NewTask-symbol:before {
  content: '\EFBC';
}
.NewEmail-symbol:before {
  content: '\EF61';
}
.AddExisting-symbol:before {
  content: '\EFF2';
}
.SaveAndEdit-symbol:before {
  content: '\E792';
}
.Default-symbol:before {
  content: '\EB95';
}
.ScrollRight-symbol:before {
  content: '\00BB';
}
.ScrollLeft-symbol:before {
  content: '\00AB';
}
.SaveAndRunRoutingRule-symbol:before {
  content: '\EFB0';
}
.RunRoutingRule-symbol:before {
  content: '\EFB0';
}
.ResolveCase-symbol:before {
  content: '\EFBC';
}
.CancelCase-symbol:before {
  content: '\EFBA';
}
.ReactivateCase-symbol:before {
  content: '\EFB9';
}
.AddToQueue-symbol:before {
  content: '\EFC1';
}
.CreateChildCase-symbol:before {
  content: '\F00C';
}
.MergeRecords-symbol:before {
  content: '\EFC9';
}
.AssociateChildCase-symbol:before {
  content: '\F00D';
}
.SetAsDefault-symbol:before {
  content: '\EFDB';
}
.ConvertKnowledgeArticle-symbol:before {
  content: '\F000';
}
.QueueItemRoute-symbol:before {
  content: '\EFB0';
}
.QueueItemRelease-symbol:before {
  content: '\EFB8';
}
.QueueItemRemove-symbol:before {
  content: '\EFB7';
}
.QueueItemPick-symbol:before {
  content: '\EF1C';
}
.QueueItemDetail-symbol:before {
  content: '\EFBF';
}
.Drilldown-symbol:before {
  content: '\ECA6';
}
.PopOverButton-symbol:before {
  content: '\EFEC';
}
.ExitButton-symbol:before {
  content: '\E711';
}
.ExportToExcel-symbol:before {
  content: '\F051';
}
.WordTemplates-symbol:before {
  content: '\EC29';
}
.DocumentTemplates-symbol:before {
  content: '\EC28';
}
.OpenInPowerBI-symbol:before {
  content: '\EA1E';
}
.OpenPowerBIReport-symbol:before {
  content: '\EAE7';
}
.OpenDelve-symbol:before {
  content: '\ED76';
}
.ArticleLink-symbol:before {
  content: '\E71B';
}
.ArchiveArticle-symbol:before {
  content: '\F03F';
}
.ApproveArticle-symbol:before {
  content: '\E8FB';
}
.DiscardArticle-symbol:before {
  content: '\E74D';
}
.Minor-symbol:before {
  content: '\F033';
}
.Major-symbol:before {
  content: '\F032';
}
.PublishKnowledgeArticle-symbol:before {
  content: '\F036';
}
.RelateArticle-symbol:before {
  content: '\F037';
}
.RelateProduct-symbol:before {
  content: '\EC8D';
}
.RestoreArticle-symbol:before {
  content: '\E7A7';
}
.RevertToDraftArticle-symbol:before {
  content: '\EFF3';
}
.Translate-symbol:before {
  content: '\F039';
}
.UpdateArticle-symbol:before {
  content: '\E777';
}
.RemoveFilter-symbol:before {
  content: '\E894';
}
.Article-symbol:before {
  content: '\EF0D';
}
.Graph-symbol:before {
  content: '\E9EC';
}
.CSR-symbol:before {
  content: '\E7B9';
}
.MembersIcon-symbol:before {
  content: '\E77B';
}
.QueueIcon-symbol:before {
  content: '\EFC0';
}
.SiteMap-symbol:before {
  content: '\E700';
}
.NormalPriority-symbol:before {
  content: '\E73F';
}
.LowPriority-symbol:before {
  content: '\E8D0';
}
.ViewIcon-symbol:before {
  content: '\F002';
}
.RecentCases-symbol:before {
  content: '\EFD6';
}
.KBRecords-symbol:before {
  content: '\EED6';
}
.NumberOfViews-symbol:before {
  content: '\E890';
}
.ResizeHandle-symbol:before {
  content: '\E784';
}
.TaskBasedFlow-symbol:before {
  content: '\F3D9';
}
.InformationIcon-symbol:before {
  content: '\E783';
}
.PencilIcon-symbol:before {
  content: '\E70F';
}
.ErrorIcon-symbol:before {
  content: '\E783';
}
.SuccessIcon-symbol:before {
  content: '\E930';
}
.NotificationIcon-symbol:before {
  content: '\E946';
}
.OptionsetIcon-symbol:before {
  content: '\ECEF';
}
.PanelHeaderImportDataIcon-symbol:before {
  content: '\F0DB';
}
.SidePanelUpload-symbol:before {
  content: '\E898';
}
.New-symbol:before {
  content: '\E710';
}
.DetailsPageClose-symbol:before {
  content: '\EA39';
}
.SendByEmail-symbol:before {
  content: '\E715';
}
.CreateQuote-symbol:before {
  content: '\EA1A';
}
.SettingsListIcon-symbol:before {
  content: '\F061';
}
.ListIcon-symbol:before {
  content: '\E8FD';
}
.ForwardDisable-symbol:before {
  content: '\E73E';
}
.PdfIconFile-symbol:before {
  content: '\EA90';
}
.PresentationFile-symbol:before {
  content: '\EC2A';
}
.OneNoteFile-symbol:before {
  content: '\EC0D';
}
.AccessFile-symbol:before {
  content: '\ED69';
}
.VisioFile-symbol:before {
  content: '\ED7D';
}
.ProjectFile-symbol:before {
  content: '\EDD4';
}
.Plus-symbol:before {
  content: '\E710';
}
.ChevronUp-symbol:before {
  content: '\E70E';
}
.ChevronDown-symbol:before {
  content: '\E70D';
}
.HappySmiley-symbol:before {
  content: '\E757';
}
.SadSmiley-symbol:before {
  content: '\E76E';
}
.CaseResolution-symbol:before {
  content: '\F062';
}
.CampaignResolution-symbol:before {
  content: '\EFCE';
}
.ServiceActivity-symbol:before {
  content: '\EFF1';
}
.Notes-symbol:before {
  content: '\F00F';
}
.Audio-symbol:before {
  content: '\E720';
}
.Camera-symbol:before {
  content: '\E722';
}
.Video-symbol:before {
  content: '\E714';
}
.SharePointEditDocument-symbol:before {
  content: '\EFB6';
}
.SharePointDeleteDocument-symbol:before {
  content: '\EFBA';
}
.SharePointCheckoutDocument-symbol:before {
  content: '\F02C';
}
.SharePointCheckinDocument-symbol:before {
  content: '\EFB9';
}
.SharePointEditDocumentProperties-symbol:before {
  content: '\EFFC';
}
.SharePointDiscardCheckoutDocument-symbol:before {
  content: '\E711';
}
.SharePointNewDocument-symbol:before {
  content: '\E710';
}
.SharePointNewWordDocument-symbol:before {
  content: '\EC29';
}
.SharePointNewExcelDocument-symbol:before {
  content: '\EC28';
}
.SharePointNewPowerPointDocument-symbol:before {
  content: '\EC2A';
}
.SharePointNewOneNoteDocument-symbol:before {
  content: '\EC0D';
}
.SharePointUploadDocument-symbol:before {
  content: '\E898';
}
.SharePointChangeLocation-symbol:before {
  content: '\E8DE';
}
.SharePointAddDocumentLocation-symbol:before {
  content: '\EA1A';
}
.SharePointEditLocation-symbol:before {
  content: '\E70F';
}
.SharePointOpenLocation-symbol:before {
  content: '\EED6';
}
.SharePointOpenDocument-symbol:before {
  content: '\F029';
}
.Image-symbol:before {
  content: '\EB9F';
}
.Html-symbol:before {
  content: '\F016';
}
.ExpandButton-symbol:before {
  content: '\E93A';
}
.AssociatedArticle-symbol:before {
  content: '\F030';
}
.DisassociatedArticle-symbol:before {
  content: '\EFF5';
}
.FormDesign-symbol:before {
  content: '\E8A1';
}
.AutomaticSuggestions-symbol:before {
  content: '\EFFB';
}
.SemanticZoom-symbol:before {
  content: '\E7B6';
}
.SemanticZoomMirrored-symbol:before {
  content: '\EA67';
}
.BackwardButton-symbol:before {
  content: '\E760';
}
.Warning-symbol:before {
  content: '\E7BA';
}
.MultiSelect-symbol:before {
  content: '\E762';
}
.MultiSelectMirrored-symbol:before {
  content: '\EA98';
}
.GlobalFilterClearAll-symbol:before {
  content: '\EF8F';
}
.GlobalFilterExpandedRow-symbol:before {
  content: '\F08E';
}
.GlobalFilterCollapsedRow-symbol:before {
  content: '\F08F';
}
.OfflineStatus-symbol:before {
  content: '\F384';
}
.Reply-symbol:before {
  content: '\E97A';
}
.Warning-symbol:before {
  content: '\E7BA';
}
.Play-symbol:before {
  content: '\E768';
}
.RelationshipAssistant-symbol:before {
  content: '\EA80';
}
.RetireProduct-symbol:before {
  content: '\EFE5';
}
.AddProduct-symbol:before {
  content: '\EFE7';
}
.Spinning-symbol:before {
  content: '\EA3A';
}
.SortButton-symbol:before {
  content: '\E8CB';
}
.SelectButton-symbol:before {
  content: '\E762';
}
.SelectButtonRTL-symbol:before {
  content: '\EA98';
}
.Flows-symbol:before {
  content: '\EF90';
}
.View-symbol:before {
  content: '\F002';
}
.CreateView-symbol:before {
  content: '\E710';
}
.EditView-symbol:before {
  content: '\E70F';
}
.OpenEntityRecord-symbol:before {
  content: '\ED0F';
}
.GuestUser-symbol:before {
  content: '\EE57';
}
.History-symbol:before {
  content: '\E81C';
}
.ReassignRecords-symbol:before {
  content: '\EF1C';
}
.ManageRoles-symbol:before {
  content: '\EFD3';
}
.JoinTeams-symbol:before {
  content: '\EDBB';
}
.ChangeManager-symbol:before {
  content: '\E748';
}
.AddMembers-symbol:before {
  content: '\EA15';
}
.RemoveMembers-symbol:before {
  content: '\E8F8';
}
.Download-symbol:before {
  content: '\E896';
}
.SetAsDefaultView-symbol:before {
  content: '\ED86';
}
.AssociateCategory-symbol:before {
  content: '\ECA6';
}
.Messenger-symbol {
  content: '\E8F2';
}
.TripleColumn-symbol:before {
  content: '\F1D5';
}
.Tiles-symbol:before {
  content: '\ECA5';
}
.HideVisualFilter-symbol:before {
  content: '\F403';
}
.InteractiveDashboard-symbol:before {
  content: '\F404';
}
.LockPricing-symbol:before {
  content: '\E72E';
}
.CreateInvoice-symbol:before {
  content: '\EFE2';
}
.CreateOrder-symbol:before {
  content: '\EFE2';
}
.FulfillOrder-symbol:before {
  content: '\EFE6';
}
.CancelInvoice-symbol:before {
  content: '\EFE1';
}
.ActivateQuote-symbol:before {
  content: '\EFE0';
}
.InvoicePaid-symbol:before {
  content: '\EFE0';
}
.GetProducts-symbol:before {
  content: '\ECDC';
}
.UnlockPricing-symbol:before {
  content: '\E785';
}
.Checkbox-symbol:before {
  content: '\E739';
}
.CheckboxComposite-symbol:before {
  content: '\E73A';
}
.d365Shell {
  font-family: 'D365 Shell';
}
.OfficeWaffle-symbol:before {
  content: '\E001';
}
.RightChevron-symbol:before {
  content: '\E974';
}
.LeftChevron-symbol:before {
  content: '\E973';
}
.GlobalFilterCollapsedRowRTL-symbol:before {
  content: '\F08D';
}
.CancelOrder-symbol:before {
  content: '\EFE1';
}
.UntrackedEmail-symbol:before {
  content: '\ED80';
}
.OpenEmail-symbol:before {
  content: '\E8C3';
}
.DistributionList-symbol:before {
  content: '\E902';
}
.URL-symbol:before {
  content: '\E774';
}
.Ticker-symbol:before {
  content: '\E7BB';
}
.UseCurrentPricing-symbol:before {
  content: '\EB0D';
}
.QuoteCreateInvoice-symbol:before {
  content: '\EFF4';
}
.Revise-symbol:before {
  content: '\EF1C';
}
.CloseQuote-symbol:before {
  content: '\F066';
}
.LinkedInLogo-symbol:before {
  content: '\F20A';
}
.Health-symbol:before {
  content: '\EAD4';
}
.Family-symbol:before {
  content: '\EBDA';
}
.Sports-symbol:before {
  content: '\EB22';
}
.Entertainment-symbol:before {
  content: '\EA69';
}
.OOF-symbol:before {
  content: '\ED34';
}
.CarouselView-symbol:before {
  content: '\F634';
}
.HeartEmpty-symbol:before {
  content: '\EB51';
}
.HeartFilled-symbol:before {
  content: '\EB52';
}
.Follow-symbol:before {
  content: '\E7A6';
}
.Bot-symbol:before {
  content: '\F08B';
}
.PinnedSolid-symbol:before {
  content: '\F676';
}
.FilterSolid-symbol:before {
  content: '\F412';
}
.SystemDocumentTemplates-symbol:before {
  content: '\F01E';
}
.MyDocumentTemplates-symbol:before {
  content: '\F02D';
}
.ViewAllMyDocumentTemplates-symbol:before {
  content: '\Ed86';
}
.EnableSecurityRoles-symbol:before {
  content: '\ED85';
}
.DocumentTemplateUpload-symbol:before {
  content: '\E898';
}
.DocumentTemplateEdit-symbol:before {
  content: '\EB7E';
}
.DocumentTemplateActivate-symbol:before {
  content: '\EFE0';
}
.DocumentTemplateDeactivate-symbol:before {
  content: '\EFE1';
}
.YammerIcon-symbol:before {
  content: '\ED19';
}
.StopIcon-symbol:before {
  content: '\E71A';
}
.ReplaceContentIcon-symbol:before {
  content: '\EFBD';
}
.CloseDateComingSoon-symbol:before {
  content: '\E91E';
}
.NearbyCustomers-symbol:before {
  content: '\E820';
}
.RelevantNews-symbol:before {
  content: '\E900';
}
.UpcomingMeeting-symbol:before {
  content: '\EE9A';
}
.RecentMeeting-symbol:before {
  content: '\EC92';
}
.ReminderWithCall-symbol:before {
  content: '\EA8F';
}
.CardsTask-symbol:before {
  content: '\EADF';
}
.CardsQuote-symbol:before {
  content: '\F067';
}
.CardsOpportunity-symbol:before {
  content: '\F05F';
}
.CardsInvoice-symbol:before {
  content: '\EFE4';
}
.CardsDashboard-symbol:before {
  content: '\E9FE';
}
.CardsLeads-symbol:before {
  content: '\EFF8';
}
.OpportunityNoActivity-symbol:before {
  content: '\F07B';
}
.CaseNoActivity-symbol:before {
  content: '\F07C';
}
.CompetitorMentioned-symbol:before {
  content: '\EAE2';
}
.MeetingRequest-symbol:before {
  content: '\EBF2';
}
.MissedCloseDate-symbol:before {
  content: '\F07D';
}
.IssueDetection-symbol:before {
  content: '\F077';
}
.NoActivityWithAccount-symbol:before {
  content: '\EA03';
}
.YesNo-symbol:before {
  content: '\E8DF';
}
.AgendaActivityServiceAppointment-symbol:before {
  content: '\F05A';
}
.AgendaActivityFax-symbol:before {
  content: '\EF5C';
}
.UpcomingFlight-symbol:before {
  content: '\E709';
}
.OpportunityAtRiskSentiment-symbol:before {
  content: '\F078';
}
.IconDue-symbol:before {
  content: '\F07E';
}
.AddProductFamily-symbol:before {
  content: '\EFE8';
}
.AddProductBundle-symbol:before {
  content: '\EE30';
}
.ProductPublish-symbol:before {
  content: '\ECDB';
}
.CloneProduct-symbol:before {
  content: '\F1D4';
}
.Connection-symbol:before {
  content: '\EFD4';
}
.ConnectionToMe-symbol:before {
  content: '\E77B';
}
.ConnectionToOther-symbol:before {
  content: '\EE05';
}
.ProductUpsell-symbol:before {
  content: '\F079';
}
.SubscriptionAdd-symbol:before {
  content: '\ED0E';
}
.RefreshDevice-symbol:before {
  content: '\F6F1';
}
.BulletListRemove-symbol:before {
  content: '\EFC3';
}
.BulletListAdd-symbol:before {
  content: '\EFC5';
}
.BulletListDownArrow-symbol:before {
  content: '\EFC2';
}
.People-symbol:before {
  content: '\E716';
}
.PeopleBlock-symbol:before {
  content: '\ED91';
}
.CreateQuickCampaign-symbol:before {
  content: '\EFCD';
}
.PageSolid-symbol:before {
  content: '\E729';
}
.Page-symbol:before {
  content: '\E7C3';
}
.OpportunitiesList-symbol:before {
  content: '\F3D4';
}
.BrowseCards-symbol:before {
  content: '\ED4A';
}
.ScatterChart-symbol:before {
  content: '\EFEB';
}
.BarChartHorizontal-symbol:before {
  content: '\E9EB';
}
.BarChartVertical-symbol:before {
  content: '\E9EC';
}
.FunnelChart-symbol:before {
  content: '\E9F1';
}
.PieDouble-symbol:before {
  content: '\EB04';
}
.AdvFind-symbol:before {
  content: '\E71C';
}
.SendAndClose-symbol:before {
  content: '\F72D';
}
.DoubleChevronLeft-symbol:before {
  content: '\E991';
}
.DoubleChevronRight-symbol:before {
  content: '\EA4D';
}
.AreaChart-symbol:before {
  content: '\E9E6';
}
.DonutChart-symbol:before {
  content: '\F368';
}
.TagChart-symbol:before {
  content: '\F78E';
}
.Teaser-symbol:before {
  content: '\F071';
}
.Clone-symbol:before {
  content: '\EC9B';
}
.AreaChartMirrored-symbol:before {
  content: '\F7D1';
}
.BarChartHorizontalMirrored-symbol:before {
  content: '\F7D2';
}
.BarChartVerticalMirrored-symbol:before {
  content: '\F7D3';
}
.AALinkedInLogo-symbol:before {
  content: '\F20A';
}
.Recent-symbol:before {
  content: '\E823';
}
.SharePointIcon-symbol:before {
  content: '\ED18';
}
.OneDriveIcon-symbol:before {
  content: '\E941';
}
.FolderSharedIcon-symbol:before {
  content: '\F02F';
}
.MSTeamsIcon-symbol:before {
  content: '\F409';
}
.AreaSwitcher-symbol:before {
  content: '\EC8F';
}
.Report-symbol:before {
  content: '\EFFE';
}
.ViewHierarchy-symbol:before {
  content: '\ECA6';
}
.ProductPreview-symbol:before {
  content: '\EFE9';
}
.AddTerritoryMember-symbol:before {
  content: '\E8FA';
}
.RemoveTerritoryMember-symbol:before {
  content: '\F69B';
}
.EditDefaultFilter-symbol:before {
  content: '\F76C';
}
.NewServiceActivity-symbol:before {
  content: '\EFF1';
}
.Recurrence-symbol:before {
  content: '\F4A3';
}
.EditSeries-symbol:before {
  content: '\F7E6';
}
.EndSeries-symbol:before {
  content: '\F7E7';
}
.Lead-symbol:before {
  content: '\EFD6';
}
.TableLink-symbol:before {
  content: '\F77A';
}
.TableGroup-symbol:before {
  content: '\F6D9';
}
.ClearDefault-symbol:before {
  content: '\E711';
}
.SetDefault-symbol:before {
  content: '\E8FB';
}
.ThumbsUp-symbol:before {
  content: '\E8E1';
}
.ThumbsDown-symbol:before {
  content: '\E8E0';
}
.ChromeMinimize-symbol:before {
  content: '\E921';
}
.ChromeMaximize-symbol:before {
  content: '\E922';
}
.Expand-symbol:before {
  content: '\E740';
}
.ConnectionRoleManageRecordType-symbol:before {
  content: '\EFD4';
}
.Sync-symbol:before {
  content: '\E895';
}
.ThumbsUpSolid-symbol:before {
  content: '\F3BF';
}
.ThumbsDownSolid-symbol:before {
  content: '\F3C0';
}
.CommandChecker-symbol:before {
  content: "\E773";
}
.MiniContract-symbol:before {
  content: '\E93B';
}
.MiniExpand-symbol:before {
  content: '\E93A';
}
.Print-symbol:before {
  content: '\E749';
}
.NoDataAvailable-symbol:before {
  content: '\EFC7';
}
.MoreVertical-symbol:before {
  content: '\F2BC';
}
.OpenInNewWindow-symbol:before {
  content: '\E8A7';
}
.EditEvent-symbol:before {
  content: '\F05B';
}
.LinkToRecord-symbol:before {
  content: '\E3F2';
}
.UnlinkFromRecord-symbol:before {
  content: '\E3F3';
}
.KnowledgeSearch-symbol:before {
  content: '\E736';
}
.ChevronDownMed-symbol:before {
  content: '\E972';
}
.OpenFolderHorizontal-symbol:before {
  content: '\ED25';
}
.TaskClipboard-symbol:before {
  content: '\F7EC';
}
.ExpandAllRecords-symbol:before {
  content: '\F859';
}
.CollapseAllRecords-symbol:before {
  content: '\F85A';
}
.SelectAll-symbol:before {
  content: '\E8B3';
}
.Embed-symbol:before {
  content: '\ECCE';
}
.MailTemplate-symbol:before {
  content: '\F643';
}
.Monitor-symbol:before {
  content: '\E9D9';
}
.HideInSimpleMode-symbol:before {
  content: '\EF89';
}
.ShowInSimpleMode-symbol:before {
  content: '\E890';
}
.EventAccepted-symbol:before {
  content: '\F422';
}
.ClosePaneMirrored-symbol:before {
  content: '\EA49';
}
.RollupQuery-symbol:before {
  content: '\F03C';
}
.FontColor-symbol:before {
  content: '\E8D3';
}
.AlignJustify-symbol:before {
  content: '\F51E';
}
.NumberedList-symbol:before {
  content: '\EA1C';
}
.Omega-symbol:before {
  content: '\F21F';
}
.LineSpacing-symbol:before {
  content: '\F517';
}
.Spelling-symbol:before {
  content: '\F87B';
}
.Strikethrough-symbol:before {
  content: '\EDE0';
}
.Code-symbol:before {
  content: '\E943';
}
.IncreaseIndent-symbol:before {
  content: '\E399';
}
.DecreaseIndent-symbol:before {
  content: '\E39B';
}
.Subscript-symbol:before {
  content: '\EDDF';
}
.Superscript-symbol:before {
  content: '\EDDE';
}
.AllinOnePC-symbol:before {
  content: '\F726';
}
.ButtonControl-symbol:before {
  content: '\F6C0';
}
.LineFocus1-symbol:before {
  content: '\F55D';
}
.CodeEdit-symbol:before {
  content: '\F544';
}
.QRCode-symbol:before {
  content: '\ED14';
}
.CloudUpload-symbol:before {
  content: '\EC8E';
}
.TextAlignLeft-symbol:before {
  content: '\E8E4';
}
.TextAlignCenter-symbol:before {
  content: '\E8E3';
}
.TextAlignRight-symbol:before {
  content: '\E8E2';
}
.TextAlignJustify-symbol:before {
  content: '\F51E';
}
.BulletedList-symbol:before {
  content: '\F2C7';
}
.Anchor-symbol:before {
  content: '\F31D';
}
.ClearNight-symbol:before {
  content: '\E9C2';
}
.SearchCampaigns-symbol:before {
  content: '\F5E2';
}
.FileCode-symbol:before {
  content: '\F30E';
}
.DockBottom-symbol:before {
  content: '\E90E';
}
.DockLeft-symbol:before {
  content: '\E90C';
}
.DockRight-symbol:before {
  content: '\E90D';
}
.Brightness-symbol:before {
  content: '\E706';
}
.AlignHorizontalLeft-symbol:before {
  content: '\F4F3';
}
.AlignHorizontalCenter-symbol:before {
  content: '\F4F4';
}
.AlignHorizontalRight-symbol:before {
  content: '\F4F5';
}
.AlignVerticalTop-symbol:before {
  content: '\F4F6';
}
.AlignVerticalCenter-symbol:before {
  content: '\F4F7';
}
.AlignVerticalBottom-symbol:before {
  content: '\F4F8';
}
.SidePanelMirrored-symbol:before {
  content: '\F221';
}
.InstagramIcon-symbol:before {
  content: '\E30F';
}
.Bookmark-symbol:before {
  content: '\EDFF';
}
.ContactSolid-symbol:before {
  content: '\EA8C';
}
.ExploitProtectionSettings-symbol:before {
  content: '\F259';
}
.ColumnOptions-symbol:before {
  content: '\F317';
}
.CollaborationDisplay-symbol:before {
  content: '\F788';
}
.AppIconDefaultAdd-symbol:before {
  content: '\EFDA';
}

data{
  display: none;
}

#app{
  position: absolute;
  display: flex;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fafafa;
  outline: none;
}

#appContainer{
  display: flex;
  outline: none;
  height:100%;
  overflow: hidden;
  max-width: 100%;
  flex: 1 1 0%;
  flex-direction: column;
}

#header{
  position: relative;
  display: flex;
  outline: none;
  box-sizing: border-box;
  color: rgb(255, 255, 255);
  background-color: rgb(63, 70, 98);
  height: 3.43rem;
  justify-content: space-between;
}

#headerContent{
  display: flex;
  flex-shrink: 0;
  outline: none;
  justify-content: flex-start;
}

#headerContent .logoWrapper{
  display: flex;
  flex-shrink: 0;
  outline: none;
  justify-content: flex-start;
}

#headerContent .logoWrapper .logo{
  display: flex;
  outline: none;
  width: initial;
  border: none;
  cursor: default;
  padding: 0px;
  justify-content: center;
  background-color: transparent;
  align-items: center;
  height: 100%;
  overflow: hidden;
}

#headerContent .logoWrapper .logo span{
  display: flex;
  outline: none;
  font-size: 1.143em;
  line-height: 24px;
  font-family: SegoeUI-Semibold, "Segoe UI Semibold", "Segoe UI Regular", "Segoe UI";
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
  margin-right: 0px;
  margin-left: 0px;
  color: rgb(255, 255, 255);
  align-items: center;
}

#headerContent .logoWrapper .logo span img{
  outline: none;
  vertical-align: middle;
  width: auto;
  height: 3.43rem;
}

#headerContent .spaceWrap{
  position: relative;
  display: flex;
  outline: none;
  padding-left: 1em;
  align-items: center;
  height:100%;
  overflow: hidden;
}

#headerContent .spaceWrap div{
  display: flex;
  outline: none;
  opacity: 0.3;
  bottom: 15px;
  background: rgb(255, 255, 255);
  width: 1px;
  left: 0px;
  height: 20px;
  position: absolute;
}

#headerContent .module{
  position: relative;
  display: flex;
  outline: none;
  _padding-right: 1em;
  align-items: center;
  height:100%;
  overflow: hidden;
  text-transform: uppercase;
}

#headerContent .spaceWrap {
    margin-left: 1em;
}

#headerContent .path{
  display: flex;
  flex-shrink: 0;
  outline: none;
  border: 0px;
  justify-content: flex-start;
  align-items: center;
}

.optionsContainer{
  display: flex;
  outline: none;
  float: right;
  padding-left: 0px;
}

.optionsContainer .optionsRight{
  display: flex;
  outline: none;
  border-right: rgb(255, 255, 255);
  border-style: none;
  width: 100%;
  margin-right: 0px;
  margin-left: 0px;
}

.optionsContainer .optionsWrapper ul{
  display: flex;
  outline: none;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  flex-shrink: 0;
}

.optionsContainer .optionsWrapper ul li{
  outline: none;
  color: rgb(68, 68, 68);
  margin: 0px;
}

.optionsContainer .optionsWrapper ul li button{
  display: flex;
  outline: none;
  width: 3.43rem;
  border-width: 0px;
  padding: 0px;
  justify-content: center;
  background-color: transparent;
  cursor: pointer;
  align-items: center;
  height: 3.43rem;
}

.optionsContainer .optionsWrapper ul li button:hover{
  background-color: rgb(194, 196, 205);
}

.optionsContainer .optionsWrapper ul li button span.wrap{
  outline: none;
  text-align: left;
  flex-grow: 1;
  width: 100%;
  display: flex;
}

.optionsContainer .optionsWrapper ul li button span.wrap span.content{
  outline: none;
  justify-content: center;
  text-align: center;
  font-size: 16px;
  width: 100%;
  color: rgb(255, 255, 255);
  position: relative;
  display: flex;
}

.optionsContainer .optionsWrapper ul li button span.wrap span.content span{
  width: 16px;
  height: 16px;
}

#userWrapper{
  display: flex;
  outline: none;
  flex-shrink: 0;
}

#userWrapper .user{
  display: flex;
  width: 3.43rem;
  height: 3.43rem;
  outline: none;
}

#userWrapper .user .userContainer{
  box-sizing: border-box;
  position: relative;
  outline: none;
  line-height: normal;
}

#usrBtn{
  height: auto;
  min-width: auto;
  min-height: auto;
  border-style: none;
  border-width: 0;
  padding: 0;
  margin: 0;
  outline-style: none!important;
  background-color: transparent;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
}

#usrBtn:hover{
  background-color: rgb(194, 196, 205);
}

#usrBtn .profileWrapper{
  box-sizing: border-box;
  line-height: normal;
  outline: none;
}

#usrBtn .profileWrapper .profile{
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  height: 48px;
  color: #333;
  cursor: pointer;
  line-height: normal;
  font-size: 13px;
}

#usrBtn .profileWrapper .profile .profilePic{
  position: relative;
  display: flex;
  width: 32px;
  height: 32px;
  margin: 8px;
  border: 1px solid rgb(255,255,255);
    color: rgb(255,255,255);
  border-radius: 50%;
  box-sizing: border-box;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
    line-height: normal;
  justify-content: center;
  align-items: center;
}

#main{
  position: relative;
  display: flex;
  flex-direction: row;
  flex: 1 1 0%;
  height:100%;
  overflow: hidden;
  max-width: 100%;
}

#nav{
  position: relative;
  display: flex;
  flex-direction: column;
  width: 14.286em;
  height:100%;
  border-left: none;
  background-color: rgb(239, 239, 239);
  box-sizing: border-box;
}

#nav .hamburger{
  display: flex;
  outline: none;
  margin: 6px 0px 8px 6px;
}

#nav .hamburger button{
  outline: none;
  padding: 6px;
  border-style: none;
  width: 30px;
  height: 30px;
  background-color: transparent;
  cursor: pointer;
  display: block;
  flex-shrink: 0;
}

    #nav .hamburger button:hover {
        background: rgb(255, 255, 255);
        box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px, rgba(0, 0, 0, 0.14) 0px 2px 4px;
    }

#nav .hamburger button .iconWrapper{
  display: flex;
  outline: none;
  margin: auto;
  justify-content: center;
  width: 100%;
  align-items: center;
}

#nav .hamburger button .iconWrapper .icon{
  outline: none;
  font-size: 16px;
  font-family: "Dyn CRM Symbol";
  cursor: pointer;
}

#nav .sitemapWrapper{
display: flex;
outline: none;
overflow-y: auto;
overflow-x: hidden;
flex-grow: 1;
}

#nav .sitemapWrapper .sitemap{
  display: flex;
  outline: none;
  list-style-type: none;
  width: 100%;
  flex-direction: column;
}

#nav .sitemapWrapper .sitemap > li{
  outline: none;
  flex-grow: 0;
  margin-bottom: 1rem;
}

#nav .sitemapWrapper .sitemap > li h3{
  display: flex;
  outline: none;
  margin-left: 1rem;
  min-height: 2.5rem;
  margin-bottom: 0.285714rem;
  margin-top: 0.285714rem;
  font-weight: 600;
  font-size: 1rem;
  margin-right: 0.5rem;
  color: rgb(51, 51, 51);
  height: auto;
  justify-content: flex-start;
  align-items: center;
}

#nav .sitemapWrapper .sitemap > li .group{
  display: flex;
  outline: none;
  list-style-type: none;
  flex-direction: column;
}

#nav .sitemapWrapper .sitemap > li .group li{
  display: flex;
  outline: none;
  color: rgb(51, 51, 51);
  background-color: transparent;
  cursor: pointer;
  width: 100%;
  align-items: center;
  flex-direction: column;
}

#nav .sitemapWrapper .sitemap > li .group li .itemWrapper{
  display: flex;
  outline: none;
  min-height: 2.5rem;
  height: 2.5rem;
  color: rgb(51, 51, 51);
  width: 100%;
  justify-content: space-between;
}

#nav .sitemapWrapper .sitemap > li .group li .itemWrapper .item{
  display: flex;
  outline: none;
  flex: 1 1 auto;
  height: 100%;
  padding-left: 0.285714rem;
  padding-right: 0px;
  overflow-x: hidden;
  align-items: center;
  justify-content: space-between;
}

#nav .sitemapWrapper .sitemap > li .group li .itemWrapper .item .state{
  outline: none;
  background-color: rgb(0, 102, 255);
  border-radius: 22px;
  border-right: 2px solid rgb(0, 102, 255);
  border-left: 2px solid rgb(0, 102, 255);
  margin-right: 6.5px;
  height: 1.5rem;
  display: inline-block;
  transition: opacity 200ms ease 0s;
  opacity: 0;
}

#nav .sitemapWrapper .sitemap > li .group li .itemWrapper.active .item .state{
  opacity: 1;
}

#nav .sitemapWrapper .sitemap > li .group li .itemWrapper .item .iconWrapper{
  display: flex;
  align-self: stretch;
  outline: none;
  align-items: center;
  flex-grow: 1;
  overflow: hidden;
  font-size: 16px;
}

#nav .sitemapWrapper .sitemap > li .group li .itemWrapper .item .icon{
  outline: none;
  filter: invert(20%);
  fill: currentcolor;
  font-family: "Dyn CRM Symbol";
  width: 16px;
  min-width: 16px;
  text-align: center;
  font-size: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
}

  #nav .sitemapWrapper .sitemap > li .group li .itemWrapper .item .icon img{
    outline: none;
    vertical-align: middle;
    width: 16px;
    height: 16px;
  }

#nav .sitemapWrapper .sitemap > li .group li .itemWrapper .item .label{
  outline: none;
  margin-left: 1rem;
  font-size: 1rem;
  display: inline-block;
  font-family: "Segoe UI Regular", SegoeUI, "Segoe UI";
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 1rem;
  overflow-x: hidden;
}

#nav .sitemapWrapper .sitemap > li .group li .itemWrapper.active{
  background-color: rgb(255,255,255);
}

#nav.collapsed{
  width:3em;
}

#nav.collapsed ul.group li:last-child{
  border-bottom: 1px solid rgb(216, 216, 216);
}

#nav.collapsed .sitemapWrapper .sitemap > li{
  margin-bottom: 0.2rem;
}

#nav.collapsed h3{
  display: none !important;
}

#mainContent {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
    margin-left: 0px;
    margin-right: 0px;
    height: 100%;
    overflow: hidden;
    max-width: 100%;
    background: rgb(250, 250, 250);
    box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px, rgba(0, 0, 0, 0.14) 0px 8px 16px
}

#main:has(.tabSection.tree) #mainContent, #main:has(.tabSection.sideBar) #mainContent {
    box-shadow: none;
}

#main:has(.tabSection.tree) .tabSection.tree, #main:has(.tabSection.sideBar) .tabSection.sideBar {
    box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px, rgba(0, 0, 0, 0.14) 0px 8px 16px
}

#mainContent .mainContentPanels{
  display: flex;
  outline: none;
  height: 100%;
  overflow: hidden;
}

#mainContent .mainContentPanels .tabWrapper{
  transform: rotate(0deg);
  outline: none;
  overflow-x: hidden;
  height: auto;
  display: inline-flex;
  flex-grow: 1;
  width: 100%;
  max-width: 100%;
  flex-direction: column;
}

#mainContent .mainContentPanels .tabWrapper > .tabGrid .subgrid .subgridHeader{
  margin-left:4px;
  margin-right: 4px;
}

#mainContent .mainContentPanels #tabHeader {
  position: static;
  display: flex;
  outline: none;
  flex: 0 0 auto;
  flex-direction: column;
}

    #mainContent .mainContentPanels .panel, .tabSection.sideBar .panel, .tabSection.tree .panel {
        width: calc(100% - 20px);
        background-color: rgb(255,255,255);
        margin-top: 10px;
        margin-left: 10px;
        margin-right: 10px;
        border-radius: 4px;
        border-color: rgb(36,36,36);
        border-width: 0;
        border-style: solid;
        box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px, rgba(0, 0, 0, 0.14) 0px 2px 4px;
    }

.tabGrid .panel:last-child {
    margin-bottom: 10px;
}

.tabRibbon{
  display: flex;
  outline: none;
  border-bottom: 0px;
  max-height: 3rem;
  height: 3rem;
  min-height: 3rem;
  background: rgb(255, 255, 255);
}

.tabRibbon .ribbonWrapper{
  position: relative;
  display: flex;
  width: 100%;
  flex: 1 1 auto;
  outline: none;
}

.tabRibbon .ribbonWrapper .commandBarContainerWrapper{
  position: absolute;
  display: flex;
  outline: none;
  bottom: 0px;
  left: 0px;
  padding: 0.714286rem 1rem 0.714286rem 0px;
  right: 0px;
  top: 0px;
  flex-grow: 1;
  width: 100%;
  box-sizing: border-box;
  color: rgb(255, 255, 255);
  align-items: center;
}

    .tabRibbon .ribbonWrapper .commandBarContainerWrapper .commandBarWrapper {
        display: flex;
        outline: none;
        color: rgb(239, 239, 239);
        background-color: rgb(255, 255, 255);
        border-style: none;
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
    }

.tabRibbon .ribbonWrapper .commandBarContainerWrapper .commandBarWrapper .commandBar,
.flyout .commandBar{
  display: flex;
  outline: none;
  color: rgb(239, 239, 239);
  margin-bottom: 0px;
  margin-top: 0px;
  margin-right: 1rem;
  list-style-type: none;
  margin-left: 6px;
  flex-shrink: 0;
}

.flyout .commandBar{
  flex-direction: column;
  margin-right: 0px;
  min-height: 66px;
}

.flyout .busy{
  position: absolute;
  left: 16px;
  top: 32px;
  color: rgb(51, 51, 51);
}

.tabSection.tree .tabRibbon .ribbonWrapper .commandBarContainerWrapper .commandBarWrapper .commandBar{
  margin-right: 0px;
  margin-left: 15px;
}

.tabRibbon .ribbonWrapper .commandBarContainerWrapper .commandBarWrapper .commandBar .commandBarItem,
.flyout .commandBar .commandBarItem{
  outline: none;
  border-radius: 0px;
  line-height: 1rem;
  height:2.2em;
  margin-right: 0px;
}

.flyout .commandBar .commandBarItem{
  display: flex;
}

.tabRibbon .ribbonWrapper .commandBarContainerWrapper .commandBarWrapper .commandBar .commandBarItem.spacer,
.flyout .commandBar .commandBarItem.spacer{
  width:12px;
}

.tabRibbon .ribbonWrapper .commandBarContainerWrapper .commandBarWrapper .commandBar .commandBarItem.backButton{
  border-right: 1px solid rgb(216, 216, 216);
}

.tabRibbon .ribbonWrapper .commandBarContainerWrapper .commandBarWrapper .commandBar .commandBarItem button,
.flyout .commandBar .commandBarItem button{
  display: flex;
  outline: none;
  padding-right: 0.857142rem;
  padding-left: 0.857142rem;
  border-width: 0px;
  border-radius: 0px;
  line-height: 1rem;
  height: 2.2rem;
  background-color: transparent;
  cursor: pointer;
  align-items: center;
  color: rgb(51, 51, 51);
}

.flyout .commandBar .commandBarItem button{
  flex: 1 1 auto;
}

.tabRibbon .ribbonWrapper .commandBarContainerWrapper .commandBarWrapper .commandBar .commandBarItem button:disabled,
.flyout .commandBar .commandBarItem button:disabled{
  cursor: default;
  color: rgb(216, 216, 216);
}

.tabRibbon .ribbonWrapper .commandBarContainerWrapper .commandBarWrapper .commandBar .commandBarItem button .iconWrapper,
.flyout .commandBar .commandBarItem button .iconWrapper{
  outline: none;
  text-align: left;
  flex-grow: 1;
  width: 100%;
  display: flex;
}

.tabRibbon .ribbonWrapper .commandBarContainerWrapper .commandBarWrapper .commandBar .commandBarItem button .iconWrapper .icon,
.flyout .commandBar .commandBarItem button .iconWrapper .icon{
  outline: none;
  justify-content: center;
  min-width: 16px;
  line-height: 1.5rem;
  font-size: 1.1rem;
  margin-right: 0.5rem;
  color: inherit;
  position: relative;
  align-items: center;
  display: flex;
}

.tabRibbon .ribbonWrapper .commandBarContainerWrapper .commandBarWrapper .commandBar .commandBarItem button .iconWrapper .icon img,
.flyout .commandBar .commandBarItem button .iconWrapper .icon img{
  outline: none;
  fill: rgb(51, 51, 51);
  width: 16px;
  height: 16px;
  line-height: 16px;
  color: inherit;
}

.tabRibbon .ribbonWrapper .commandBarContainerWrapper .commandBarWrapper .commandBar .commandBarItem button .iconWrapper .label,
.flyout .commandBar .commandBarItem button .iconWrapper .label{
  outline: none;
  font-family: "Segoe UI Regular", SegoeUI, "Segoe UI";
  max-width: 180px;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.5rem;
  font-size: 1rem;
  color: inherit;
  overflow: hidden;
}

.tabRibbon .ribbonWrapper .commandBarContainerWrapper .commandBarWrapper .commandBar .commandBarItem button .commandDown{
  font-size: 0.857143rem;
  min-width: 16px;
  padding-left: 0.857142rem;
  line-height: 1rem;
}

.tabRibbon .ribbonWrapper .commandBarContainerWrapper .commandBarWrapper .commandBar .commandBarItem button .commandDown span{
	line-height: 16px;
  color: rgb(51, 51, 51);
}

.tabRibbon .ribbonWrapper .commandBarContainerWrapper .commandBarWrapper .commandBar .commandBarItem button:disabled .commandDown span{
  color: rgb(216, 216, 216);
}

#mainContent .mainContentPanels #tabHeader .tabBodyWrapper{
  display: flex;
  outline: none;
  flex:0 0 auto;
  flex-direction: column;
  border-bottom: 1px solid rgb(216,216,216);
}

    #mainContent .mainContentPanels #tabHeader .tabBodyWrapper .tabBodyHeaderWrapper {
        margin: 0 20px;
    }

#mainContent .mainContentPanels #tabHeader .tabBodyWrapper .tabBodyHeader{
  display: flex;
  outline: none;
  padding: 14px 0 0px;
  background-color: rgb(255,255,255);
  flex-wrap: wrap;
  flex-grow: 1;
}

#mainContent .mainContentPanels #tabHeader .tabBodyWrapper .tabBodyHeader .tabTitle{
  display: flex;
  outline: none;
  margin-right: 40px;
  flex: 1 1 360px;
}

#mainContent .mainContentPanels #tabHeader .tabBodyWrapper .tabBodyHeader .tabTitle .titleWrapper{
  display: flex;
  outline: none;
  width: 100%;
  flex-direction: column;
}

#mainContent .mainContentPanels #tabHeader .tabBodyWrapper .tabBodyHeader .tabTitle .titleWrapper h1{
  outline: none;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: pre-wrap;
  font-size: 20px;
  line-height: 24px;
  font-weight: normal;
  font-family: SegoeUI-Semibold, "Segoe UI Semibold", "Segoe UI Regular", "Segoe UI";
  color: rgb(0, 0, 0);
}

#mainContent .mainContentPanels #tabHeader .tabBodyWrapper .tabBodyHeader .tabTitle .titleWrapper h1 .saved{
  outline: none;
  font-family: 'Segoe UI';
  color: rgb(102, 102, 102);
  padding-right: 0px;
  padding-left: 6px;
  font-size: 14px;
  overflow-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: pre-wrap;
  line-height: 24px;
  font-weight: normal;
}

#mainContent .mainContentPanels #tabHeader .tabBodyWrapper .tabBodyHeader .tabTitle .titleWrapper .subtitleWrapper{
  display: flex;
  outline: none;
  flex-wrap: wrap;
  flex-direction: row;
}

#mainContent .mainContentPanels #tabHeader .tabBodyWrapper .tabBodyHeader .tabTitle .titleWrapper .subtitleWrapper .subtitle{
  outline: none;
  color: rgb(59, 58, 57);
  overflow-wrap: break-word;
  word-break: break-word;
  font-family: SegoeUI-Semibold, "Segoe UI Semibold", "Segoe UI Regular", "Segoe UI";
  flex: 0 0 auto;
  max-width: 100%;
}

#mainContent .mainContentPanels #tabHeader .tabBodyWrapper .tabBodyHeader .tabControls{
  display: flex;
  outline: none;
  align-items: flex-start;
}

#mainContent .mainContentPanels #tabHeader .tabBodyWrapper .tabBodyHeader .tabControls .tabControlsWrapper{
  display: flex;
  outline: none;
}

#mainContent .mainContentPanels #tabHeader .tabBodyWrapper .tabBodyHeader .tabControls .tabControlsWrapper .controls{
  display: flex;
  outline: none;
}

#mainContent .mainContentPanels #tabHeader .tabBodyWrapper .tabBodyHeader .tabControls .tabControlsWrapper .controls .control{
  outline: none;
  margin-bottom: 10px;
  margin-top: 4px;
  font-size: 14px;
  flex: 1 1 auto;
  display: block;
}

#mainContent .mainContentPanels #tabHeader .tabBodyWrapper .tabBodyHeader .tabControls .tabControlsWrapper .controls .control .valueWrapper{
  display: flex;
  outline: none;
    flex-direction: row;
}
    
#mainContent .mainContentPanels #tabHeader .tabBodyWrapper .tabBodyHeader .tabControls .tabControlsWrapper .controls .control .valueWrapper .value{
  display: flex;
  outline: none;
  line-height: 20px;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: pre-wrap;
  font-family: SegoeUI-Semibold, "Segoe UI Semibold", "Segoe UI Regular", "Segoe UI";
  color: rgb(0, 0, 0);
}

#mainContent .mainContentPanels #tabHeader .tabBodyWrapper .tabBodyHeader .tabControls .tabControlsWrapper .controls .control .valueWrapper .value a{
  outline: none;
  color: rgb(0, 102, 255);
  line-height: 20px;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: pre-wrap;
  font-family: SegoeUI-Semibold, "Segoe UI Semibold", "Segoe UI Regular", "Segoe UI";
  cursor: pointer;
  text-decoration: none;
}

#mainContent .mainContentPanels #tabHeader .tabBodyWrapper .tabBodyHeader .tabControls .tabControlsWrapper .controls .control .label{
  display: flex;
  outline: none;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: pre-wrap;
  font-size: 12px;
  line-height: 16px;
}

#mainContent .mainContentPanels #tabHeader .tabBodyWrapper .tabBodyHeader .tabControls .tabControlsWrapper .controls .seperator{
  outline: none;
  margin: 6px 12px;
  flex: 0 0 auto;
  display: block;
}

#mainContent .mainContentPanels #tabHeader .tabBodyWrapper .tabBodyHeader .tabControls .tabControlsWrapper .controls .seperator div{
  outline: none;
  background-color: rgb(221, 221, 221);
  width: 1px;
  height: 100%;
}

    #mainContent .mainContentPanels #tabHeader .tabBodyWrapper .tabs {
        outline: none;
        background-color: rgb(248, 247, 246);
        flex: 0 0 auto;
        transform: none;
        transition: transform 0.25s linear 0s;
        display: block;
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }

#mainContent .mainContentPanels #tabHeader .tabBodyWrapper .tabs #tabList{
  display: flex;
  outline: none;
  background-color: rgb(255, 255, 255);
  line-height: 55px;
  min-height: 51px;
  padding-bottom: 0px;
  padding-top: 14px;
  list-style-type: none;
  box-sizing: border-box;
  max-width: 100%;
}

#mainContent .mainContentPanels #tabHeader .tabBodyWrapper .tabs #tabList li{
  outline: none;
  display: inline;
  line-height: 25px;
  min-width: 1em;
  max-width: 30ch;
  width: auto;
  font-size: 1.143rem;
  margin-right: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0px;
  padding-bottom: 5px;
  cursor: pointer;
  margin-left: 0px;
  color: rgb(0, 0, 0);
  overflow: hidden;
}

#mainContent .mainContentPanels #tabHeader .tabBodyWrapper .tabs #tabList li.active{
  font-family: SegoeUI-Semibold, "Segoe UI Semibold", "Segoe UI Regular", "Segoe UI";
}

#mainContent .mainContentPanels #tabHeader .tabBodyWrapper .tabs #tabList li.active div{
  display: flex;
  outline: none;
  transition: opacity 200ms ease 0s;
  opacity: 1;
  background-color: rgb(34, 102, 227);
  height: 2px;
  margin-top: 10px;
  width: auto;
}

#mainContent .mainContentPanels .tabWrapper .tabSection.fixed{
  flex: none;
  overflow: hidden;
}

.tabSection{
  display: flex;
  outline: none;
  overflow-y: scroll;
  overflow-x: hidden;
  flex: 1 1 0px;
  height: inherit;
  width: 100%;
  position: relative;
  flex-direction: column;
}

.tabSection.fullwidth{
  overflow: hidden;
}

.tabSection .tabSectionWrapper{
  display: flex;
  outline: none;
  padding-top: 0px;
  flex: 1 0 auto;
}

    .tabSection.sideBar .tabSectionWrapper {
        width: calc(100% - 7px);
    }

.tabSection .tabSectionWrapper .sectionWrapper{
  display: flex;
  transform: rotate(0deg);
  outline: none;
  overflow-y: hidden;
  padding: 0;
  flex-wrap: wrap;
  overflow-x: hidden;
  flex: 1 0 0px;
  width: 100%;
  flex-direction: row;
  box-sizing: border-box;
  position: relative;
}

.tabSection .tabSectionWrapper .sectionWrapper section.main{
  outline: none;
  min-width: 340px;
  flex: 5 1 0%;
  display: block;
  box-sizing: border-box;
}

    .tabSection .tabSectionWrapper .sectionWrapper section.main.deny {
        flex: none;
        margin-right: auto;
        margin-left: auto;
    }

    .tabSection .tabSectionWrapper .sectionWrapper section.main.w500 {
        flex: 0 0 500px;
    }

    .tabSection .tabSectionWrapper .sectionWrapper section.main .denied .sectionTitle {
        display:none !important;
    }

.denyErrorList {
    margin-top:20px;
}

    .denyErrorList h1{
        font-size:inherit;
        color: red;
        font-weight:700;
    }

.generalDenyList {
    list-style-type:none;
}
    .generalDenyList li {
        padding-top:5px;
    }

.tabSection .tabSectionWrapper .sectionWrapper section.main .panel {
    outline: none;
    display: block;
}

.tabSection .tabSectionWrapper .sectionWrapper section.main section.overFlow .container{
  overflow-y: auto;
}

.tabSection .tabSectionWrapper .sectionWrapper section.main section.overFlow .container label{
  overflow: hidden;
  width: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}

.tabSection .tabSectionWrapper .sectionWrapper section.main section .sectionTitle:not(:first-child){
  margin-top:25px;
}

.tabSection .tabSectionWrapper .sectionWrapper section.main section .sectionTitle h2{
  font-family: SegoeUI-Semibold, "Segoe UI Semibold", "Segoe UI Regular", "Segoe UI";
  outline: none;
  border-bottom: 1px solid rgb(237, 235, 233);
  padding: 4px 2px 8px;
  color: rgb(50, 49, 48);
  white-space: pre-wrap;
  font-weight: normal;
  font-size: 1rem;
  overflow: hidden;
  text-transform:uppercase;
}

.tabSection .tabSectionWrapper .sectionWrapper section.main section .container{
  outline: none;
  display: block;
  width: 100%;
  overflow-y: scroll;
}

.tabSection .tabSectionWrapper .sectionWrapper section.main section .container .fieldsWrapper{
  display: flex;
  outline: none;
  flex-wrap: wrap;
  flex-direction: row;
}

.tabSection .tabSectionWrapper .sectionWrapper section.main section .container .fieldsWrapper .fields{
  outline: none;
  display: block;
  width: 100%;
  box-sizing: border-box;
}

.tabSection .tabSectionWrapper .sectionWrapper section.main section .container .fieldsWrapper .fields .field{
  outline: none;
  display: block;
  width: 100%;
  padding-top: 12px;
  min-height: 32px;
}

    .tabSection .tabSectionWrapper .sectionWrapper section.main section .container .fieldsWrapper .fields .field:last-child {
        margin-bottom:4px;
    }

.lockedWrapper{
display: flex;
outline: none;
border-bottom: none;
white-space: normal;
padding-bottom: 0.1em;
padding-top: 0.1em;
align-items: baseline;
width: 100%;
overflow: hidden;
}

.locked{
outline: none;
margin-right: 0.5em;
margin-left: 0.5em;
cursor: default;
display: inline-flex;
justify-content: center;
align-items: center;
}

.locked .icon{
display: flex;
outline: none;
width: 1rem;
font-family: "Dyn CRM Symbol";
text-align: center;
height: 1rem;
color: rgb(0, 0, 0);
}

.fieldWrapper{
  display: flex;
  outline: none;
  justify-content: inherit;
  height: auto;
  width: calc(100% - 21px);
  flex-direction: row;
  align-items: center;
}

.labelWrapper{
  display: flex;
  outline: none;
  padding-bottom: 0.285714rem;
  width: 150px;
  line-height: 1.5em;
  color: rgb(68, 68, 68);
  font-weight: 400;
  margin-right: 0.75em;
  justify-content: inherit;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;
  max-width: 150px;
  font-size: 1rem;
  flex-shrink: 0;
  overflow: hidden;	
}

.labelWrapper .mandatory{
  display: flex;
  outline: none;
    color: rgb(234, 6, 0);
}

.labelWrapper .label{
  display: flex;
  outline: none;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
}

.labelWrapper .label span{
  outline: none;
  padding-right: 0.75rem;
  text-align: inherit;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.attributeWrapper{
  display: flex;
  outline: none;
  word-break: normal;
  white-space: normal;
  flex: 1 1 auto;
  min-height: 35px;
  width: calc(100% - 160.5px);
  margin-right: 0px;
  flex-direction: row;
}

.attributeWrapper .attributeText{
  position: relative;
  display: flex;
  outline: none;
  width: 100%;
  align-items: center;
}

.attributeWrapper .attributeLookupWrapper{
  display: flex;
  outline: none;
  flex: 1 1 0px;
  max-width: 100%;
}

.attributeWrapper .lookupWrapper{
  display: flex;
  flex-wrap: wrap;
  border: 1px solid rgb(255, 255, 255);
  line-height: 1.5em;
  padding: 0px;
  background-color: rgb(255, 255, 255);
  font-size: 1rem;
  font-weight: 600;
  color: rgb(0, 0, 0);
}

.attributeWrapper .attributeLookup, .attributeWrapper .attributeLookupSearch{
  display: flex;
  outline: none;
  box-sizing: initial;
  padding: 0px;
  background-color: rgb(255, 255, 255);
  width: 100%;
  flex-direction: row;
  align-items: center;
  font-weight: 600;
}

.attributeWrapper .attributeLookup ul.lookup{
  display: flex;
  outline: none;
  min-height: 22px;
  max-height: 37px;
  flex-wrap: wrap;
  list-style-type: none;
  width: 100%;
  margin-right: 0px;
  overflow: hidden;
}

input.attrText{
  outline: none;
  border-color: transparent;
  padding: 0px 0.5rem;
  font-weight: 600;
  line-height: 2.5rem;
  height: 2.5rem;
  text-overflow: ellipsis;
  font-size: 1rem;
  border-width: 1px;
  border-style: solid;
  width: 100%;
  margin-right: 0px;
  margin-left: 0px;
  box-sizing: border-box;
  color: rgb(0, 0, 0);
  background-color: transparent;
}

.attributeLookup .lookupItem{
  display: flex;
  outline: none;
  max-height: 28px;
  margin-bottom: 0.285714rem;
  margin-top: 0.285714rem;
  margin-right: 0.285714rem;
  flex: 0 0 auto;
  background-color: transparent;
  height: 100%;
  overflow: hidden;
  max-width: 100%;
  align-items: self-end;
}

.attributeLookup .lookupItem .recordIcon{
  display: flex;
  outline: none;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  flex: 0 0 auto;
  justify-content: center;
  align-self: center;
}

.attributeLookup .lookupItem .record{
  display: flex;
  outline: none;
  color: rgb(0, 120, 212);
  padding-right: 0px;
  font-family: "Segoe UI Regular", SegoeUI, "Segoe UI";
  cursor: pointer;
  overflow: hidden;
}

.attributeLookup .lookupItem .record div{
  outline: none;
  line-height: 2rem;
  flex: 1 1 auto;
  display: block;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.attributeLookup .lookupItem button{
  display: flex;
  outline: none;
  margin: 0px;
  border-width: 0px;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  cursor: pointer;
  align-self: center;
}

.attributeLookup button.lookup, .attributeLookupSearch button.lookup{
  display: flex;
  outline: none;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  border-width: 0px;  
  background-color: transparent;
  cursor: pointer;
  align-self: center;
}

.attributeLookup button span.symbolFont, .attributeLookupSearch button span.symbolFont{
  font-size: 16px;
  height:16px;
  color:rgb(51, 51, 51);
}

.attributeLookup .recordIcon span.crmSymbolFont, .attributeLookup .recordIcon span.symbolFont{
  color: rgb(0, 120, 212);
  line-height: 100%;
  font-size: 16px;
  height:16px;
}

.field div:not(.attributeLookupSearch) > input.edit, .attributeWrapper .lookupWrapper.edit, .attributeWrapper .optionWrapper.edit{
  border-color: rgb(102,102,102);
  font-weight: 400;
  flex: 1 1 auto;
}

.field .attributeLookupSearch > input.edit{
  font-weight: 400;
}

.attributeWrapper .lookupWrapper.edit .attributeLookupSearch input{
  border-color: rgb(255, 255, 255);
}

.attributeLookup .lookupItem.edit .recordIcon, .attributeLookup .lookupItem.edit{
  background-color: rgb(241,241,241);
  font-weight: 400;
}

.attributeLookup .lookupItem.edit .record:hover div{
  text-decoration: underline;
}

.tabRibbon .ribbonWrapper .commandBarContainerWrapper .commandBarWrapper .commandBar .commandBarItem button:not(:disabled):hover,
.tabRibbon .ribbonWrapper .commandBarContainerWrapper .commandBarWrapper .commandBar .commandBarItem button.active,
.flyout .commandBar .commandBarItem button:not(:disabled):hover{
  background-color: rgb(216, 216, 216);
}

#tabList li:not(.active):hover{
  font-weight: 600;
}

.attributeWrapper .optionWrapper{
  display: flex;
  outline: none;
  height: 32.6px;
  justify-content: flex-end;
  background: transparent;
  border-color: transparent;
  border-width: 1px;
  border-style: solid;
  width: calc(100% - 2px);
  margin-left: 0px;
  flex-direction: row;
  position: relative;
  align-items: center;
  overflow: hidden;
}

.attributeWrapper .optionWrapper .attributeOption{
  display: flex;
  outline: none;
  left: 0px;
  right: 0px;
  top: 0px;
  flex: 1 1 auto;
  width: 100%;
  position: absolute;
  height: 100%;
}

.attributeWrapper .optionWrapper .attributeOption select{
  outline: none;
  appearance: none;
  padding-right: 0.5em;
  padding-left: 0.5em;
  appearance: none;
  font-weight: 600;
  font-size: 1rem;
  background-color: white;
  border-style: none;
  width: 100%;
  color: rgb(0, 0, 0);
  height: 100%;
}

.attributeWrapper .optionWrapper.edit .attributeOption select{
  font-weight: 400;
}

.attributeWrapper .optionWrapper .optionArrow{
  display: flex;
  outline: none;
  padding: 0.5em;
  border-color: transparent;
  pointer-events: none;
  flex: 0 1 auto;
  border-left-width: 1px;
  border-style: solid;
  justify-content: center;
  background-color: transparent;
  position: relative;
  flex-direction: column;
}

.attributeWrapper .optionWrapper .optionArrow div{
  outline: none;
  margin-top: calc(-0.3996em);
  height: 0.6em;
  width: 0.6em;
  border-top-width: 0px;
  transform:rotate(45deg);
  border-color: rgb(102,102,102);
  border-bottom-width: 1px;
  border-right-width: 1px;
  border-style: solid;
  display: block;
}

.attributeWrapper .attributeChoice{
  display: flex;
  outline: none;
  width: 100%;
}

.attributeWrapper .attributeChoice .choiceToggle{
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  margin: 0px 2px;
  border: 1px solid transparent;
  padding: 5px 2px 6px 2px;
}

.attributeWrapper .attributeChoice .choiceToggle .choiceToggleWrapper{
  display: flex;
  outline: none;
  position: relative;
  border: 1px solid transparent;
  width: 100%;
  min-width: 100px;
}

.attributeWrapper .attributeChoice .choiceToggle .choiceToggleWrapper button{
  position: relative;
  outline: none;
  font-size: 20px;
  box-sizing: border-box;
  width: 40px;
  height: 20px;
  border-radius: 10px;
  transition: all 0.1s ease 0s;
  border: 1px solid rgb(96, 94, 92);
  background: rgb(255, 255, 255);
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0px 3px;
  overflow: visible;
}

.attributeWrapper .attributeChoice .choiceToggle .choiceToggleWrapper button.selected{
  border: 1px solid transparent;
  background: rgb(0, 120, 212);
  justify-content: flex-end;
}

.attributeWrapper .attributeChoice .choiceToggle .choiceToggleWrapper button span{
  display: block;
  outline: none;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  transition: all 0.1s ease 0s;
  background-color: rgb(96, 94, 92);
  border-color: transparent;
  border-width: 6px;
  border-style: solid;
  box-sizing: border-box;
}

.attributeWrapper .attributeChoice .choiceToggle .choiceToggleWrapper button.selected span{
  background-color: rgb(255, 255, 255);
}

.attributeWrapper .attributeChoice .choiceToggle .choiceToggleWrapper label{
  padding: 0px;
  margin: 0px 8px;
  font-weight: 400;
  user-select: none;
  outline: none;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  color: rgb(50, 49, 48);
  box-sizing: border-box;
  box-shadow: none;
  display: block;
  overflow-wrap: break-word;
  cursor: pointer;
}

.attributeWrapper[aria-disabled="true"]:hover input, .attributeWrapper[aria-disabled="true"]:hover ul.lookup{
  border-color: rgb(226,226,226);
  background-color: rgb(226,226,226);
  font-weight: 400;
}

.attributeWrapper[aria-disabled="true"]:hover ul.lookup button:disabled{
  display: none !important;
}

.field .locked .icon{
  outline: none;
  width: 1rem;
  font-family: "Dyn CRM Symbol";
  text-align: center;
  height: 1rem;
  color: rgb(0, 0, 0);
}

.hidden{
  display: none !important;
}

#mainContent .mainContentPanels #tabHeader .tabBodyWrapper .tabs #tabList li:not(.active):hover div{
  display: flex;
  outline: none;
  transition: opacity 200ms ease 0s;
  opacity: 1;
  background-color: rgb(226,226,226);
  height: 2px;
  margin-top: 10px;
  width: auto;
}

.sitemap .itemWrapper:not(.active):hover{
  transition: background-color 200ms ease 0s;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px;
  background-color: rgb(255, 255, 255);
  color: rgb(51, 51, 51);
  display: flex;
  outline: none;
  fill: currentcolor;
  min-height: 2.5rem;
  height: 2.5rem;
  color: rgb(51, 51, 51);
  width: 100%;
  justify-content: space-between;
}

.tabSection.tree, .tabSection.sideBar{
  flex: 0 0 500px !important;
  overflow: hidden !important;
}

.tabSection.tree section.main .container{
  height: calc(100vh - 120px);
  overflow-x:hidden;
}

    .tabSection.tree .tabSectionWrapper.panel {
        margin-bottom: 10px;
    }

.tabSection.sideBar section.main section:first-child .container{
  height: 200px;
  overflow-y:scroll;
}

.tabSection.sideBar section.main section:not(:first-child) .container{
  height: calc(100vh - 330px);
}

.ztree li span.button.switch.level0 {visibility:hidden; width:0%;}
.ztree li.level0 > a span:first-child {visibility:hidden; width:1px;}
.ztree li.level0 > a span:last-child {font-weight: 600;}
.ztree li ul.level0 {padding:0; background:none;}

.tabSection.tree section section, .tabSection.sideBar section section{
  padding-left: 0.5rem !important;
}

span.node_name{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 345px;
}

a.active span.node_name {
    color: rgb(0, 120, 212);
    font-family: SegoeUI-SemiBold;
}

.tabGrid{
  display: flex;
  outline: none;
  padding-top: 0px;
  flex: 1 0 auto;
}

.tabGrid .subgrid{
  display: flex;
  outline: none;
  min-height: 32px;
  flex: 0 1 auto;
  overflow-y: hidden;
  white-space: nowrap;
  overflow-x: hidden;
  width: calc(100%);
  flex-direction: column;
}

.tabGrid .subgrid .subgridHeaderWrapper{
  display: flex;
  outline: none;
  min-height: 0px;
  min-width: 100%;
  flex: 1 1 auto;
  flex-direction: column;
  height:6.9rem;
  background: rgb(255, 255, 255);
}

.tabGrid .subgrid.mainGrid .subgridHeaderWrapper{
  height:4.1rem;
}

.tabGrid .subgrid .subgridHeaderWrapper .subgridHeader{
  display: flex;
  outline: none;
  transform: translate3d(0px, 0px, 0px);
  flex-wrap: wrap;
  width: 100%;
  flex-shrink: 0;
  border-bottom: 1px solid rgb(216,216,216);
}

.tabGrid .subgrid .subgridHeaderWrapper .subgridHeader .subgridHeaderTitle{
  display: flex;
  flex: 1 0 0%;
  outline: none;
  border-width: 1px;
  border-color: rgb(239, 239, 239);
  color: rgb(239, 239, 239);
  margin-top: 0px;
  height: 3rem;
  border-style: none;
  background-color: transparent;
  margin-left: 4px;
}

.tabGrid .subgrid .subgridHeaderWrapper .subgridHeader .subgridHeaderTitle span{
  color: rgb(51, 51, 51);
  font-family: SegoeUI-Semibold, "Segoe UI Semibold";
  align-self: center;
  text-transform: uppercase;
}

.tabGrid .subgrid .subgridHeaderWrapper .subgridHeader .subgridButtonWrapper{
  outline: none;
  border-width: 1px;
  border-color: rgb(239, 239, 239);
  color: rgb(239, 239, 239);
  margin-top: 0px;
  height: 3rem;
  border-style: none;
  background-color: transparent;
  margin-right: 4px;
  margin-left: 0px;
}

.tabGrid .subgrid .subgridHeaderWrapper .subgridHeader .subgridButtonWrapper .subgridButtonList{
  display: flex;
  outline: none;
  color: rgb(239, 239, 239);
  list-style-type: none;
  margin: 0px;
  flex-shrink: 0;
}

.tabGrid .subgrid .subgridHeaderWrapper .subgridHeader .subgridButtonWrapper .subgridButtonList .subgridButtonItem{
  outline: none;
  line-height: 1rem;
  color: rgb(51, 51, 51);
  height: 3rem;
  margin-right: 0px;
}

.tabGrid .subgrid .subgridHeaderWrapper .subgridHeader .subgridButtonWrapper .subgridButtonList .subgridButtonItem button{
  display: flex;
  outline: none;
  padding-left: 1rem;
  border-width: 0px;
  line-height: 1rem;
  padding-right: 1rem;
  height: 3rem;
  background-color: transparent;
  cursor: pointer;
  align-items: center;
  color: rgb(51, 51, 51);
}

.tabGrid .subgrid .subgridHeaderWrapper .subgridHeader .subgridButtonWrapper .subgridButtonList .subgridButtonItem button:not(:disabled):hover{
  background-color: rgb(216, 216, 216);
}

.tabGrid .subgrid .subgridHeaderWrapper .subgridHeader .subgridButtonWrapper .subgridButtonList .subgridButtonItem button:disabled{
  cursor: default;
  color: rgb(216, 216, 216);
}

.tabGrid .subgrid .subgridHeaderWrapper .subgridHeader .subgridButtonWrapper .subgridButtonList .subgridButtonItem button .iconWrapper{
  outline: none;
  text-align: left;
  flex-grow: 1;
  width: 100%;
  display: flex;
}

.tabGrid .subgrid .subgridHeaderWrapper .subgridHeader .subgridButtonWrapper .subgridButtonList .subgridButtonItem button .label{
  outline: none;
  font-family: "Segoe UI Regular", SegoeUI, "Segoe UI";
  max-width: 150px;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.5rem;
  font-size: 1rem;
  color: inherit;
  overflow: hidden;
}

.tabGrid .subgrid .subgridHeaderWrapper .subgridHeader .subgridButtonWrapper .subgridButtonList .subgridButtonItem button .icon{
  outline: none;
  justify-content: center;
  min-width: 16px;
  line-height: 1.5rem;
  font-size: 1.2rem;
  margin-right: 0.5rem;
  color: inherit;
  position: relative;
  align-items: center;
  display: flex;
}

.tabGrid .subgridFilterWrapper{
  display: flex;
  outline: none;
  margin-bottom: auto;
  margin-top: auto;
  margin-right: 13px;
  flex-direction: row;
  flex: 1 1 auto;
}

.tabGrid .subgrid.mainGrid .subgridHeader{
  display: none;
}

.tabGrid .subgrid:not(.mainGrid) .subgridFilterWrapper{
  align-self: flex-end;
}

.tabGrid .subgrid .subgridFilterWrapper .subgridFilter{
  display: flex;
  outline: none;
  width: 180px;
  min-height: 2.5rem;
  margin: 6px 3px 0px 0px;
  height: 2.5rem;
  flex: 0 1 auto;
  background-color: rgb(255, 255, 255);
}

.tabGrid .subgrid.mainGrid .subgridFilterWrapper .subgridFilter{
  margin: 10px 15px 0px 0px;
}
    
.tabGrid .subgridFilterWrapper .subgridFilter div{
  display:flex;
  outline: none;
  border-color: rgb(102, 102, 102);
  padding-left: 0.285714rem;
  border-width: 1px;
  border-style: solid;
  width: 100%;
  flex-direction: row;
}

.tabGrid .subgridFilterWrapper .subgridFilter div input{
  outline: none;
  min-width: 0px;
  appearance: none;
  border: none;
  background-color: transparent;
  width: 100%;
}

    .tabGrid .subgrid .subgridContainer {
        display: flex;
        outline: none;
        height: 100%;
        width: calc(100% - 20px);
        visibility: visible;
        flex-direction: column;
        margin: 0 10px;
    }

.tabGrid .subgrid .subgridContainer .subgridWrapper{
  outline: none;
  height: calc(100% - 40px);
  width: initial;
  min-height: 200px;
  background: rgb(255, 255, 255);
  overflow-x: hidden;
  max-height: calc(100vh - 340px);
  overflow-y: auto;
}

.tabGrid .subgrid .subgridContainer .subgridWrapper.horScroll{
  overflow-x: auto;
}

  .tabGrid .subgrid.mainGrid .subgridContainer .subgridWrapper{
    max-height: calc(100vh - 184px);
  }


.tabGrid .subgrid .subgridContainer .subgridWrapper .grid{
  display: grid;
  width: 100%;
}

  #main .tabGrid .subgrid.mainGrid .subgridContainer .subgridWrapper .grid{
    width: calc(100vw - 56px);
  }

  .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.costmanagers{
    grid-template-columns: 40px 2fr 2fr 2fr 1fr;
  }

  .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.reportitems{
    grid-template-columns: 40px 100px 140px 200px 1fr;
  }

  .tabGrid[data-id="sg_report"] .subgrid .subgridContainer .subgridWrapper{
    max-height: calc(100vh - 549px);
  }

  #main .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.analyzesubprojects {
    width: calc(100%);
  }

  .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.elements {
    grid-template-columns: 40px 150px 350px 100px 500px;
  }

  /* nieuwe stijle grid opzet css */

  #main[data-nav="collapsed"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.analyzesubprojects {
    grid-template-columns: 40px 100px calc((100% - 98px - 42px) / 4) calc((100% - 98px - 42px) / 4) calc((100% - 98px - 42px) / 4) calc((100% - 98px - 42px) / 4);
  }

  #main[data-nav="expanded"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.analyzesubprojects {
    grid-template-columns: 40px 100px calc((100% - 98px - 200px) / 4) calc((100% - 98px - 200px) / 4) calc((100% - 98px - 200px) / 4) calc((100% - 98px - 200px) / 4);
  }

  #main[data-nav="collapsed"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.projects {
    grid-template-columns: 40px 120px calc((100% - 118px - 42px) / 7) calc((100% - 118px - 42px) / 7) calc((100% - 118px - 42px) / 7) calc((100% - 118px - 42px) / 7) calc((100% - 118px - 42px) / 7) calc((100% - 118px - 42px) / 7) calc((100% - 118px - 42px) / 7);
  }

  #main[data-nav="expanded"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.projects {
    grid-template-columns: 40px 120px calc((100% - 118px - 200px) / 7) calc((100% - 118px - 200px) / 7) calc((100% - 118px - 200px) / 7) calc((100% - 118px - 200px) / 7) calc((100% - 118px - 200px) / 7) calc((100% - 118px - 200px) / 7) calc((100% - 118px - 200px) / 7);
  }

  #main[data-nav="collapsed"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.viewedprojects{
    grid-template-columns: 40px 120px calc((100% - 288px - 42px) / 4) calc((100% - 288px - 42px) / 4) calc((100% - 288px - 42px) / 4) calc((100% - 288px - 42px) / 4) 170px;
  }

  #main[data-nav="expanded"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.viewedprojects {
    grid-template-columns: 40px 120px calc((100% - 288px - 200px) / 4) calc((100% - 288px - 200px) / 4) calc((100% - 288px - 200px) / 4) calc((100% - 288px - 200px) / 4) 170px;
  }

  #main[data-nav="collapsed"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.settings {
    grid-template-columns: 40px 180px 170px calc((100% - 348px - 42px) / 4) calc((100% - 348px - 42px) / 4) calc((100% - 348px - 42px) / 4) calc((100% - 348px - 42px) / 4);
  }

  #main[data-nav="expanded"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.settings {
    grid-template-columns: 40px 180px 170px calc((100% - 348px - 200px) / 4) calc((100% - 348px - 200px) / 4) calc((100% - 348px - 200px) / 4) calc((100% - 348px - 200px) / 4);
  }

  #main[data-nav="collapsed"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.user {
    grid-template-columns: 40px 250px calc((100% - 248px - 42px) / 3) calc((100% - 248px - 42px) / 3) calc((100% - 248px - 42px) / 3);
  }

  #main[data-nav="expanded"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.user {
    grid-template-columns: 40px 250px calc((100% - 248px - 200px) / 3) calc((100% - 248px - 200px) / 3) calc((100% - 248px - 200px) / 3);
  }

  #main[data-nav="collapsed"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.account {
    grid-template-columns: 40px 250px calc((100% - 248px - 42px) / 3) calc((100% - 248px - 42px) / 3) calc((100% - 248px - 42px) / 3);
  }

  #main[data-nav="expanded"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.account {
    grid-template-columns: 40px 250px calc((100% - 248px - 200px) / 3) calc((100% - 248px - 200px) / 3) calc((100% - 248px - 200px) / 3);
  }

  #main[data-nav="collapsed"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.contact {
    grid-template-columns: 40px 350px calc((100% - 348px - 42px) / 3) calc((100% - 348px - 42px) / 3) calc((100% - 348px - 42px) / 3);
  }

  #main[data-nav="expanded"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.contact {
    grid-template-columns: 40px 350px calc((100% - 348px - 200px) / 3) calc((100% - 348px - 200px) / 3) calc((100% - 348px - 200px) / 3);
  }

  #main[data-nav="collapsed"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.recaps {
    grid-template-columns: 40px 120px calc((100% - 118px - 42px) / 4) calc((100% - 118px - 42px) / 4) calc((100% - 118px - 42px) / 4) calc((100% - 118px - 42px) / 4);
  }

  #main[data-nav="expanded"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.recaps {
    grid-template-columns: 40px 120px calc((100% - 118px - 200px) / 4) calc((100% - 118px - 200px) / 4) calc((100% - 118px - 200px) / 4) calc((100% - 118px - 200px) / 4);
  }

  #main[data-nav="collapsed"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.attachments {
    grid-template-columns: 40px 140px calc(100% - 438px - 42px) 150px 150px;
  }

  #main[data-nav="expanded"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.attachments {
    grid-template-columns: 40px 140px calc(100% - 438px - 200px) 150px 150px;
  }
  

  /* beheer grids */

  #main[data-nav="collapsed"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.discipline {
    grid-template-columns: 40px 250px calc((100% - 248px - 42px));
  }

  #main[data-nav="expanded"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.discipline {
    grid-template-columns: 40px 250px calc((100% - 248px - 200px));
  }

  #main[data-nav="collapsed"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.element {
    grid-template-columns: 40px 120px calc((100% - 118px - 42px) / 4) calc((100% - 118px - 42px) / 4) calc((100% - 118px - 42px) / 4) calc((100% - 118px - 42px) / 4);
  }

  #main[data-nav="expanded"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.element {
    grid-template-columns: 40px 120px calc((100% - 118px - 200px) / 4) calc((100% - 118px - 200px) / 4) calc((100% - 118px - 200px) / 4) calc((100% - 118px - 200px) / 4);
  }

  #main[data-nav="collapsed"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.subprojects {
    grid-template-columns: 40px 120px calc((100% - 118px - 42px) / 4) calc((100% - 118px - 42px) / 4) calc((100% - 118px - 42px) / 4) calc((100% - 118px - 42px) / 4);
  }

  #main[data-nav="expanded"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.subprojects {
    grid-template-columns: 40px 120px calc((100% - 118px - 200px) / 4) calc((100% - 118px - 200px) / 4) calc((100% - 118px - 200px) / 4) calc((100% - 118px - 200px) / 4);
  }

  #main[data-nav="collapsed"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.help {
    grid-template-columns: 40px 250px calc((100% - 248px - 42px));
  }

  #main[data-nav="expanded"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.help {
    grid-template-columns: 40px 250px calc((100% - 248px - 200px));
  }

  #main[data-nav="collapsed"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.setting {
    grid-template-columns: 40px 170px 170px calc((100% - 338px - 42px) / 4) calc((100% - 338px - 42px) / 4) calc((100% - 338px - 42px) / 4) calc((100% - 338px - 42px) / 4);
  }

  #main[data-nav="expanded"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.setting {
    grid-template-columns: 40px 170px 170px calc((100% - 338px - 200px) / 4) calc((100% - 338px - 200px) / 4) calc((100% - 338px - 200px) / 4) calc((100% - 338px - 200px) / 4);
  }

  #main[data-nav="collapsed"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.logo {
    grid-template-columns: 40px 250px calc((100% - 248px - 42px));
  }

  #main[data-nav="expanded"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.logo {
    grid-template-columns: 40px 250px calc((100% - 248px - 200px));
  }

  #main[data-nav="collapsed"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.project {
    grid-template-columns: 40px 120px calc((100% - 118px - 42px) / 5) calc((100% - 118px - 42px) / 5) calc((100% - 118px - 42px) / 5) calc((100% - 118px - 42px) / 5) calc((100% - 118px - 42px) / 5);
  }

  #main[data-nav="expanded"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.project {
    grid-template-columns: 40px 120px calc((100% - 118px - 200px) / 5) calc((100% - 118px - 200px) / 5) calc((100% - 118px - 200px) / 5) calc((100% - 118px - 200px) / 5) calc((100% - 118px - 200px) / 5);
  }

  #main[data-nav="collapsed"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.unit {
    grid-template-columns: 40px 150px 150px 150px calc((100% - 448px - 42px));
  }

  #main[data-nav="expanded"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.unit {
    grid-template-columns: 40px 150px 150px 150px calc((100% - 448px - 200px));
  }

  #main[data-nav="collapsed"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.rwuindex {
    grid-template-columns: 40px 120px calc((100% - 118px - 42px) / 5) calc((100% - 118px - 42px) / 5) calc((100% - 118px - 42px) / 5) calc((100% - 118px - 42px) / 5) calc((100% - 118px - 42px) / 5);
  }

  #main[data-nav="expanded"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.rwuindex {
    grid-template-columns: 40px 120px calc((100% - 118px - 200px) / 5) calc((100% - 118px - 200px) / 5) calc((100% - 118px - 200px) / 5) calc((100% - 118px - 200px) / 5) calc((100% - 118px - 200px) / 5);
  }

  #main[data-nav="collapsed"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.sgicategory {
    grid-template-columns: 40px 150px 250px calc((100% - 398px - 42px));
  }

  #main[data-nav="expanded"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.sgicategory {
    grid-template-columns: 40px 150px 250px calc((100% - 398px - 200px));
  }

  #main[data-nav="collapsed"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.elementexplanation {
    grid-template-columns: 40px 150px calc((100% - 148px - 42px) / 3) calc((100% - 148px - 42px) / 3) calc((100% - 148px - 42px) / 3);
 }

  #main[data-nav="expanded"] .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.elementexplanation {
    grid-template-columns: 40px 150px calc((100% - 148px - 200px) / 3) calc((100% - 148px - 200px) / 3) calc((100% - 148px - 200px) / 3);
  }

.grid label{
  color: rgb(0, 0, 0);
}

.grid .gridHeader .column{
  position: sticky;
  top: 0;
  z-index: 1;
  background:rgb(255, 255, 255);
}

.grid .gridHeader .column label{
  font-size: 14px;
  font-weight: 600;
  color: rgb(50, 49, 48);
  display: inline-flex;
  padding: 5px 2px 5px 0px;
  overflow-wrap: break-word;
  font-style: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}

.grid .column{
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 32px;
  border-bottom: 1px solid rgb(221, 221, 221);
  overflow: hidden;
  text-overflow: ellipsis;
}

.grid div:not(.gridHeader) .column{
  padding: 5px 10px;
}

.grid .column:first-of-type{
  padding-right: 0px;
  padding-top: 3px;
}

.subgrid .subgridContainer .subgridFooterWrapper{
  display: flex;
  outline: none;
  width: 100%;
  font-size: 1rem;
  flex: 0 0 auto;
  flex-direction: column;
  border-top: 1px solid rgb(230,230,230);
}

    .subgrid.mainGrid .subgridContainer .subgridFooterWrapper{
        background: rgb(255, 255, 255);
    }

.subgrid .subgridContainer .subgridFooterWrapper .subgridFooter{
  display: flex;
  outline: none;
  flex: 1 1 auto;
  flex-direction: row;
  place-content: stretch space-between;
  align-items: center;
  height: 40px;
  text-align: center;
  padding-right: 20px;
  font-size: 12px;
}

.subgrid .subgridContainer .subgridFooterWrapper .subgridFooter .totalRecords, .subgridContainer .subgridFooterWrapper .subgridFooter .subgridFooterPaging .pageLabel{
  font-size: inherit;
  font-weight: 400;
  color: rgb(50, 49, 48);
  display: inline;
  flex: 0 1 auto;
  margin-left: 8px;
  margin-right: 8px;
}

.subgrid .subgridContainer .subgridFooterWrapper .subgridFooter .subgridFooterPaging{
  display: flex;
  outline: none;
  flex: 0 1 auto;
  flex-direction: row;
  align-items: center;
  place-content: stretch space-between;
  height: 100%;
}

.subgrid .subgridContainer .subgridFooterWrapper .subgridFooter .subgridFooterPaging button.first, 
.subgrid .subgridContainer .subgridFooterWrapper .subgridFooter .subgridFooterPaging button.prev,
.subgrid .subgridContainer .subgridFooterWrapper .subgridFooter .subgridFooterPaging button.next{
  font-size: 13px;
  color: rgb(161, 159, 157);
  outline: none;
  text-decoration: none;
  background: none transparent;
  border-top: none;
  border-right: none;
  border-left: none;
  border-image: initial;
  cursor: default;
  display: inline;
  margin: 0px 8px;
  overflow: inherit;
  padding: 0px;
  text-align: left;
  text-overflow: inherit;
  border-bottom: 1px solid transparent;
  flex: 0 1 auto;
  height: 100%;
  user-select: none;
}

.subgrid .subgridContainer .subgridFooterWrapper .subgridFooter .subgridFooterPaging button i.f0{
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  font-family: FabricMDL2Icons-0;
}

.subgrid .subgridContainer .subgridFooterWrapper .subgridFooter .subgridFooterPaging button i.f1{
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  font-family: FabricMDL2Icons-1;
}

.subgrid .subgridContainer .gridHeader .column:hover{
  background-color: rgb(243, 242, 241);
}

.subgrid .subgridContainer .gridHeader, .subgrid .subgridContainer .grid .rowWrapper{
  display: contents;
}

.subgrid .subgridContainer .grid .rowWrapper.checked .column{
  background-color: rgb(223,222,221) !important;
}

.subgrid .subgridContainer .grid .rowWrapper.parental .column{
  background-color: rgba(176, 196, 222, 0.2);
}

.subgrid .subgridContainer .grid .rowWrapper:not(.parental):hover .column{
  background-color: rgb(243, 242, 241);
}

.subgrid .subgridContainer .gridHeader .sort, .subgridContainer .gridHeader .filter{
  outline:none;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  font-weight: 400;
  height: auto;
  width: auto;
  color: rgb(50, 49, 48);
  display: inline-flex;
  flex: 0 1 0%;
  line-height: normal;
  align-items: center;
}

.subgrid .subgridContainer .gridHeader .sort i{
  outline: none;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  font-family: FabricMDL2Icons;
  cursor: pointer;
}

.subgrid .subgridContainer .gridHeader .filter i{
  outline: none;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  font-family: FabricMDL2Icons-3;
  font-size: 8px;
  color: rgb(96, 94, 92);
  cursor: pointer;
}

.hideOverflow{
  overflow: hidden !important;
}

.gridCheck{
  display: inline;
  outline: none;
  text-overflow: ellipsis;
}

.gridCheck .gridCheckWrapper{
  position: relative;
  outline: none;
  display: flex;
  padding: 5px 1px 1px 2px;
  margin: 2px;
}

.gridCheck.checkAll .gridCheckWrapper{
  padding: 1px;
}

.gridCheck .gridCheckWrapper input{
  position: absolute;
  outline: none;
  background: none;
  opacity: 0;
}

.gridCheck:not(.disabled) .gridCheckWrapper label{
  outline: none;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  position: relative;
  user-select: none;
}

.gridCheck .gridCheckWrapper label div{
  position: relative;
  outline: none;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  height: 14px;
  width: 14px;
  border: 1px solid;
  border-radius: 50%;
  box-sizing: border-box;
  transition-property: background, border, border-color;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.23, 1);
  overflow: hidden;
  margin: 2px 0px 0px 0px;
}

.gridCheck .gridCheckWrapper label div i{
  display: inline-block;
  outline: none;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  font-family: FabricMDL2Icons;
  opacity: 0;
  color: rgb(255, 255, 255);
}

.gridCheck.checkAll .gridCheck:not(.disabled) .gridCheckWrapper:hover label div i{
  color: rgb(96, 94, 92);
  opacity: 1;
}

.rowWrapper .gridCheck{
  opacity: 0;
}

.rowWrapper:hover .gridCheck:not(.disabled), .rowWrapper .gridCheck.checked:not(.disabled){
  opacity: 1;
}

.rowWrapper .column:hover .gridCheck:not(.checked):not(.disabled) .gridCheckWrapper label div i {
  color: rgb(96, 94, 92);
  opacity: 1;
}

.gridCheck.checked .gridCheckWrapper label div{
  background:rgb(0, 120, 212);
}

.gridCheck.checked .gridCheckWrapper label div i{
  color:rgb(255, 255, 255);
  opacity: 1;
}

.gridCheck .gridCheckWrapper label::before{
  position: absolute;
  inset: 0px;
  content: "";
  pointer-events: none;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  user-select: none;
}

.gridCheck.mixed .gridCheckWrapper label div::after{
  border-color: rgb(0, 120, 212);
  border-radius: 50%;
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 4px;
  left: 4px;
  box-sizing: border-box;
  border-width: 5px;
  border-style: solid;
  transition-property: border-width, border, border-color;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.23, 1);
}

.gridSortAndFilterMenu{
  position: absolute;
  display: flex;
  top: 186px;
  left: 580px;
  max-height: 400px;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  box-sizing: border-box;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
  outline: transparent;
  animation-name: css-0, css-12;
  animation-duration: 0.367s;
  animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  animation-fill-mode: both;
}

.gridSortAndFilterMenuContainer{
  outline: none;
  max-height: 100%;
  background-color: rgb(255, 255, 255);
  overflow: hidden auto;
  position: relative;
  width: 100%;
  border-radius: 2px;
}

.gridSortAndFilterMenu .menuItemsWrapper{
  outline:none;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  background-color: rgb(255, 255, 255);
  min-width: 180px;
}

.gridSortAndFilterMenu .menuItemsWrapper ul{
  outline:none;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  background-color: initial;
}

.gridSortAndFilterMenu .menuItemsWrapper ul li{
  outline:none;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  color: rgb(50, 49, 48);
  position: relative;
  box-sizing: border-box;
}

.gridSortAndFilterMenu .menuItemsWrapper ul li button{
  font-family: inherit;
  outline: none;
  position: relative;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 400;
  color: rgb(50, 49, 48);
  background-color: transparent;
  border: none;
  width: 100%;
  height: 36px;
  line-height: 36px;
  display: block;
  cursor: pointer;
  padding: 0px 8px 0px 4px;
  text-align: left;
}

.gridSortAndFilterMenu .menuItemsWrapper ul li button:hover, 
    .gridViewListContainer .gridViewListWrapper ul li button:hover,
    .gridViewSelector h1 button:not(:disabled):hover,
    .gridViewSelector h1 button.active,
    .grid .gridHeader.active{
    background-color: rgb(243, 242, 241);
    color: rgb(32, 31, 30);
}

.gridSortAndFilterMenu .menuItemsWrapper ul li button div{
  outline: none;
  white-space: nowrap;
  height: inherit;
  display: flex;
  align-items: center;
  max-width: 100%;
}

.gridSortAndFilterMenu .menuItemsWrapper ul li button div i.check{
  display: inline-block;
  color: rgb(50, 49, 48);
  outline: none;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  font-family: FabricMDL2Icons;
  color: rgb(96, 94, 92);
  min-height: 1px;
  max-height: 36px;
  font-size: 16px;
  width: 16px;
  margin: 0px 4px;
  vertical-align: middle;
  flex-shrink: 0;
}

.gridSortAndFilterMenu .menuItemsWrapper ul li button div i.sort, .gridSortAndFilterMenu .menuItemsWrapper ul li button div i.filter{
  display: inline-block;
  outline: none;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  font-family: FabricMDL2Icons;
  color: rgb(0, 120, 212);
  min-height: 1px;
  max-height: 36px;
  font-size: 16px;
  width: 16px;
  margin: 0px 4px;
  vertical-align: middle;
  flex-shrink: 0;
}

.gridSortAndFilterMenu .menuItemsWrapper ul li button div span{
    outline: none;
  margin: 0px 4px;
  vertical-align: middle;
  display: inline-block;
  flex-grow: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gridSortAndFilterMenu .menuDivider{
  display: block;
  outline: none;
  height: 1px;
  background-color: rgb(237, 235, 233);
  position: relative;
}

    .gridViewListContainer{
        outline: none;
        -webkit-font-smoothing: antialiased;
        font-size: 14px;
        font-weight: 400;
        background-color: rgb(255, 255, 255);
        min-width: 304px;
        display: flex;
        flex-direction: column;
        max-height: calc(100vh - 40px);
        max-width: min(440px, 100vw - 16px);
        position: absolute;
        left:16px;
        top:102px;
        box-sizing: border-box;
        border-radius: 2px;
        box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
        animation-name: css-0, css-12;
        animation-duration: 0.367s;
        animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
        animation-fill-mode: both;
    }

    .gridViewListContainer .gridViewListWrapper{
        display: flex;
        outline: none;
        flex-flow: column;
        width: auto;
        height: auto;
        box-sizing: border-box;
        overflow-y: auto;
    }

    .gridViewListContainer .gridViewListWrapper .gridViewList{
        outline: none;
        text-overflow: ellipsis;
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

    .gridViewListContainer .gridViewListWrapper .gridViewList li{
        outline: none;
        -webkit-font-smoothing: antialiased;
        font-size: 14px;
        font-weight: 400;
        color: rgb(50, 49, 48);
        position: relative;
        box-sizing: border-box;
    }

    .gridViewListContainer .gridViewListWrapper .gridViewList li button{
        font-family: inherit;
        outline: none;
        position: relative;
        -webkit-font-smoothing: antialiased;
        font-size: 14px;
        font-weight: 400;
        border: 0px;
        border-radius: 2px;
        box-sizing: border-box;
        cursor: pointer;
        display: inline-block;
        padding: 4px;
        text-decoration: none;
        text-align: center;
        min-width: 80px;
        height: auto;
        background-color: rgb(255, 255, 255);
        color: rgb(32, 31, 30);
        line-height: initial;
        width: 100%;
        user-select: none;
    }
    
    .gridViewListContainer .gridViewListWrapper .gridViewList li button span{
        display: flex;
        outline: none;
        height: 100%;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }
    
    .gridViewListContainer .gridViewListWrapper .gridViewList li button span i.check{
        display: inline-block;
        outline: none;
        -webkit-font-smoothing: antialiased;
        font-style: normal;
        font-weight: normal;
        font-family: FabricMDL2Icons;
        flex: 0 0 auto;
        width: 14px;
    }
    
    .gridViewListContainer .gridViewListWrapper .gridViewList li button span label.viewName{
        outline: none;
        -webkit-font-smoothing: antialiased;
        font-size: 14px;
        font-weight: 400;
        color: rgb(50, 49, 48);
        box-sizing: border-box;
        box-shadow: none;
        margin: 0px;
        display: block;
        padding: 4px;
        overflow-wrap: break-word;
        flex-grow: 1;
        text-align: left;
        cursor: pointer;
        white-space: normal;
        min-width: min(240px, calc(100vw - 200px));
    }
    
    .gridViewListContainer .gridViewListWrapper .gridViewList li button span label.secondaryText{
        outline: none;
        -webkit-font-smoothing: antialiased;
        font-size: 12px;
        font-weight: 600;
        color: rgb(32, 31, 30);
        box-sizing: border-box;
        box-shadow: none;
        margin: 0px;
        display: block;
        padding: 4px;
        overflow-wrap: break-word;
    }

    .gridViewListContainer .gridViewListWrapper .gridViewList li button span div.info{
        outline: none;
        display: inline-block;
        padding: 4px 8px;
        margin-right: 4px;
    }

    .notVisible{
        visibility: hidden;
    }

    .gridViewSelector{
        display: flex;
        outline: none;
        height: 24px;
        padding-bottom: 16px;
        flex: 1 1 auto;
        min-width: 40%;
        margin-right: auto;
        padding-top: 16px;
        flex-direction: row;
        justify-content: space-between;
    }

    .gridViewSelector h1{
        outline: none;
        padding: 0px 6px;
        margin: -8px 0px 0px;
        box-sizing: border-box;
        max-width: 100%;
    }

    .gridViewSelector h1 button{
        position: relative;
        outline: none;
        -webkit-font-smoothing: antialiased;
        font-size: 20px;
        font-weight: 400;
        border: none;
        border-radius: 2px;
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        padding: 4px;
        text-decoration: none;
        text-align: center;
        min-width: 80px;
        height: auto;
        background-color: rgb(255, 255, 255);
        color: rgb(50, 49, 48);
        max-width: 100%;
        user-select: none;
    }

    .gridViewSelector h1 button:disabled{
      cursor: default;
    }

    .gridViewSelector h1 button span.btnContainer{
        display: flex;
        outline: none;
        height: 100%;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }

    .gridViewSelector h1 button span.btnContainer .txtContainer{
        flex-grow: 1;
        display: block;
        overflow: hidden;
    }

    .gridViewSelector h1 button span.btnContainer .txtContainer span{
        margin: 0px;
        line-height: 100%;
        display: block;
        font-weight: 600;
        padding: 4px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .gridViewSelector h1 button span.btnContainer i{
        -webkit-font-smoothing: antialiased;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        margin: 0px 4px;
        height: 16px;
        line-height: 20px;
        text-align: center;
        flex-shrink: 0;
        font-family: FabricMDL2Icons;
    }

    .gridFilterMenu{
      position: absolute;
      display: flex;
      top: 300px;
      left: 500px;
      max-height: 450px;
      outline: none;
      -webkit-font-smoothing: antialiased;
      font-size: 14px;
      font-weight: 400;
      box-sizing: border-box;
      border-radius: 2px;
      box-shadow: rgba(0, 0, 0, 0.133) 0px 6.4px 14.4px 0px, rgba(0, 0, 0, 0.11) 0px 1.2px 3.6px 0px;
      outline: transparent;
      width: 250px;
      max-width: 250px;
      animation-name: css-0, css-12;
      animation-duration: 0.367s;
      animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
      animation-fill-mode: both;
  }

  .gridFilterMenu .gridFilterContainer{
      outline: none;
      max-height: 100%;
      background-color: rgb(255, 255, 255);
      overflow: hidden auto;
      position: relative;
      width: 100%;
      border-radius: 2px;
  }
  
  .gridFilterMenu .gridFilterHeader{
      outline: none;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      padding: 16px;
      border-bottom-color: rgb(243, 242, 241);
  }

  .gridFilterMenu .gridFilterHeader h3{
      outline:none;
      flex: 1 1 0%;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: rgb(32, 31, 30);
      font-size: 16px;
      font-weight: 600;
  }

  .gridFilterMenu .gridFilterHeader button{
      outline: none;
      font-family: inherit;
      -webkit-font-smoothing: antialiased;
      font-size: 16px;
      font-weight: 400;
      border: none;
      border-radius: 2px;
      box-sizing: border-box;
      cursor: pointer;
      display: inline-block;
      padding: 0px 4px;
      text-decoration: none;
      text-align: center;
      width: 16px;
      height: 16px;
      background-color: transparent;
      color: rgb(32, 31, 30);
      user-select: none;
  }

  .gridFilterMenu .gridFilterHeader button:hover{
    color: rgb(16, 110, 190);
    background-color: rgb(243, 242, 241);
  }
  
  .gridFilterMenu .gridFilterHeader button span{
      outline: none;
      display: flex;
      height: 100%;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center;
  }
  
  .gridFilterMenu .gridFilterHeader button span i{
      font-size: 16px;
      margin: 0px 4px;
      height: 16px;
      line-height: 16px;
      text-align: center;
      flex-shrink: 0;
      -webkit-font-smoothing: antialiased;
      font-style: normal;
      font-weight: normal;
      font-family: FabricMDL2Icons;
  }

  .gridFilterBody{
      padding: 8px 16px 16px;
  }

  .gridFilterBody .operatorsDropdownContainer{
      margin-bottom: 15px;
  }

  .gridFilterBody .textInputContainer{
      margin-top: 15px;
      margin-bottom: 15px;
  }

  .gridFilterBody .textInputContainer .textFieldContainer{
      outline: none;
      -webkit-font-smoothing: antialiased;
      font-size: 14px;
      font-weight: 400;
      box-shadow: none;
      margin: 0px;
      padding: 0px;
      box-sizing: border-box;
      position: relative;
  }
        
  .gridFilterBody .textInputContainer .textFieldContainer .textFieldWrapper .textField{
      outline: none;
      box-shadow: none;
      margin: 0px;
      padding: 0px;
      box-sizing: border-box;
      border: 1px solid rgb(96, 94, 92);
      border-radius: 2px;
      background: rgb(255, 255, 255);
      cursor: text;
      height: 32px;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      position: relative;
  }

  .gridFilterBody .textInputContainer .textFieldContainer .textFieldWrapper .textField input{
      outline: none;
      font-family: inherit;
      -webkit-font-smoothing: antialiased;
      font-size: 14px;
      font-weight: 400;
      box-shadow: none;
      margin: 0px;
      padding: 0px 8px;
      box-sizing: border-box;
      border-radius: 0px;
      border: none;
      background: none transparent;
      color: rgb(50, 49, 48);
      width: 100%;
      min-width: 0px;
      text-overflow: ellipsis;
  }

  .gridFilterBody form .operatorsDropdownContainer{
      margin-bottom: 15px;
  }
  
  .gridFilterBody form .operatorsDropdownContainer .dropdownContainer .dropdown{
      box-shadow: none;
      margin: 0px;
      padding: 0px;
      box-sizing: border-box;
      -webkit-font-smoothing: antialiased;
      font-size: 14px;
      font-weight: 400;
      color: rgb(50, 49, 48);
      border-color: rgb(96, 94, 92);
      position: relative;
      outline: 0px;
      user-select: none;
  }

  .gridFilterBody form .operatorsDropdownContainer .dropdownContainer .dropdown .dropdownTitle{
      outline: none;
      box-shadow: none;
      margin: 0px;
      padding: 0px 28px 0px 8px;
      box-sizing: border-box;
      background-color: rgb(255, 255, 255);
      border-width: 1px;
      border-style: solid;
      border-color: rgb(96, 94, 92);
      border-radius: 2px;
      cursor: pointer;
      display: block;
      height: 32px;
      line-height: 30px;
      position: relative;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
  }

  .gridFilterBody form .operatorsDropdownContainer .dropdownContainer .dropdown .dropdownTitle .dropdownTitleWrapper{
      display: inline;
  }
  
  .gridFilterBody form .operatorsDropdownContainer .dropdownContainer .dropdown .down{
      outline: none;
      height: 32px;
      line-height: 30px;
      padding-top: 1px;
      position: absolute;
      right: 8px;
      top: 0px;
      cursor: pointer;
  }
  
  .gridFilterBody form .operatorsDropdownContainer .dropdownContainer .dropdown .down i{
      outline: none;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      font-style: normal;
      font-weight: normal;
      font-family: FabricMDL2Icons;
      color: rgb(96, 94, 92);
      font-size: 12px;
      pointer-events: none;
  }

  .gridFilterBody .buttonsContainer{
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
  }

  .gridFilterBody .buttonsContainer button{
      position: relative;
      font-family: inherit;
      outline: none;
      -webkit-font-smoothing: antialiased;
      font-size: 14px;
      font-weight: 400;
      border-radius: 2px;
      box-sizing: border-box;
      display: inline-block;
      padding: 0px 16px;
      text-decoration: none;
      text-align: center;
      min-width: 80px;
      height: 32px;
      user-select: none;
      margin-right: 0px;
      border: 1px solid rgb(138, 136, 134);
      cursor: default;
      background-color: rgb(255, 255, 255);
      color: rgb(50, 49, 48);
  }

  .gridFilterBody .buttonsContainer button.disabled{
      cursor: default;
      background-color: rgb(243, 242, 241);
      color: rgb(161, 169, 157);
  }

  .gridFilterBody .buttonsContainer button[type='submit']{
      margin-right: 10px;
      border: 1px solid rgb(0, 120, 212);
      cursor: pointer;
      background-color: rgb(0, 120, 212);
      color: rgb(255, 255, 255);
  }

  .gridFilterBody .buttonsContainer button .buttonWrapper{
      display: flex;
      outline: none;
      height: 100%;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center;
  }

  .gridFilterBody .buttonsContainer button .buttonWrapper .buttonLabelWrapper{
      display: block;
      outline: none;
      flex-grow: 1;
  }

  .gridFilterBody .buttonsContainer button .buttonWrapper .buttonLabelWrapper .buttonLabel{
      display: block;
      outline: none;
      margin: 0px 4px;
      line-height: 100%;
      font-weight: 600;
  }

  .dropdownListContainer{
      top: 300px;
      left: 300px;
      max-height: 360px;
      outline: none;
      -webkit-font-smoothing: antialiased;
      font-size: 14px;
      font-weight: 400;
      position: absolute;
      display: flex;
      box-sizing: border-box;
      border-radius: 0px 0px 2px 2px;
      box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
      width: 218px;
      animation-name: css-0, css-12;
      animation-duration: 0.367s;
      animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
      animation-fill-mode: both;
  }

  .dropdownListContainer .dropdownList{
      outline: none;
      max-height: 360px;
      border-radius: 0px 0px 2px 2px;
      outline: none;
      background-color: rgb(255, 255, 255);
      overflow: hidden auto;
      position: relative;
      width: 100%;
  }

  .dropdownListContainer .dropdownList .dropdownItems{
      display: block;
  }

  .dropdownListContainer .dropdownList .dropdownItems button{
      position: relative;
      outline: none;
      font-family: inherit;
      -webkit-font-smoothing: antialiased;
      font-size: 14px;
      font-weight: 400;
      border: 1px solid transparent;
      border-radius: 0px;
      box-sizing: border-box;
      cursor: pointer;
      display: flex;
      padding: 0px 8px;
      text-decoration: none;
      text-align: left;
      height: 0px;
      color: rgb(50, 49, 48);
      background-color: transparent;
      align-items: center;
      width: 100%;
      min-height: 36px;
      line-height: 20px;
      overflow-wrap: break-word;
      user-select: none;
  }

.dropdownListContainer .dropdownList .dropdownItems button:hover{
    color: rgb(32, 31, 30);
    background-color: rgb(243, 242, 241);
}

.dropdownListContainer .dropdownList .dropdownItems button.selected{
    color: rgb(32, 31, 30);
    background-color: rgb(237, 235, 233);
}

.dropdownListContainer .dropdownList .dropdownItems button .dropdownItemWrapper{
    outline: none;
    display: flex;
    height: 100%;
    width: 100%;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

.dropdownListContainer .dropdownList .dropdownItems button .dropdownItemWrapper .dropdownItemText{
    overflow: hidden;
    white-space: pre-wrap;
    text-overflow: ellipsis;
    min-width: 0px;
    max-width: 100%;
    overflow-wrap: break-word;
    margin: 1px;
}

.tabSection section.main section .container .wrapTitle{
  display:flex;
  position: relative;
  margin-bottom: 6px;
}

.tabSection section.main section .container .wrapTitle h1{
  display: flex;
  flex: 1 0 0%;
  outline: none;
}

.tabSection section.main section .container .wrapTitle button{
  outline: none;
  display: flex;
  align-self: flex-end;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(255, 255, 255);
  cursor: pointer;
  padding: 0px;
  margin-left: 12px;
}

.tabSection section.main section .container .wrapTitle button img{
  width:14px;
}

.tabSection section.main section .container .content{
  display:flex;
  flex-direction: column;
}

.tabSection section.main section .container .content .row{
  display:flex;
  flex-direction: row;
  padding: 4px 2px 4px 2px;
}

.tabSection section.main section .container .content .row:hover:not(:nth-last-child(1)):not(:nth-last-child(2)):not(:nth-last-child(3)){
  background: rgb(243, 242, 241);
}

.tabSection section.main section .container .content .row.total{
  font-weight: 600;
  border-top: 1px solid rgb(216, 216, 216);
}

.tabSection section.main section .container .content .row.sep{
  margin-top:5px;
  color: rgb(0, 120, 212);
}

.tabSection section.main section .container .content .row .label{
  display: flex;
  flex: 1 0 0%;
}

.tabSection section.main section .container .content .row .abs{
  width:100px;
  text-align: right;
}

.tabSection section.main section .container .content .row .price{
  width:100px;
  text-align: right;
}

.tabSection section.main section .container.cluster, .tabSection section.main section .container.element{
  min-height: 400px;
  max-height: 400px;
}

.tabSection section.main section .container.closed{
  min-height: 50px;
  max-height: 50px;
}

.tabSection section.main.fullheight section{
  padding-right: 0.4rem !important;
}

.tabSection section.main.fullheight .container{
  min-height:calc(100vh - 205px);
}

.tabSection section.main.fullheight .container .ismHeader{
  display: flex;
  outline: none;
  width: calc(100% - 16px);
  font-weight: 600;
}

.tabSection section.main.fullheight .container .ismData{
  display: flex;
  outline: none;
  flex-direction: column;
  overflow-y: scroll;
  height: calc(100vh - 260px)
}

.tabSection section.main.fullheight .container .ismData .ismRow{
  display: flex;
  outline: none;
  flex-direction: column;  
  margin-bottom: 30px;
}

.tabSection section.main.fullheight .container .ismData .ismRow:nth-child(even), .tabSection section.main.fullheight .container .ismData .ismRow:nth-child(odd){
  
  
}

.ismHeader{
  border-bottom: 1px solid rgb(216, 216, 216);
  padding-bottom: 3px;
  margin-bottom: 10px;
}

.ismHeader .element, .ismHeader .amount, .ismHeader .unitprice, .ismHeader .abs, .ismHeader .factor, .ismHeader .price, .ismHeader .reset{
  display:inline-block;
  flex:0 0 100px;
  outline: none;
  font-size: 15px;
  color:rgb(0, 0, 0);
  border-right: 1px solid rgb(216, 216, 216);
  line-height: 24px;
  align-self: baseline;
}

.ismHeader .factor, .ismHeader .amount{
  flex:0 0 80px;
}

.ismHeader .amount, .ismHeader .unitprice, .ismHeader .abs, .ismHeader .factor, .ismHeader .price{
  text-align: center;
}

.ismHeader .reset{
  flex:0 0 14px;
  border-right:none;
}

.ismHeader .reset img{
  width: 14px;
}

.ismHeader .reset button{
  background: rgb(255, 255, 255);
  border: 1px solid rgb(255, 255, 255);
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
}

.ismHeader .element{
  flex:1 1 0%;
}

.ismData .ismRow{
  display: flex;
  width: 100%;
  background: rgb(245, 245, 245);
  padding: 5px 0px;
}

.ismData .ismRow input, .ismData .ismRow textarea{
  background: transparent;
}

.ismData .ismRow .row.sum input{
  border-left-color: rgb(245, 245, 245);
  border-right-color: rgb(245, 245, 245);
  border-bottom-color: rgb(245, 245, 245);
}

.ismData .ismRow:hover{
  background: rgb(237, 235, 233);
}

.ismData .ismRow:hover .element{
  font-weight: 700;
}

.ismData .ismRow:hover input, .ismData .ismRow:hover textarea{
  background: rgb(237, 235, 233);
}

.ismData .ismRow:hover input:not([readonly]), .ismData .ismRow:hover textarea:not([readonly]){
  border-color: rgba(0, 120, 212, 0.5);
}

.ismData .ismRow:hover .row.sum input{
  border-left-color: rgb(237, 235, 233);
  border-right-color: rgb(237, 235, 233);
  border-bottom-color: rgb(237, 235, 233);
}

.ismData input{
  text-align: right;
  line-height: 22px;
  width: 80px;
  height: 25px;
}

.ismData input, .ismData textarea{
  border: 1px solid rgb(220, 220, 220);
  resize: none;
  outline: none;
  padding-right: 4px;
}

.ismData input:not([readonly]):hover, .ismData textarea:not([readonly]):hover{
  background: rgba(0, 120, 212, 0.2); 
}

.ismData input[readonly], .ismData textarea[readonly]{
  cursor: pointer;
  outline: none;
  color: rgb(102,102,102);
}

.ismData .recipe input[readonly], .ismData .recipe textarea[readonly]{
  cursor: default;
}

.ismData textarea{
  width: calc(100% - 331px);
  height: 60px;
  margin-left: 15px;
}

.ismData .element, .ismData .amount, .ismData .unitprice, .ismData .abs, .ismData .factor, .ismData .price, .ismData .reset, .ismData .recipetext{
  position: relative;
  width: 100px;
  outline: none;
  padding: 3px 0px;
  align-self: center;
}

.ismData .amount, .ismData .unitprice, .ismData .abs, .ismData .factor, .ismData .price{
  text-align: right;
}

.ismData .amount input, .ismData .unitprice input, .ismData .abs input, .ismData .factor input, .ismData .price input{
  margin-right: 4px;
}

.ismData .factor, .ismData .amount{
  width: 80px;
}

.ismData .factor input, .ismData .amount input{
  width: 50px;
}

.ismData .reset{
  flex: 0 0 26px;
  padding: 4px 0px 2px 0px;
}

.ismData .element{
  color: rgb(102, 102, 102);
  flex:1 1 0%;
  font-weight: 600;
  padding-left: 6px;
}

.ismData .reset span{
  color: rgb(0, 120, 212);
  font-size: 14px;
  cursor: pointer;
  margin-left: 5px;
}

.ismData .reset span:hover{
  font-weight: 600;
}

.ismData .text{
  flex:1 1 100%;
}

.ismData .recipes{
  flex:1 1 100%;
}

.ismData .row{
  display: flex;

}

.ismData .col{
  display: flex;
  flex-direction: column;  
}

sup{
  font-size: 10px;
  top: -0.1em;
  position: relative;
}

strong sup, .lookupItem sup{
  top: 0.1em;
}

.ismData .recipe{
  display: flex;
  width: 100%;
  background:transparent url(../images/grippy.png) no-repeat 5px 7px;
}

.ismData .recipe .handle{
  display: flex;
  flex: 0 0 15px;
  cursor: url(../images/openhand.cur), default;
}

.ismData .recipe .recipetext{
  display: flex;
  flex: 1 0 0%;
}

.ismData .recipetext input{
  text-align: left;
  width: 100%;
}

.row.sum .abs input, .row.sum .price input{
  border: 1px solid rgb(255, 255, 255);
  border-top: 1px solid rgb(110, 110, 110);
  color: rgb(0, 0, 0);
  font-weight: 600;
}

.normalWeight{
  font-weight: 400 !important;
}

/* commandbar choices popup */

#__flyoutRootNode .flyout{
  position: absolute;
  display:flex;
  width: 270px;
  top: 86.0156px;
  left: 1467px;
  box-shadow: rgb(0 0 0 / 50%) 0px 2px 4px 0px;
  overflow-x: auto;
  background-color: rgb(255, 255, 255);
  border-width: 0px;
  overflow-y: auto;
  border-style: none;
  box-sizing: border-box;
}

#__flyoutRootNode .flyout .flyoutBox{
  display:flex;
  list-style-type: none;
  width: 100%;
  flex-direction: column;
  margin-bottom: 4px;
}

#__flyoutRootNode .flyout .flyoutBox li.title:first-child {
  margin-top: 1rem;
}

#__flyoutRootNode .flyout .flyoutBox li.title{
  margin-bottom: 0.714286rem;
  display: list-item;
  list-style-type: none;
  cursor: pointer;
  flex-direction: column;
}

#__flyoutRootNode .flyout .flyoutBox  li.title ul{
  display:flex;
  list-style-type: none;
  flex-direction: column;
}
  
#__flyoutRootNode .flyout .flyoutBox  li.title ul li{
  height: 2.5rem;
}

#__flyoutRootNode .flyout .flyoutBox  li.title ul li button{
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  line-height: 1.5rem;
  padding-right: 12px;
  padding-left: 12px;
  border-width: 0px;
  height: 2.5rem;
  background-color: transparent;
  cursor: pointer;
  width: 100%;
  align-items: center;
}

#__flyoutRootNode .flyout .flyoutBox  li.title ul li button:hover{
  background-color: rgb(225, 223, 221)
}

/* lookup control search popup */

#__flyoutRootNode_LookupControl{
  position: absolute;
  display: flex;
  outline: none;
  max-width: 800px;
  max-height: 610px;
  top: 429px;
  left: 759px;
  border-color: rgb(226, 226, 226);
  overflow-y: auto;
  align-items: flex-start;
  font-size: 1rem;
  border-width: 1px;
  border-style: solid;
  background-color: rgb(255, 255, 255);
  overflow-x: hidden;
  box-sizing: border-box;
}

#__flyoutRootNode_LookupControl .lookupResultContainer{
  display: flex;
  outline: none;
  width: 460px;
  overflow: auto;
  background-color: rgb(255, 255, 255);
  flex-direction: column;
}

#__flyoutRootNode_LookupControl .lookupResultHeader{
  display: flex;
  outline: none;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  border-color: rgb(226, 226, 226);
  font-size: 12px;
  font-family: "Segoe UI Regular", SegoeUI, "Segoe UI";
  padding-right: 1rem;
  padding-left: 1rem;
  border-bottom-width: 1px;
  border-style: solid;
  flex-shrink: 0;
  justify-content: space-between;
}

#__flyoutRootNode_LookupControl .lookupResultHeader .entity{
  display: flex;
  outline: none;
  color: rgb(102, 102, 102);
  font-size: 12px;
  font-family: "Segoe UI Regular", SegoeUI, "Segoe UI";
}

#__flyoutRootNode_LookupControl .lookupResultHeader .recent{
  outline: none;
}

#__flyoutRootNode_LookupControl .lookupResultHeader .recent a{
  outline: none;
  color: rgb(0, 120, 212);
  padding-top: 0px;
  font-size: 12px;
  padding-bottom: 0px;
  border-width: 0px;
  margin: 0px;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
 }

#__flyoutRootNode_LookupControl .lookupResultData{
  display: flex;
  outline: none;
  overflow: auto;
  flex-direction: column;
}

#__flyoutRootNode_LookupControl .lookupResultData ul.data{
  outline: none;
  max-height: 225px;
  overflow-y: auto;
  overflow-x: hidden;
  list-style-type: none;
  display: block;
}

#__flyoutRootNode_LookupControl .lookupResultData ul.data li{
  display: flex;
  outline: none;
  padding-bottom: 0.5rem;
  padding-right: 0px;
  padding-top: 1rem;
  padding-left: 0px;
  background-color: rgb(255, 255, 255);
  cursor: pointer;
  overflow: hidden;
 }

 #__flyoutRootNode_LookupControl .lookupResultData ul.data li:hover{
  background-color: rgb(216, 216, 216);
 }

 #__flyoutRootNode_LookupControl .lookupResultData ul.footer{
  display: flex;
  outline: none;
  visibility: inherit;
  min-height: 2.5rem;
  border-color: rgb(226, 226, 226);
  border-right-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
  border-top-width: 1px;
  flex: 0 0 auto;
  border-style: solid;
  margin-top: 0px;
  background-color: rgb(255, 255, 255);
  list-style-type: none;
  width: 100%;
  justify-content: space-between;
 }

 #__flyoutRootNode_LookupControl .lookupResultData .entityIcon{
  display: flex;
  outline: none;
  padding-top: 0.5rem;
  padding-right: 1rem;
  padding-left: 1rem;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  align-items: center;
 }

#__flyoutRootNode_LookupControl .lookupResultData .entityIcon span{
  outline: none;
  color: rgb(102, 102, 102);
  height: 16px;
  font-size: 16px;
}

 #__flyoutRootNode_LookupControl .lookupResultData .entityWrapper{
  display: flex;
  outline: none;
  justify-content: center;
  cursor: pointer;
  overflow: hidden;
  flex-direction: column;
 }

 #__flyoutRootNode_LookupControl .lookupResultData .entityWrapper .label1 span, #__flyoutRootNode_LookupControl .lookupResultData .entityWrapper .label2 span{
  font-weight: 400;
  font-size: 0.98em;
 }

 #__flyoutRootNode_LookupControl .lookupResultData .entityWrapper .label2, #__flyoutRootNode_LookupControl .lookupResultData .entityWrapper .label1 {
  outline: none;
  white-space: normal;
  color: rgb(102, 102, 102);
  overflow-wrap: break-word;
  font-family: "Segoe UI Regular", SegoeUI, "Segoe UI";
  text-overflow: ellipsis;
  cursor: pointer;
  display: block;
  overflow: hidden;
 }

#__flyoutRootNode_LookupControl .lookupResultData .entityWrapper .label1{
  line-height: 20px;
  color: rgb(51, 51, 51);
}

#__flyoutRootNode_LookupControl .lookupResultData ul.data button{
  display: flex;
  outline: none;
  margin-inline-start: auto;
  padding-top: 0.5rem;
  visibility: hidden;
  border-width: 0px;
  padding-right: 1rem;
  padding-left: 1rem;
  justify-content: center;
  background-color: transparent;
  cursor: pointer;
  flex-shrink: 0;
  align-items: center;
}

#__flyoutRootNode_LookupControl .lookupResultData ul.data button span{
  outline: none;
  padding-right: 1rem;
  padding-left: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

#__flyoutRootNode_LookupControl .lookupResultData ul.footer{
    display: flex;
  outline: none;
  visibility: inherit;
  min-height: 2.5rem;
  border-color: rgb(226, 226, 226);
  border-right-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
  border-top-width: 1px;
  flex: 0 0 auto;
  border-style: solid;
  margin-top: 0px;
  background-color: rgb(255, 255, 255);
  list-style-type: none;
  width: 100%;
  justify-content: space-between;
}

#__flyoutRootNode_LookupControl .lookupResultData ul.footer button{
  display: flex;
  outline: none;
  color: rgb(0, 120, 212);
  border-width: 0px;
  margin: auto;
  background-color: transparent;
  cursor: pointer;
  align-items: center;
  text-decoration: none;
  overflow: hidden;
}

#__flyoutRootNode_LookupControl .lookupResultData ul.footer button:disabled{
  color: rgb(192, 192, 192);
  cursor: default;
}

#__flyoutRootNode_LookupControl .lookupResultData ul.footer button div{
  display: flex;
  outline: none;
  padding-right: 1rem;
  padding-left: 1rem;
  justify-content: center;
  align-items: center;
}

#__flyoutRootNode_LookupControl .lookupResultData ul.footer button span.title{
  outline: none;
  padding-inline-end: 10px;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}

#__flyoutRootNode_LookupControl .lookupResultData ul.footer button div span{
  outline: none;
  color: inherit;
  height: 16px;
  font-size: 16px;
}

#__flyoutRootNode_LookupControl .lookupResultData ul.footer .searchWrapper{
  display: flex;
  flex: 0 0 50%;
  border-left: 1px solid rgb(216, 216, 216);
}

#__flyoutRootNode_LookupControl .lookupResultData ul.footer a{
  outline: none;
  color: rgb(0, 120, 212);
  border-width: 0px;
  margin: auto;
  background-color: transparent;
  cursor: pointer;
  align-items: center;
  text-decoration: none;
  overflow: hidden;
}

#__flyoutRootNode_LookupControl .lookupResultData ul.footer a span{
  padding-inline-start: 10px;
  outline: none;
  padding-inline-end: 10px;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}

/* user control in header */

.user_act{
  position: absolute;
  right: 0;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  inset: 48px auto auto -272px;
  width: 320px;
  max-width: 100vw;
  box-shadow: 0 24px 54px rgba(0,0,0,.15), 0 4.5px 13.5px rgba(0,0,0,.08);
  box-sizing: border-box;
  line-height: normal;
  transition: visibility 0s linear 120ms,opacity 120ms ease;
  outline: none;
}

.user_act.expanded{
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.user_act .body{
  box-sizing: border-box;
  line-height: normal;
  text-align: left;
  color: #333;
  background-color: #fff;
  outline: none;
}

.user_act .body .current{
  box-sizing: border-box;
  line-height: normal;
  display: grid;
  grid-template-columns: auto 1fr auto;
  outline: none;
}

.user_act .body .current .title{
  grid-column: 1/2;
  box-sizing: border-box;
  line-height: normal;
  display: block;
  align-self: center;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  outline: none;
}

.user_act .body .current .spacer{
  box-sizing: border-box;
  line-height: normal;
  display: block;
  align-self: center;
  outline: none;
}

.user_act .body .current .accountInfo{
  display: flex;
  min-height: 132px;
  width: 100%;
  grid-column: 1/4;
  align-items: center;
  box-sizing: border-box;
  line-height: normal;
  align-self: center;
  outline: none;
  border-top: 1px solid rgba(0,0,0,0.15);
}

.user_act .body .current .accountInfo .picture{
  display: block;
  border-radius: 50%;
  overflow: hidden;
  width: 88px;
  height: 88px;
  margin: 20px 20px 20px 16px;
  padding: 0;
  box-sizing: border-box;
  line-height: normal;
  outline: none;
}

.user_act .body .current .accountInfo .picture div{
  font-size: 32px;
  box-sizing: border-box;
  line-height: normal;
  border: 1px solid #777;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  outline: none;
}

.user_act .body .current .accountInfo .details{
  font-size: 13px;
  flex-grow: 1;
  min-width: 0;
  width: 0;
  padding: 0px 12px 0px 0px;
  box-sizing: border-box;
  line-height: normal;
  outline: none;
}

.user_act .body .current .accountInfo .details .name{
  margin-top: 0;
  font-size: 18px;
  font-weight: 700;
  padding: 1px;
  box-sizing: border-box;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  outline: none;
}

.user_act .body .current .accountInfo .details .email{
  margin-top: 3px;
  font-size: 13px;
  padding: 1px;
  box-sizing: border-box;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  outline: none;
}

.user_act .body .current .accountInfo .details .view{
  margin-top: 4px;
  padding: 1px;
  box-sizing: border-box;
  line-height: normal;
  outline: none;
}

.user_act .body .current .accountInfo .details .empty{
  padding: 0;
  margin-top: 4px;
  box-sizing: border-box;
  line-height: normal;
  outline: none;
}

.user_act .body .current .accountInfo .details .view a{
  color: #0078d6;
  background-color: inherit;
  text-decoration: underline;
  display: block;
  max-width: fit-content;
  height: auto;
  min-width: auto;
  min-height: auto;
  border-style: none;
  border-width: 0;
  padding: 0;
  margin: 0;
  outline-style: none!important;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  outline: none;
}

.user_act .body .current .signOut{
  color: #333;
  background-color: #fff;
  grid-row: 1/2;
  grid-column: 3/4;
  font-size: 13px;
  padding: 15px 14px;
  height: auto;
  min-width: auto;
  min-height: auto;
  border-style: none;
  border-width: 0;
  margin: 0;
  outline-style: none!important;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  align-self: center;
  outline: none;
}

.user_act .body .current .signOut:hover{
  color: inherit;
  background-color: rgba(0,0,0,.08);
}

.user_act .body .other{
  border-top: 1px solid rgba(0,0,0,.08);
  overflow: auto;
  max-height: 270px;
  box-sizing: border-box;
  line-height: normal;
  background: linear-gradient(#fff 50%,rgba(255,255,255,0)),linear-gradient(rgba(0,0,0,.44) 0,rgba(0,0,0,.16) 40%,rgba(0,0,0,0) 100%);
  background-repeat: no-repeat;
  background-size: 100% 12px,100% 6px;
  background-attachment: local,scroll;
  outline: none;
}

.user_act .body .other ul{
  list-style: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
}


/* pop in Container */

section.popinContainerWrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    section.popinContainerWrapper.navCollapsed {
        top: 48px;
        left: 42px;
        width: calc(100% - 42px);
        height: calc(100% - 48px);
    }

    section.popinContainerWrapper.navFull {
        top: 48px;
        left: 200px;
        width: calc(100% - 200px);
        height: calc(100% - 48px);
    }

    section.popinContainerWrapper .popinContainer {
        position: absolute;
        display: flex;
        outline: none;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }

    section.popinContainerWrapper .dialogContainerWrapper {
        position: absolute;
        display: flex;
        outline: none;
        background-color: rgba(0, 0, 0, 0.5);
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }

    section.popinContainerWrapper .dialogContainer {
        display: flex;
        outline: none;
        width: 100%;
        background-color: transparent;
        height: 100%;
        overflow: hidden;
    }

    section.popinContainerWrapper .dialogOuterContainer {
        display: flex;
        outline: none;
        width: 100%;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    section.popinContainerWrapper .dialogOuterContainerWrapper {
        display: flex;
        outline: none;
        width: 80%;
        border-radius: 0.142857rem;
        max-width: 90%;
        min-width: min(30rem, 100%);
        height: 80%;
        max-height: 90%;
        min-height: 0px;
        border: 1px solid rgb(239, 239, 239);
        background-color: rgb(255, 255, 255);
        flex-direction: column;
    }

    section.popinContainerWrapper .dialogContainerTitleWrapper {
        display: flex;
        outline: none;
        padding: 10px;
        border-color: rgb(229, 229, 229);
        border-bottom: 1px solid rgb(239, 239, 239);
        min-height: 32px;
        background-color: white;
        flex-direction: row;
        align-items: center;
    }

        section.popinContainerWrapper .dialogContainerTitleWrapper .dialogContainerTitle {
            display: flex;
            outline: none;
            margin-right: 45px;
            flex-grow: 0;
            width: 100%;
            overflow: hidden;
        }

            section.popinContainerWrapper .dialogContainerTitleWrapper .dialogContainerTitle h1 {
                outline: none;
                line-height: 26px;
                color: rgb(50, 49, 48);
                font-size: 1.143rem;
                text-overflow: ellipsis;
                font-family: SegoeUI-Semibold, "Segoe UI Semibold", "Segoe UI Regular", "Segoe UI";
                white-space: nowrap;
                overflow: hidden;
            }

        section.popinContainerWrapper .dialogContainerTitleWrapper .closePopinContainer {
            display: flex;
            outline: none;
            width: 32px;
            height: 32px;
            border-style: none;
            cursor: pointer;
            background-color: transparent;
            justify-content: center;
            flex-shrink: 0;
            align-items: center;
        }

    section.popinContainerWrapper .dialogPageContainer {
        display: flex;
        outline: none;
        border-bottom-right-radius: 0.142857rem;
        border-bottom-left-radius: 0.142857rem;
        right: 0px;
        top: 0px;
        left: 0px;
        flex-grow: 1;
        height: 100%;
        overflow: hidden;
        flex-direction: column;
    }

    section.popinContainerWrapper .dialogPageWrapper {
        position: relative;
        display: flex;
        outline: none;
        width: inherit;
        height: inherit;
        flex-grow: 1;
    }

    section.popinContainerWrapper .dialogPage {
        outline: none;
        flex: 1 0 0px;
        display: block;
        width: 100%;
        overflow-x: hidden;
        height: 100%;
        max-width: 100%;
    }

    section.popinContainerWrapper .mainFormDialogPage {
        position: relative;
        transform: rotate(0deg);
        display: flex;
        outline: none;
        flex: 1 0 0px;
        background-color: rgb(250, 249, 248);
        width: 100%;
        height: 100%;
        overflow: hidden;
        max-width: 100%;
        flex-direction: column;
    }

    section.popinContainerWrapper .mainFormWrapper {
        display: flex;
        outline: none;
        min-height: 0px;
        height: inherit;
        flex: 1 1 0px;
        flex-direction: row;
        max-width: 100%;
    }

    section.popinContainerWrapper .mainContentContainer {
        transform: rotate(0deg);
        outline: none;
        display: inline-flex;
        height: auto;
        flex-grow: 1;
        width: 100%;
        overflow-x: hidden;
        max-width: 100%;
        flex-direction: column;
    }

.popinContainer .tabGrid .subgrid .subgridContainer .subgridWrapper .grid.projects {
    grid-template-columns: 40px 120px calc((100% - 160px) / 4) calc((100% - 160px) / 4) calc((100% - 160px) / 4) calc((100% - 160px) / 4);
}

/* */
.nodata {
    display: block;
    outline: none;
    text-align: center;
    margin-top: calc(100vh / 4);
}

a {
    color: rgb(0, 120, 212);
    text-decoration:none;
}

a:hover {
    text-decoration: underline;
}