/* src/sass/main.scss */
html {
  position: fixed;
  top: 0;
  left: 0;
}
body,
html,
canvas {
  width: 100%;
}
html,
body {
  height: 100%;
}
body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  font-family: Roboto, sans-serif;
  background-color: #fff;
  font-weight: 400;
}
*,
*:focus,
*:hover {
  outline: none;
}
.V4 input,
.V4 select,
.V4 textarea {
  font-family: Roboto, sans-serif;
  font-size: inherit;
}
.V4 h1,
.V4 h2,
.V4 h3,
.V4 h4,
.V4 h5,
.V4 h6,
.V4 .h1,
.V4 .h2,
.V4 .h3,
.V4 .h4,
.V4 .h5,
.V4 .h6,
.V4 li {
  color: inherit;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  margin: 0;
  padding: 0;
}
.V4 a,
.V4 li,
.V4 ul,
.V4 ui-button,
.V4 span.k-select {
  cursor: pointer;
}
.V4 button {
  border: none;
  background-color: transparent;
  padding: 0;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "Montserrat";
  font-weight: 100;
  src: url("../Montserrat-Thin-EWX5VS5F.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 200;
  src: url("../Montserrat-ExtraLight-XXURR2TS.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 300;
  src: url("../Montserrat-Light-AMXBCDQE.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 400;
  src: url("../Montserrat-Regular-BHFOJ7JE.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 500;
  src: url("../Montserrat-Medium-KC5CMJH7.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 600;
  src: url("../Montserrat-SemiBold-HG6HWEJR.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 700;
  src: url("../Montserrat-Bold-VCKY2GWS.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 800;
  src: url("../Montserrat-ExtraBold-5L7FM2J6.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 900;
  src: url("../Montserrat-Black-VQJ2VMDT.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: 100;
  src: url("../Roboto-Thin-YGK7YTZC.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: 300;
  src: url("../Roboto-Light-6LTSOTTG.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: 400;
  src: url("../Roboto-Regular-VY5I3OJX.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: 500;
  src: url("../Roboto-Medium-V6OQCOK2.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: 700;
  src: url("../Roboto-Bold-RDLB2V6V.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: 900;
  src: url("../Roboto-Black-PC6LMFOG.ttf") format("truetype");
}
@font-face {
  font-family: "Arial";
  font-weight: 400;
  src: url("../Arial-Regular-7JKCBYAT.ttf") format("truetype");
}
@font-face {
  font-family: "Georgia";
  font-weight: 400;
  src: url("../Georgia-Regular-FYX46IWL.ttf") format("truetype");
}
@font-face {
  font-family: "OpenSans";
  font-weight: 400;
  src: url("../OpenSans-Regular-D2LPZWSF.ttf") format("truetype");
}
@font-face {
  font-family: "Lobster";
  font-weight: 400;
  src: url("../Lobster-Regular-XJAY4WBW.ttf") format("truetype");
}
@font-face {
  font-family: "Caveat";
  font-weight: 400;
  src: url("../Caveat-Regular-GOJ72LTJ.ttf") format("truetype");
}
@font-face {
  font-family: "SourceCodePro";
  font-weight: 400;
  src: url("../SourceCodePro-Regular-GGPVJSD6.ttf") format("truetype");
}
.display_flex,
.V4 .MassFieldInput__editArea .container .editButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.display_inline_flex {
  display: -webkit-inline-flex !important;
  display: inline-flex !important;
}
.twoColumns {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.flex_1,
.V4 .appContent,
.V4 .ModuleSettings,
.V4 .ModuleSettings .views,
.V4 .ModuleSettings .active,
.V4 .ReportSortOrder .sortField .SelectInput,
.V4 .ReportWizard,
.V4 .ReportWizard .reportPage,
.V4 .ReportFilter .AdvancedFilterField .SelectInput,
.V4 .MapsPanel,
.V4 .MapsPanel .mapsContainer,
.V4 .PermissionSets,
.V4 .LayoutSettings,
.V4 .LayoutSettings .right,
.V4 .SettingsView,
.V4 .SettingsView .content,
.V4 .SettingsView .settingsTab,
.V4 .SpaceView,
.V4 .SpaceView .SpaceViewIconGrid,
.V4 .EditViewSharing .SearchField,
.V4 .DocumentSection .TableSearch,
.V4 .DocumentListView .DocumentListItem .text,
.V4 .moreIconsWindow .list,
.V4 .SidePanel,
.V4 .SidePanel .views,
.V4 .SidePanel .views > .active,
.V4 .ChartsView .widgetContainer,
.V4 .ChartsView .ChartWidget,
.V4 .ModuleView,
.V4 .AddUserOrUserGroup,
.V4 .Table,
.V4 .Table .body,
.V4 .tableContainer {
  flex: 1 1 0px;
}
.flexWrap {
  flex-wrap: wrap;
}
.hbox,
.V4 .SliderContainer,
.V4 .ColorWindow .header,
.V4 .DocumentExplorer .content .header,
.V4 .RunReportPage .backHeader,
.V4 .ReportSortOrder .search,
.V4 .ReportSortOrder .sortField,
.V4 .ReportWizard .title,
.V4 .ReportFilter .search,
.V4 .CreatePortfolioPanel .Field label,
.V4 .MapsPanel,
.V4 .PermissionSets,
.V4 .LayoutSettings,
.V4 .LayoutSettings .field,
.V4 .LayoutSettings .left .find,
.V4 .section-container__layouts .header,
.V4 .SettingsView,
.V4 .SettingsView .SettingsContainer,
.V4 .SettingsView .SettingsContainer .SettingOption .label,
.V4 .SettingsView .aboveTable,
.V4 .SpaceView,
.V4 .DocumentListView .DocumentListItem,
.V4 .moreIconsWindow .title,
.V4 .moreIconsWindow .itemIcon,
.V4 .SidePanel .sidePanelButtons,
.V4 .ChartsView .widgetContainer,
.V4 .SpecialFilterField,
.V4 .bar,
.V4 .ModuleView .barContainer,
.V4 .XyiconViewBar,
.V4 .CatalogViewBar,
.V4 .CatalogActionBar,
.V4 .BarChart,
.V4 .PieChart .entry,
.V4 .AddUserOrUserGroup,
.V4 .Field,
.V4 .Field label,
.V4 .Table .head,
.V4 .Table .head .th,
.V4 .Table .body .tr,
.V4 .TableFooter,
.V4 .TabView .buttons,
.V4 .GeoLocationInput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
}
.vbox,
.V4 .appContent,
.V4 #appHolder,
.V4 .ModuleSettings,
.V4 .ModuleSettings .views,
.V4 .RunReportPage,
.V4 .ReportWizard,
.V4 .ReportWizard .reportPage,
.V4 .PermissionSets .setList,
.V4 .LayoutSettings .left,
.V4 .LayoutSettings .right,
.V4 .SettingsView .settingsTab,
.V4 .DocumentListView .DocumentListItem .text,
.V4 .moreIconsWindow,
.V4 .moreIconsWindow .itemIcon .description,
.V4 .SidePanel,
.V4 .SidePanel .views,
.V4 .SidePanel .views > .active,
.V4 .ChartsView .ChartWidget,
.V4 .ModuleView,
.V4 .ManageColumnsPanel .sidePanelButtons,
.V4 .Table .tableLoader,
.V4 .tableContainer,
.V4 .NumberSlider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
.flexCenter,
.V4 .SizeChanger,
.V4 .SizeChanger .buttonContainer,
.V4 .SizeChanger .buttonContainer div,
.V4 .SliderContainer,
.V4 .SliderContainer .leftArrow,
.V4 .SliderContainer .rightArrow,
.V4 .ColorSelector,
.V4 .ColorSelector .colorWindowToggler,
.V4 .ColorWindow .header,
.V4 .ColorWindow .header div,
.V4 .DocumentExplorer,
.V4 .SpaceToolBar .btn,
.V4 .SpaceToolBar .btn > .arrowWrapper,
.V4 .MeasureToolBar .btn,
.V4 .SpaceViewBar,
.V4 .SpaceAlignViewBar,
.V4 .sceneOptions .XyiconSizeChanger,
.V4 .ConfirmXyiconModelChangesFormWrapper,
.V4 .DatePicker .weekdays .weekday,
.V4 .DatePicker .days .day,
.V4 .Button,
.V4 .radioButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex1 {
  flex: 1;
}
.alignCenter,
.V4 .ReportFilter .AdvancedFilterField,
.V4 .SettingsView .aboveTable {
  align-items: center;
}
.alignStart {
  align-items: flex-start;
}
.justifyCenter {
  justify-content: center;
}
.justifyEnd {
  justify-content: flex-end;
}
.justifySpaceBetween,
.V4 .SettingsView .SettingsContainer .SettingOption .label {
  justify-content: space-between;
}
.flexContainer {
  height: 100%;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}
.V4 .row {
  width: auto;
}
.V4 .radioButtons {
  margin-bottom: 15px;
}
.V4 .radioButton {
  cursor: pointer;
  padding: 0 30px;
  margin: 0 5px;
  height: 40px;
  border-radius: 45px;
  background-color: #f5f5f5;
  color: #37474f;
}
.V4 .radioButton.active {
  color: white;
  background-color: #3495f0;
}
.V4 .LoaderIcon {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 57px;
  height: 11px;
}
.V4 .LoaderIcon .dots {
  position: relative;
}
.V4 .LoaderIcon .dots div {
  position: absolute;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #ffffff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.V4 .LoaderIcon .dots div:nth-child(1) {
  left: 6px;
  animation: dot1 0.6s infinite;
}
.V4 .LoaderIcon .dots div:nth-child(2) {
  left: 6px;
  animation: dot2 0.6s infinite;
}
.V4 .LoaderIcon .dots div:nth-child(3) {
  left: 26px;
  animation: dot2 0.6s infinite;
}
.V4 .LoaderIcon .dots div:nth-child(4) {
  left: 45px;
  animation: dot3 0.6s infinite;
}
@keyframes dot1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes dot2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}
@keyframes dot3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
.V4 .Initials {
  position: absolute;
  height: 128px;
  width: 128px;
  top: 20px;
  right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: ease-in-out transform 0.1s;
  transform-origin: top right;
}
.V4 .Initials .disabled {
  pointer-events: none;
}
.V4 .Initials:not(.thumbnail) {
  color: rgb(73, 73, 73);
  font-size: 38px;
  font-weight: 300;
  background: #c2c2c2;
  border: solid 2px rgb(73, 73, 73);
  border-radius: 50%;
}
.V4 .Initials.MoreIcons {
  position: relative;
  top: 0;
  left: 0;
  height: 38px;
  width: 38px;
  font-size: 16px;
  cursor: pointer;
}
.V4 .Initials.MoreIcons.noClick {
  cursor: auto;
}
.V4 .Initials.MoreIcons.portfolioThumbnail {
  border: solid 1px rgb(73, 73, 73);
}
.V4 .Initials .markup {
  font-size: 20px;
}
.V4 .Initials .boundaryThumbnail {
  position: relative;
}
.V4 .Initials .catalog-thumbnail {
  position: relative;
  top: 15px;
}
.V4 .Initials .catalog-thumbnail img {
  position: relative;
  display: block;
}
.V4 .Initials .favoriteCatalog {
  top: 0px;
}
.V4 .Initials .favoriteCatalog img {
  top: 15px;
}
.V4 .Initials .favoriteCatalog svg {
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
  width: 40px;
  fill: #f2c010;
  z-index: 1001;
}
.mergedIndicator {
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 40%;
}
.BoundarySpaceMapSelector {
  position: absolute;
  right: 0;
  width: 350px;
  z-index: 1;
}
.BoundarySpaceMapSelector.detailsPanelBoundarySpaceMapSelector {
  right: 12px;
  z-index: 2;
  top: 270px;
}
.BoundarySpaceMapSelector.minimized {
  top: 180px;
  z-index: 10000;
}
.BoundarySpaceMapSelector .boundaryContainer {
  max-height: 400px;
  overflow-y: auto;
}
.BoundarySpaceMapSelector .boundarySpaceMapRow {
  cursor: pointer;
  margin: 3px;
  height: 40px;
  border: 1px solid var(--bg1);
}
.BoundarySpaceMapSelector .boundarySpaceMapRow:hover {
  border-color: #3495f0;
}
.BoundarySpaceMapSelector .boundarySpaceMapRow .pin {
  width: 25px;
  height: 25px;
  margin-left: auto;
  margin-right: 15px;
}
.BoundarySpaceMapSelector .thumbnail {
  min-width: 38px;
  min-height: 38px;
  margin-right: 10px;
}
.V4 .Catalog .Initials {
  top: 10px;
}
.V4 .Catalog .Initials .favoriteCatalog svg {
  top: 10px;
}
.V4 .Button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid var(--blue);
  color: var(--blue);
  padding: 0 18px;
  margin: 0 5px;
  font-size: 14px;
  font-weight: 400;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-align: center;
  position: relative;
  border-radius: 2px;
  height: 40px;
}
.V4 .Button .label {
  margin: 6px;
}
.V4 .Button:active {
  color: var(--blue);
  background-color: #ffffff;
  border-color: var(--blue);
  box-shadow: none;
}
.V4 .Button:hover {
  color: var(--blue-hover);
  border-color: var(--blue-hover);
  box-shadow: 0 1px rgba(31, 49, 61, 0.05);
}
.V4 .Button.disabled {
  pointer-events: none;
}
.V4 .Button.primary {
  background: var(--blue);
  color: #ffffff;
}
.V4 .Button.primary.disabled {
  color: var(--bg4);
  background: var(--bg3);
  border-color: var(--bg4);
}
.V4 .Button.primary:not(.loading):hover {
  background: var(--blue-hover);
}
.V4 .Button.secondary {
  background: var(--bg1);
  color: var(--blue);
  border-color: var(--blue);
}
.V4 .Button.secondary:hover {
  background-color: var(--blue);
  color: var(--bg1);
}
.V4 .Button.secondary.disabled {
  border-color: var(--light-gray);
  color: #c4c4c4;
  background: #ffffff;
}
.V4 .Button:first-child {
  margin-left: 0;
}
.V4 .Button:last-child {
  margin-right: 0;
}
.V4 .Button.dashed {
  border: 1px dashed var(--text3);
  color: var(--text3);
  font-family: initial;
  font-size: 28px;
  font-weight: 700;
  margin: 0;
}
.V4 .Button.dashed:hover {
  color: var(--blue);
  border-color: var(--blue);
}
.V4 .Button.small {
  font-size: 12px;
  padding: 5px 10px;
}
.V4 .Button.gray {
  color: var(--icon-color);
  border-color: transparent;
  background: var(--bg3);
}
.V4 .Button.naked {
  font-size: 12px;
  border: none;
  letter-spacing: 0;
}
.V4 .Button.naked:hover {
  border: none;
  box-shadow: none;
}
.V4 .Button.rounded {
  border-radius: 4px;
}
.V4 .Button.dark {
  background: var(--blue-hover);
  border-color: var(--blue-hover);
}
.V4 .Button.loading span.icon,
.V4 .Button.loading span.label {
  visibility: hidden;
}
.V4 .Button.loading .spinner {
  visibility: visible;
}
.V4 .Button svg.icon {
  width: 16px;
  height: 16px;
  margin: 8px;
  fill: currentColor;
}
.V4 .DropdownButton {
  position: relative;
}
.V4 .DropdownButton .label {
  margin-left: 5px;
  font-size: 500;
}
.V4 .DropdownButton .exportViewButton {
  margin: 0 5px 0 0;
}
.V4 .DropdownButton:hover span .icon {
  color: var(--blue);
}
.V4 .DropdownButton .smallArrowDown {
  width: 8px;
  margin-left: 12px;
}
.V4 .DropdownOptions {
  z-index: 5000;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
  position: absolute;
  text-align: left;
  background: #ffffff;
  font-size: 13px;
  margin: 0;
  padding: 5px 0;
  top: 15px;
}
.V4 .DropdownOptions::before {
  content: "";
  width: 16px;
  height: 16px;
  background: white;
  transform: rotate(45deg) translateX(-50%);
  position: absolute;
  left: 50%;
  z-index: -1;
  top: 0;
}
.V4 .DropdownOptions.sub {
  position: absolute;
  top: 0;
  left: 0;
  transform: initial;
}
.V4 .DropdownOptions.sub::before {
  display: none;
}
.V4 .DropdownOptions .option {
  position: relative;
  white-space: nowrap;
  padding: 10px;
  color: var(--text1);
}
.V4 .DropdownOptions .option.hasIcon {
  padding: 7px 10px 13px 10px;
}
.V4 .DropdownOptions .option > .InfoBubble {
  display: none;
}
.V4 .DropdownOptions .option:not(.disabled):hover {
  color: #ffffff;
  background: var(--blue);
}
.V4 .DropdownOptions .option:not(.disabled):hover > .right {
  color: #ffffff;
  fill: #ffffff;
}
.V4 .DropdownOptions .option:hover > .InfoBubble {
  display: flex;
}
.V4 .DropdownOptions .option.disabled {
  pointer-events: initial;
  color: #aaaaaa;
}
.V4 .DropdownOptions .option.hasSubOptions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.V4 .DropdownOptions .option.hasSubOptions .right {
  width: 10px;
  height: 10px;
}
.V4 .DropdownOptions .option .icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  stroke-width: 0;
  fill: currentColor;
  margin-right: 5px;
  position: relative;
}
.V4 .DropdownOptions .option .icon.label-icon {
  top: 4px;
}
.ToggleSwitch {
  cursor: pointer;
  position: relative;
  display: inline-block;
  min-width: 37px;
  height: 18px;
}
.ToggleSwitch input {
  display: none;
}
.ToggleSwitch .slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--gray);
  -webkit-transition: transform 0.4s;
  transition: transform 0.4s;
  border-radius: 9px;
}
.ToggleSwitch .circle {
  position: absolute;
  height: 22px;
  width: 22px;
  bottom: -2px;
  background-color: var(--bg3);
  -webkit-transition: transform 0.4s;
  transition: transform 0.4s;
  border-radius: 50%;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}
.ToggleSwitch input:checked ~ .slider {
  background-color: #b0d3f3;
}
.ToggleSwitch input:checked ~ .circle {
  background-color: #3495f0;
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}
.ToggleSwitch.disabled {
  cursor: default;
  opacity: 0.5;
}
.ToggleSwitch.inline {
  transform: scale(0.7);
  height: initial;
}
.ToggleSwitch.focused::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 7px);
  height: 24px;
  border: solid 1px var(--blue);
}
.DetailsTabToggleSwitch:not(.noBooleanLabel) {
  justify-content: flex-start;
  width: 100%;
}
.DetailsTabToggleSwitch .value {
  margin-left: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.V4 .ToggleSwitchField {
  display: flex;
  align-items: center;
}
.V4 .ToggleSwitchField:not(:last-child) {
  margin-bottom: 25px;
}
.V4 .ToggleSwitchField label {
  font-size: 14px;
  margin-left: 10px;
  margin-right: 5px;
}
.V4 .OptionsButton {
  display: inline-block;
}
.V4 .OptionsButton:hover .button {
  background: var(--bg3);
}
.V4 .MultiActionButton {
  position: relative;
  padding-right: 0;
}
.V4 .MultiActionButton .label.disabled {
  color: #aaaaaa;
}
.V4 .MultiActionButton .label:not(:last-child) {
  padding-right: 18px;
}
.V4 .MultiActionButton:not(.primary, .secondary):hover {
  color: #2a80d1;
}
.V4 .MultiActionButton:not(.primary, .secondary):hover .smallArrowDown {
  color: #2a80d1;
  border-left-color: #2a80d1;
}
.V4 .MultiActionButton.primary {
  border: none;
}
.V4 .MultiActionButton.primary .smallArrowDown {
  border-left-color: #ffffff;
}
.V4 .MultiActionButton.primary.disabled .smallArrowDown {
  pointer-events: none;
}
.V4 .MultiActionButton.primary:hover .smallArrowDown {
  color: #ffffff;
}
.V4 .MultiActionButton.secondary.disabled .smallArrowDown {
  color: var(--blue);
  border: none;
  outline: 1px solid var(--blue);
}
.V4 .MultiActionButton.secondary .smallArrowDown {
  color: var(--blue);
  background-color: var(--bg1);
  border-left: solid 1px var(--blue);
}
.V4 .MultiActionButton.secondary.smallArrowHover {
  color: var(--blue);
  background-color: var(--bg1);
}
.V4 .MultiActionButton.secondary.smallArrowHover .smallArrowDown {
  background-color: var(--blue);
  color: var(--bg1);
}
.V4 .MultiActionButton .smallArrowDown {
  width: 32px;
  padding: 0px 10px;
  height: 100%;
  border-left: solid 1px;
}
.V4 .MultiActionButton .smallArrowDown svg.icon {
  margin: 0;
  width: 8px;
}
.V4 .MultiActionButton .smallArrowDown,
.V4 .MultiActionButton .options {
  pointer-events: auto;
}
.V4 .MultiActionButton .options {
  position: absolute;
  min-width: calc(100% + 2px);
  top: 100%;
  box-sizing: initial;
  left: -1px;
  display: none;
  background: #ffffff;
  text-align: left;
  border-top: solid 1px var(--blue);
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
  z-index: 5000;
}
.V4 .MultiActionButton .options.open {
  display: initial;
}
.V4 .MultiActionButton .options .option {
  height: 40px;
  padding: 0 18px;
  border: solid 1px;
  border-top: none;
  color: var(--blue);
}
.V4 .MultiActionButton .options .option:hover {
  background: var(--blue);
  color: #ffffff;
  border-color: var(--blue);
}
.V4 input,
input:-webkit-autofill::first-line,
select,
textarea {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  line-height: 16px;
  padding: 11px;
  color: var(--text1);
  border: solid 1px var(--input-border);
  width: 100%;
  resize: none;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.V4 input.placeholder,
input:-webkit-autofill::first-line .placeholder,
select.placeholder,
textarea.placeholder {
  color: var(--text1);
  opacity: 0.4;
}
.V4 input:-moz-placeholder,
input:-webkit-autofill::first-line:-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder {
  color: var(--text1);
  opacity: 0.4;
}
.V4 input::-moz-placeholder,
input:-webkit-autofill::first-line::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
  color: var(--text1);
  opacity: 0.4;
}
.V4 input:-ms-input-placeholder,
input:-webkit-autofill::first-line:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: var(--text1);
  opacity: 0.4;
}
.V4 input::-webkit-input-placeholder,
input:-webkit-autofill::first-line::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: var(--text1);
  opacity: 0.4;
}
.V4 input:active,
.V4 input:focus,
select:active,
select:focus,
textarea:active,
textarea:focus {
  background: var(--bg3);
  border: solid 1px var(--blue);
  outline: 0 none;
  z-index: 1001;
}
.V4 input[type=radio] {
  width: initial;
}
.V4 .fieldContainer {
  margin-bottom: 10px;
}
.V4 input[type=checkbox] {
  display: none;
}
.V4 input[type=checkbox] + label {
  margin: 0 0.5ex;
  position: relative;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
}
.V4 input[type=checkbox] + label::before {
  content: "";
  position: absolute;
  visibility: initial;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border: 1px solid var(--checkboxInTable);
}
.V4 input[type=checkbox]:indeterminate + label::before {
  background-color: #3495f0;
}
.V4 input[type=checkbox]:indeterminate + label::after {
  content: "";
  position: absolute;
  visibility: initial;
  width: 4px;
  height: 8px;
  border: 1px solid white;
  border-width: 0 2px 0 0;
  transform: rotate(90deg);
  box-sizing: border-box;
}
.V4 input[type=checkbox]:checked + label::before {
  background-color: #3495f0;
  border: 1px solid #3495f0;
}
.V4 input[type=checkbox]:hover + label::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 8px;
  border: solid var(--checkboxInTableSelected);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  box-sizing: border-box;
  opacity: 0.3;
}
.V4 input[type=checkbox]:checked + label::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  box-sizing: border-box;
  opacity: 1;
}
.V5 input[type=checkbox] {
  display: none;
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.V5 input[type=checkbox] + label {
  margin: 0 0.5ex;
  position: relative;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
}
.V5 input[type=checkbox] + label::before {
  content: "";
  position: absolute;
  visibility: initial;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border: 1px solid #363636;
  border-radius: 2px;
}
.V5 input[type=checkbox]:indeterminate + label::before {
  background-color: #1e88e5;
}
.V5 input[type=checkbox]:indeterminate + label::after {
  content: "";
  position: absolute;
  visibility: initial;
  width: 4px;
  height: 8px;
  border: 1px solid white;
  border-width: 0 2px 0 0;
  transform: rotate(90deg);
  box-sizing: border-box;
}
.V5 input[type=checkbox]:checked + label::before {
  background-color: #1e88e5;
  border: 1px solid #1e88e5;
}
.V5 input[type=checkbox]:hover + label::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 8px;
  border: solid #1e88e5;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  box-sizing: border-box;
  opacity: 0.5;
}
.V5 input[type=checkbox]:checked + label::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  box-sizing: border-box;
  opacity: 1;
}
.V4 .DateTimeInput {
  position: relative;
  justify-content: space-between;
  width: 100%;
  height: 38px;
  align-items: center;
}
.V4 .DateTimeInput .calendar {
  visibility: hidden;
  position: absolute;
  right: 7px;
  width: 20px;
  height: 20px;
}
.V4 .DateTimeInput .ClickToEditInput {
  background: #ffffff;
}
.V4 .DateTimeInput .ClickToEditInput .unfocused {
  font-size: 14px;
  font-weight: 300;
}
.V4 .DateTimeInput:hover .calendar {
  visibility: visible;
}
.V4 .DateTimeInput:hover .ClickToEditInput.error + .calendar {
  right: 20px;
}
.V4 .DateTimeInput .dateLabel {
  min-height: 17px;
}
.V4 .DateTimeInput input {
  border: none;
  height: 36px;
}
.V4 .DateTimeInput input:focus {
  background: transparent;
}
.V4 .DateTimeInput.inline {
  height: 28px;
}
.V4 .DateTimeInput.inline .ClickToEditInput {
  background-color: transparent;
}
.V4 .DateTimeInput.inline .ClickToEditInput .unfocused {
  height: 18px;
  min-height: 18px;
  border: none;
  padding: 0;
  font-weight: 400;
  text-align: center;
}
.V4 .DateTimeInput.inline .ClickToEditInput .unfocused .SingleLineLabel {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.V4 .pickersContainer {
  position: fixed;
  background: #ffffff;
  box-shadow: 0px 16px 16px rgba(50, 50, 71, 0.08), 0px 24px 32px rgba(50, 50, 71, 0.08);
  padding: 18px 10px 10px;
  z-index: 8500;
}
.V4 .pickersContainer .unfocused,
.V4 .pickersContainer .input,
.V4 .pickersContainer input {
  box-sizing: border-box;
}
.V4 .pickersContainer .ToggleSwitchField {
  margin: 20px 0 10px;
}
.V4 .pickersContainer .pickerinputs {
  margin-bottom: 5px;
}
.V4 .pickersContainer .pickerinputs .title {
  flex-grow: 0;
  margin-right: 10px;
  font-size: 14px;
  width: 80px;
  color: var(--gray);
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row-reverse;
  padding-left: 3px;
  height: 20px;
}
.V4 .pickersContainer .pickerinputs > .row {
  flex: 1;
  position: relative;
  height: 38px;
}
.V4 .pickersContainer .pickerinputs > .row:first-child {
  margin-right: 10px;
}
.V4 .pickersContainer .pickerinputs > .row .ClickToEditInput {
  width: calc(50% - 3px);
  position: absolute;
  z-index: 1000;
}
.V4 .pickersContainer .pickerinputs > .row .ClickToEditInput:last-child {
  right: 0;
}
.V4 .pickersContainer .pickerinputs > .row .ClickToEditInput.editing {
  width: 100%;
  z-index: 2000;
  background: var(--bg1);
}
.V4 .pickersContainer .pickerinputs > .row .ClickToEditInput .unfocused {
  border-color: var(--input-border);
  font-size: 14px;
  font-weight: 300;
}
.V4 .pickersContainer .pickerinputs > .row .ClickToEditInput.selected .unfocused {
  border-color: var(--blue);
}
.V4 .pickersContainer .btns {
  justify-content: flex-end;
}
.V4 .pickersContainer .btns .Button {
  min-width: 75px;
}
.V4 .pickersContainer .btns .Button:first-child {
  margin-right: auto;
}
.V4 .pickersContainer.datetime,
.V4 .pickersContainer.daterange {
  min-width: 375px;
}
.V4 .pickersContainer.date,
.V4 .pickersContainer.time,
.V4 .pickersContainer.timerange {
  min-width: 305px;
}
.V4 .pickersContainer.time {
  min-width: 250px;
}
.V4 .pickersContainer.time .pickerinputs .title {
  width: 40px;
}
.V4 .pickersContainer.time .pickerinputs .row .ClickToEditInput {
  width: 100%;
}
.V4 .pickersContainer .title {
  font-weight: 300;
}
.V4 .DatePicker {
  align-items: center;
  margin: 0 auto;
  min-height: 290px;
}
.V4 .DatePicker .month {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  width: 110px;
}
.V4 .DatePicker .month .label {
  text-align: center;
  font-weight: 300;
  text-transform: uppercase;
}
.V4 .DatePicker .month .icon {
  width: 13px;
  cursor: pointer;
}
.V4 .DatePicker .weekdays {
  font-weight: 300;
  color: var(--bg5);
  margin: 10px 0;
}
.V4 .DatePicker .year {
  margin-left: auto;
}
.V4 .DatePicker .weekdays,
.V4 .DatePicker .days {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  font-size: 12px;
  margin: 20px auto;
  width: 252px;
}
.V4 .DatePicker .days .day {
  cursor: pointer;
  justify-self: center;
  width: 36px;
  height: 30px;
  font-size: 14px;
}
.V4 .DatePicker .days .day:hover,
.V4 .DatePicker .days .day.today {
  background: var(--bg3);
}
.V4 .DatePicker .days .day.selected {
  background: #3495f0;
  color: #ffffff;
}
.V4 .DatePicker .days .day.selected:hover {
  background: #3495f0;
  color: #ffffff;
}
.V4 .TimePicker.datepicker {
  min-height: 290px;
}
.V4 .TimePicker .labels {
  justify-content: space-between;
  width: 100%;
  padding: 0 23px;
}
.V4 .TimePicker .labels > span {
  font-weight: 300;
  color: var(--bg5);
  font-size: 12px;
}
.V4 .TimePicker .switch {
  margin: 40px 0 40px 20px;
  justify-content: center;
  align-items: center;
}
.V4 .TimePicker .switch > span {
  font-size: 12px;
  font-weight: 500;
  margin: 0 5px;
}
.V4 .TimePicker .switch .Button {
  margin: 0;
}
.V4 .TimePicker .switch .Button:first-child {
  margin-bottom: 5px;
}
.V4 .TimePicker .sliderContainer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.V4 .TimePicker .sliderContainer .dots {
  align-items: center;
}
.V4 .TimePicker .sliderContainer .dots span {
  width: 10px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.V4 .TimePicker .sliderContainer .dots span::selection {
  background: none;
}
.V4 .TimePicker .sliderContainer .dots span:nth-child(2) {
  background: var(--blue);
  color: #ffffff;
  position: relative;
}
.V4 .TimePicker .sliderContainer .dots span:nth-child(2)::before {
  content: "";
  background: var(--blue);
  width: 10px;
  height: 100%;
  position: absolute;
  left: -4px;
}
.V4 .TimePicker .sliderContainer .dots span:nth-child(2)::after {
  content: "";
  background: var(--blue);
  width: 4px;
  height: 100%;
  position: absolute;
  right: -4px;
}
.V4 .NumberSlider {
  align-items: center;
  font-size: 12px;
}
.V4 .NumberSlider + .dots ::selection {
  background: none;
  color: var(--text1);
}
.V4 .NumberSlider .button .icon {
  margin: 5px 0;
  width: 12px;
}
.V4 .NumberSlider .num {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.V4 .NumberSlider .num::selection {
  background: none;
  color: var(--text1);
}
.V4 .SelectInput {
  display: block;
  cursor: pointer;
  position: relative;
  width: 100%;
  max-width: 250px;
  min-width: 150px;
  border: solid 1px var(--input-border);
}
.V4 .SelectInput .placeholder {
  color: var(--gray);
}
.V4 .SelectInput.isDark {
  background: #333;
  border: none;
}
.V4 .SelectInput.isDark input {
  background: #333;
  border: none;
  color: #c4c4c4;
}
.V4 .SelectInput.isDark .FindInList svg {
  fill: #c4c4c4;
}
.V4 .SelectInput .input {
  height: 38px;
  padding: 10px;
  position: relative;
  padding-right: 30px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 300;
  font-size: 14px;
}
.V4 .SelectInput .input::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid var(--text2);
  position: absolute;
  top: 15px;
  right: 10px;
}
.V4 .SelectInput.inline {
  border: none;
  min-width: auto;
}
.V4 .SelectInput.inline .input {
  font-weight: 400;
  height: 16px;
  padding: 0;
}
.V4 .SelectInput.inline .input::after {
  content: none;
}
.V4 .SelectInput select {
  margin: 0;
  background-color: var(--bg1);
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.V4 .SelectInput select option {
  font-weight: normal;
}
.V4 .SelectInput::-ms-expand {
  display: none;
}
.V4 .SelectInput:active,
.V4 .SelectInput:focus {
  outline: none;
}
.V4 .SelectInput .arrowDown {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  width: 0px;
  height: 0px;
  pointer-events: none;
}
.V4 .SelectInput.fullWidth {
  max-width: 100%;
}
.V4 .SelectInput.fullWidth .list {
  max-width: 100%;
}
.V4 .SelectInput.disabled {
  border-color: transparent;
}
.V4 .SelectInput.disabled .input::after {
  display: none;
}
.V4 .SelectInput__list {
  position: fixed;
  background: #ffffff;
  min-width: 150px;
  max-height: 250px;
  overflow-y: auto;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
}
.V4 .SelectInput__list.isDark {
  background: #37474f;
  color: #c4c4c4;
}
.V4 .SelectInput__list.inline {
  border-radius: 5px;
  top: 10px;
  min-width: 160px;
  box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.35);
}
.V4 .SelectInput__list.inline .SearchField {
  width: auto;
  margin: 10px;
}
.V4 .SelectInput__list.inline .SearchField input {
  border-radius: 5px;
}
.V4 .SelectInput__list.inline .pin {
  width: 32px;
  height: 32px;
  transform: rotate(45deg) translateX(-50%);
  background: white;
  top: -16px;
  left: 50%;
}
.V4 .SelectInput__list.inline .option {
  margin: 5px 10px;
  border-radius: 5px;
  background-color: var(--bg3);
  cursor: pointer;
}
.V4 .SelectInput__list.inline .option:last-child {
  margin-bottom: 10px;
}
.V4 .SelectInput__list.bottom {
  top: 40px;
}
.V4 .SelectInput__list.top {
  bottom: 40px;
}
.V4 .SelectInput__list:not(.open) {
  display: none;
}
.V4 .SelectInput__list .option {
  padding: 10px 10px 10px 20px;
  min-height: 36px;
  font-size: 14px;
  white-space: break-spaces;
  box-sizing: border-box;
}
.V4 .SelectInput__list .option:hover {
  background-color: var(--light-blue);
}
.V4 .SelectInput__list .option.selected {
  background: var(--blue);
  color: #ffffff;
}
.V4 .SelectInput__list .option.selected svg.icon {
  fill: #ffffff;
}
.V4 .SelectInput__list .option.selected.removed {
  opacity: 0.5;
}
.V4 .SelectInput__list .option.selected svg.checkmark {
  visibility: visible;
  fill: #b6e7ff;
}
.V4 .SelectInput__list .shareOptionItem {
  margin-left: -8px;
}
.V4 .SelectInput__list .shareOptionItem svg.icon {
  margin-right: 5px;
}
.V4 .SelectInput__list .shareOptionItem svg.checkmark {
  width: 16px;
  height: 16px;
  visibility: hidden;
}
.V4 .SelectInput__list svg.icon {
  width: 24px;
  height: 24px;
}
.V4 .SelectInput__list .bottom-section.noValues {
  color: var(--gray);
  border-top: solid 2px var(--bg2);
  font-weight: 300;
  text-align: center;
  padding: 10px 0;
}
.V4 .SelectInput__list .onlyFavoritesToggler {
  padding: 10px 10px 10px 20px;
  min-height: 36px;
  margin: 0;
}
.V4 .SearchField {
  width: 220px;
  height: 40px;
  position: relative;
}
.V4 .SearchField input {
  background: var(--bg3);
  border: none;
}
.V4 .width100 {
  width: 100%;
}
.V4 .center {
  text-align: center;
}
.V4 .overflowYAuto {
  overflow-y: auto;
}
.V4 .overflowHidden,
.V4 .PermissionSets {
  overflow: hidden;
  overflow-y: hidden;
  overflow-x: hidden;
}
.V4 .darkSilverText {
  color: #bfbfbf;
}
.V4 .greenText {
  color: #62b76b;
}
.V4 .bordered {
  border: 1px solid #f5f5f5;
}
.V4 .active:not(.isBordered) {
  border-color: #3495f0 !important;
  fill: #3495f0 !important;
}
.V4 .active.isBordered {
  border: 2px solid #3495f0;
}
.V4 .relative {
  position: relative;
}
.V4 .outline {
  outline: thin outset #3495f0;
}
.V4 .marginRightAuto {
  margin-right: auto;
}
.V4 .marginLeftAuto {
  margin-left: auto;
}
.V4 .glyphContainer {
  white-space: pre-wrap;
  overflow-y: auto;
}
.V4 .glyphContainer .glyph {
  width: 51px;
  height: 51px;
}
.V4 .topButtons {
  padding: 20px;
  justify-content: flex-end;
  box-shadow: 0px 7px 12px -4px rgba(50, 50, 71, 0.08);
}
.V4 .grabbable,
.V4 .PortContainer .SpaceItemContainer .SpaceItem:not(.showIconOnly),
.V4 .PortContainer .PortComponent .thumbnailWrapper .thumbnailContainer .SpaceItemContainer .SpaceItem:not(.showIconOnly),
.V4 .ColumnEditor .column:not(.disabled) {
  cursor: grab;
  position: relative;
}
.V4 .grabbable::before,
.V4 .PortContainer .SpaceItemContainer .SpaceItem:not(.showIconOnly)::before,
.V4 .PortContainer .PortComponent .thumbnailWrapper .thumbnailContainer .SpaceItemContainer .SpaceItem:not(.showIconOnly)::before,
.V4 .ColumnEditor .column:not(.disabled)::before {
  content: "";
  background: url(../assets/images/common/drag-icon.svg) no-repeat center;
  position: absolute;
  left: 10px;
  top: -4px;
  bottom: -4px;
  width: 10px;
  pointer-events: none;
}
.V4 .grabbable:hover::before,
.V4 .PortContainer .SpaceItemContainer .SpaceItem:hover:not(.showIconOnly)::before,
.V4 .PortContainer .PortComponent .thumbnailWrapper .thumbnailContainer .SpaceItemContainer .SpaceItem:hover:not(.showIconOnly)::before,
.V4 .ColumnEditor .column:hover:not(.disabled)::before {
  background: url(../assets/images/common/drag-icon-blue.svg) no-repeat center;
}
.btn {
  cursor: pointer;
}
.V4 .IconEditor {
  position: relative;
  width: 80%;
  max-width: 400px;
  margin: 20px auto;
}
.V4 .IconEditor .invisibleDiv {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.V4 .IconEditor .invisibleDiv ::-webkit-scrollbar {
  width: 1px;
  height: 1px;
}
.V4 .IconEditor .invisibleDiv ::-webkit-scrollbar-thumb:hover {
  cursor: default;
}
.V4 .IconEditor .invisibleDiv input {
  background: none;
  border: none;
  transition: none;
  padding: 0;
}
.V4 .IconEditor::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.V4 .IconEditor .svgContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.V4 .IconEditor .svgContainer > svg > g > g > g.areChildrenSelectable > * {
  cursor: pointer;
}
.V4 .IconEditor .svgContainer > svg > g > g > g.areChildrenSelectable > *:not([selectedsvgpart=true]):hover {
  filter: contrast(0.8);
}
.V4 .IconEditor .ColorSelector {
  margin: 0 20px;
}
.V4 .height100 {
  height: 100%;
}
.V4 .iconEditPanelHeader,
.V4 .TextStyleModifier {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  height: 42px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
}
.V4 .iconEditPanelHeader .SelectInput,
.V4 .TextStyleModifier .SelectInput {
  min-width: 100px;
}
.V4 .iconEditPanelHeader .SelectInput .list,
.V4 .TextStyleModifier .SelectInput .list {
  position: initial;
  width: 100px !important;
}
.V4 .iconEditPanelHeader .ColorSelector,
.V4 .TextStyleModifier .ColorSelector {
  margin: 0 10px;
}
.V4 .iconEditPanelHeader .btn,
.V4 .TextStyleModifier .btn {
  min-width: 25px;
  min-height: 25px;
}
.V4 .add-item {
  width: 100%;
  border: solid 1px var(--bg4);
  border-top: none;
  padding: 5px;
  padding-top: 0;
  min-width: 240px;
}
.V4 .add-item .ToggleSwitchField {
  margin-top: 0 !important;
}
.V4 .add-item .ToggleSwitchField .label {
  font-size: 12px;
  width: initial;
  margin-left: 5px;
  text-align: center;
}
.V4 .ListBuilderInputWrapper {
  width: 100%;
  position: relative;
}
.V4 .ListBuilderInputWrapper .infoIcon {
  position: absolute;
  top: 3px;
  right: 10px;
  z-index: 1;
}
.V4 .ListBuilderInput {
  width: 100%;
  min-width: 240px;
  max-height: 250px;
  overflow-y: scroll;
  padding: 5px;
  border: 1px solid #e9e9e9;
  position: relative;
  border-bottom: none;
  padding-bottom: 0;
  padding-right: 0;
}
.V4 .ListBuilderInput.error {
  border-color: #ff4136;
}
.V4 .ListBuilderInput.error + .add-item {
  border-color: #ff4136;
}
.V4 .ListBuilderInput textarea {
  min-height: 150px;
  line-height: 16px;
}
.V4 .ListBuilderInput .item {
  align-items: center;
  height: 35px;
  padding: 5px 5px 5px 15px;
  background-color: var(--bg3);
  margin-bottom: 5px;
}
.V4 .ListBuilderInput .item .delete {
  fill: var(--icon);
  margin-left: 4px;
  display: none;
}
.V4 .ListBuilderInput .item input {
  background: none;
  transition: none;
  padding: 0 0 0 5px;
  border: 0;
  flex-grow: 1;
  text-overflow: ellipsis;
}
.V4 .ListBuilderInput .item:hover {
  background-color: #d6eafc;
}
.V4 .ListBuilderInput .item:hover .delete {
  display: block;
}
.V4 .ListBuilderInput .item input:focus {
  background-color: var(--blue-hover);
  color: white;
}
.V4 .ListBuilderInput .item:focus-within {
  background-color: var(--blue);
}
.V4 .ListBuilderInput .item:focus-within .delete {
  fill: white;
  display: block;
}
.V4 .ListBuilderInput .item::before {
  content: "";
  background: url(../assets/images/common/drag-icon.svg) no-repeat center;
  background-size: contain;
  width: 8px;
  height: 14px;
  left: -8px;
  top: 0;
  position: relative;
  cursor: move;
}
.V4 .ListBuilderInput .item:focus-within::before {
  background: url(../assets/images/common/drag-icon-white.svg) no-repeat center;
}
.V4 .ListBuilderInput .item .cancel.button {
  margin-left: auto;
}
.V4 .MultiSelectInput {
  width: 100%;
  min-height: 42px;
  border: solid 1px var(--input-border);
}
.V4 .MultiSelectInput > .list {
  transition: ease-in-out border-color 0.2s;
}
.V4 .MultiSelectInput > .list > input {
  border: none;
}
.V4 .MultiSelectInput > .list > input.error {
  border: 1px solid red;
}
.V4 .MultiSelectInput:hover > .list {
  border-color: var(--input-border);
  transition: ease-in-out border-color 0.2s;
}
.V4 .MultiSelectInput:hover > .list .bottom-section {
  opacity: 1;
  transition: ease-in-out opacity 0.2s;
}
.V4 .MultiSelectInput.inline {
  border: none;
  min-height: 16px;
}
.V4 .MultiSelectInput.inline.empty input {
  padding: 0;
}
.V4 .MultiSelectInput.inline .list .item {
  padding: 0;
  line-height: 16px;
}
.V4 .MultiSelectInput.inline .list .item .label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.V4 .MultiSelectInput.inline .list .item:hover {
  background-color: transparent;
}
.V4 .MultiSelectInput.inline .list input {
  background-color: transparent;
}
.V4 .MultiSelectInput .list {
  position: relative;
}
.V4 .MultiSelectInput .list .item {
  padding: 5px 10px;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  line-height: 18px;
}
.V4 .MultiSelectInput .list .item .label {
  flex-grow: 1;
}
.V4 .MultiSelectInput .list .item:first-child {
  margin-top: 5px;
}
.V4 .MultiSelectInput .list .item:last-child {
  margin-bottom: 5px;
}
.V4 .MultiSelectInput .list .item .delete {
  display: none;
  width: 15px;
  height: 14px;
}
.V4 .MultiSelectInput .list .item .delete svg {
  width: 100%;
  height: 100%;
}
.V4 .MultiSelectInput .list .item:hover {
  background: var(--bg2);
}
.V4 .MultiSelectInput .list .item:hover .delete {
  display: block;
}
.V4 .MultiSelectInput .list:empty {
  min-width: 90px;
  min-height: 38px;
}
.V4 .MultiSelectInput .bottom-section {
  padding: 0 10px;
  color: var(--blue);
  cursor: pointer;
  pointer-events: auto;
}
.V4 .MultiSelectInput .bottom-section.expanded {
  width: 100%;
  background: #ffffff;
  color: var(--gray);
  border-top: solid 2px var(--bg2);
  z-index: 8500;
}
.V4 .MultiSelectInput.disabled {
  border-color: transparent;
}
.V4 .MultiSelectInput__open-list-container {
  position: absolute;
  width: 100%;
  min-width: 160px;
  max-width: 500px;
  background: var(--bg1);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
  z-index: 8500;
}
.V4 .MultiSelectInput__open-list-container.inline {
  border-radius: 5px;
  top: 10px;
  min-width: 160px;
  box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.35);
}
.V4 .MultiSelectInput__open-list-container.inline .SearchField {
  width: auto;
  margin: 10px;
}
.V4 .MultiSelectInput__open-list-container.inline .SearchField input {
  border-radius: 5px;
}
.V4 .MultiSelectInput__open-list-container.inline .option {
  margin: 5px 10px;
  border-radius: 2px;
  background-color: var(--bg3);
  padding: 5px;
  cursor: pointer;
}
.V4 .MultiSelectInput__open-list-container.inline .option:hover {
  background-color: var(--light-blue);
}
.V4 .MultiSelectInput__open-list-container.inline .option.selected {
  background-color: var(--blue);
  color: white;
}
.V4 .MultiSelectInput__open-list-container.inline .option.selected:hover {
  background-color: var(--dark-blue);
}
.V4 .MultiSelectInput__open-list-container.inline .option:last-child {
  margin-bottom: 10px;
}
.V4 .MultiSelectInput__open-list-container * {
  box-sizing: border-box;
}
.V4 .MultiSelectInput__open-list-container.top {
  bottom: -40px;
}
.V4 .MultiSelectInput__open-list-container .list-search input {
  background: var(--bg3);
}
.V4 .MultiSelectInput__open-list-container .open-list {
  max-height: 230px;
  overflow: auto;
}
.V4 .MultiSelectInput__open-list-container .open-list .item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.V4 .MultiSelectInput__open-list-container .open-list .item .label {
  font-size: 12px;
  font-weight: 300;
}
.V4 .MultiSelectInput__open-list-container .footer {
  font-size: 12px;
  color: var(--bg5);
  background: #ffffff;
  border-top: solid 1px var(--input-border);
  padding: 8px;
}
.V4 .MultiSelectInput__open-list-container .bottom-section,
.V4 .MultiSelectInput__open-list-container .top-section {
  padding: 10px;
  color: var(--blue);
  cursor: pointer;
  pointer-events: auto;
  font-size: 12px;
  font-weight: 300;
}
.V4 .MultiSelectInput__open-list-container .bottom-section.expanded,
.V4 .MultiSelectInput__open-list-container .top-section.expanded {
  width: 100%;
  background: #ffffff;
  color: var(--gray);
  border-top: solid 2px var(--bg2);
  z-index: 1000;
}
.V4 .MultiSelectInput__open-list-container .bottom-section.expanded.noValues,
.V4 .MultiSelectInput__open-list-container .top-section.expanded.noValues {
  font-weight: 300;
  text-align: center;
  padding: 10px 0;
}
.V4 .ClickToEditInput {
  width: 100%;
  position: relative;
}
.V4 .ClickToEditInput.editing .field-input-container input {
  padding-right: 10px;
}
.V4 .ClickToEditInput.editing .multiline textarea {
  border: solid 1px var(--blue);
}
.V4 .ClickToEditInput.editing .multiline:has(.field-input-container) textarea {
  border-bottom: none;
}
.V4 .ClickToEditInput .unfocused.updating .SingleLineLabel {
  width: calc(100% - 10px);
}
.V4 .ClickToEditInput .SingleLineLabel {
  text-overflow: ellipsis;
}
.V4 .ClickToEditInput .spinner {
  position: absolute;
  top: 11px;
  right: 5px;
  visibility: visible;
}
.V4 .ClickToEditInput .field-input-container {
  z-index: 1001;
  align-items: stretch;
  font-weight: 300;
  width: 100%;
}
.V4 .ClickToEditInput .field-input-container input {
  border: solid 1px var(--input-border);
  padding: 10px;
  background: transparent;
  min-height: 38px;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 300;
  z-index: 0;
}
.V4 .ClickToEditInput .field-input-container input:focus {
  border-color: var(--blue);
}
.V4 .ClickToEditInput .field-input-container input:focus + span {
  border-top-color: var(--blue);
  border-bottom-color: var(--blue);
  border-right-color: var(--blue);
}
.V4 .ClickToEditInput .field-input-container input:focus + span + span {
  border-top-color: var(--blue);
  border-bottom-color: var(--blue);
  border-right-color: var(--blue);
}
.V4 .ClickToEditInput .field-input-container .icon.apply {
  width: 14px;
}
.V4 .ClickToEditInput .field-input-container > span {
  background: var(--bg3);
  min-width: 38px;
  min-height: 38px;
  border-top: solid 1px var(--bg5);
  border-bottom: solid 1px var(--bg5);
  border-left: solid 1px var(--bg4);
  cursor: pointer;
  z-index: 1;
}
.V4 .ClickToEditInput .field-input-container > span:last-child {
  border-right: solid 1px var(--bg5);
}
.V4 .ClickToEditInput .field-input-container.emailInput {
  z-index: 9000;
}
.V4 .ClickToEditInput .multiline textarea {
  max-height: 94px;
  overflow-y: auto;
  font-weight: 300;
  line-height: 16px;
  border-bottom: none;
  resize: none;
  margin-bottom: 0;
  padding: 9px 10px 10px;
  height: inherit;
}
.V4 .ClickToEditInput .multiline textarea:focus {
  background: #ffffff;
}
.V4 .ClickToEditInput .multiline.extended textarea,
.V4 .ClickToEditInput .multiline.expand textarea {
  max-height: 400px;
  overflow-y: auto;
}
.V4 .ClickToEditInput .multiline .field-input-container {
  align-items: center;
  height: 30px;
  border: solid 1px var(--blue);
  border-top: none;
  padding: 0 5px;
}
.V4 .ClickToEditInput .multiline .field-input-container .button {
  border: none;
  background: none;
  min-width: 20px;
  min-height: 20px;
  max-height: 20px;
}
.V4 .ClickToEditInput .multiline .field-input-container .button.naked {
  color: var(--blue);
}
.V4 .ClickToEditInput .unfocused {
  cursor: text;
  align-items: center;
  word-break: break-all;
  border: solid 1px var(--input-border);
  min-height: 40px;
  padding: 10px;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.V4 .ClickToEditInput .unfocused.disabled {
  border-color: transparent;
}
.V4 .ClickToEditInput .unfocused.disabled .MultiLineLabel {
  pointer-events: all;
}
.V4 .ClickToEditInput .unfocused p {
  margin: 0;
  line-height: 18px;
  white-space: break-spaces;
}
.V4 .ClickToEditInput .unfocused:empty {
  min-width: 90px;
  min-height: 38px;
  display: flex;
  align-items: center;
}
.V4 .ClickToEditInput.error .field-input-container input {
  border: 1px solid red;
}
.V4 .ClickToEditInput.noButtons .infoIcon {
  right: 10px;
}
.V4 .ClickToEditInput.infoBubbleAlignLeft .InfoBubble {
  transform: translate(calc(-100% + 15px), -44px);
}
.V4 .ClickToEditInput.infoBubbleAlignLeft .InfoBubble::after {
  right: 8px;
}
.V4 .MultiLineLabel .content {
  white-space: break-spaces;
  word-break: break-word;
  max-height: 82px;
  position: relative;
  overflow: hidden;
  line-height: 16px;
}
.V4 .MultiLineLabel.extended .content {
  max-height: 400px;
  overflow-y: auto;
}
.V4 .MultiLineLabel .button {
  margin-left: -5px;
  margin-top: 10px;
  font-size: 14px;
  color: var(--blue);
}
.V4 .GeoLocationInput {
  flex-direction: column;
  padding-left: 12px;
}
.V4 .GeoLocationInput > div {
  align-items: center;
}
.V4 .GeoLocationInput > div:first-child {
  margin-bottom: 10px;
}
.V4 .GeoLocationInput > div > span {
  width: 120px;
}
.V4 .GeoLocationInput > div > input {
  width: 100%;
}
.V4 .PasswordInput {
  width: 100%;
}
.V4 .PasswordInput .button {
  background: #fafafa;
  width: 40px;
  height: 40px;
  border: solid 1px var(--bg3);
  border-left: none;
}
.V4 .TabView {
  color: var(--text1);
}
.V4 .TabView .buttons {
  background: var(--bg3);
}
.V4 .TabView .buttons .button {
  display: flex;
  flex: 1;
  max-width: 200px;
  align-items: center;
  justify-content: center;
  padding: 13px 20px;
}
.V4 .TabView .buttons .button > .icon {
  margin-right: 5px;
}
.V4 .TabView .buttons .button.selected {
  background: var(--bg1);
  color: var(--navTextActive);
}
.V4 .TabView .buttons .button .tabLabel {
  font-size: 14px;
}
.V4 .TabView .buttons .button:not(.closePanel):only-of-type {
  color: currentColor;
}
.V4 .TabView .buttons .closePanel {
  width: 20px;
  display: block;
  margin-left: auto;
  max-width: max-content;
  padding: 10px;
  color: var(--gray);
}
.V4 .TabView:not(.flat) .buttons {
  padding: 10px 10px 0;
}
.V4 .TabView:not(.flat) .buttons .button.selected {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: 0px -3px 4px -3px rgba(0, 0, 0, 0.1725490196);
}
.V4 .TabView.moduleSettingsTab .views {
  overflow-y: auto;
}
.V4 .TabView .views {
  position: relative;
  background: var(--bg1);
}
.V4 .TabView .views .FilterEditor .ToggleContainer .children {
  margin-left: 20px;
}
.V4 .TabView .views .FilterEditor .ToggleContainer h4 {
  padding-left: 20px;
}
.V4 .TabView .views > * {
  display: none;
}
.V4 .TabView .views > *.active {
  display: initial;
}
.V4 .Table {
  cursor: default;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
}
.V4 .Table .loading {
  text-align: center;
  padding-top: 10%;
}
.V4 .Table .tableLoader {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, calc(-50% - 20px));
  -ms-transform: translate(-50%, calc(-50% - 20px));
  -webkit-transform: translate(-50%, calc(-50% - 20px));
  align-items: center;
}
.V4 .Table .tableLoader .LoaderIcon {
  margin-top: 20px;
}
.V4 .Table .tableLoader .LoaderIcon .dots div {
  background-color: var(--blue);
}
.V4 .Table .head {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: justify;
  background: var(--bg3);
  height: 40px;
  border-bottom: solid 1px var(--bg4);
}
.V4 .Table .head .th {
  align-items: center;
  position: relative;
  cursor: pointer;
  color: var(--text3);
  padding: 20px 5px 20px 20px;
}
.V4 .Table .head .th.icon {
  cursor: default;
}
@media (min-width: 50em) {
  .V4 .Table .head .th {
    padding: 5px 5px 5px 10px;
  }
}
.V4 .Table .head .th input[type=checkbox]:checked + label::before {
  height: 15px;
  width: 15px;
}
.V4 .Table .head .th:first-child {
  padding: 0 5px;
}
.V4 .Table .head .th.dragSource {
  outline: 1px solid black;
  outline-offset: -2px;
}
.V4 .Table .head .th.dragTarget ::after {
  content: "";
  position: absolute;
  right: 0px;
  width: 2px;
  top: 0;
  bottom: 0;
  background: var(--dragTargetHighlight);
}
.V4 .Table .head .th .label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--text1);
  padding-right: 10px;
  width: calc(100% - 15px);
}
.V4 .Table .head .th .label.icon {
  cursor: default;
}
.V4 .Table .head .th .sort {
  border-radius: 20px;
  height: 20px;
  min-width: 20px;
  margin-right: 5px;
}
.V4 .Table .head .th .sort:hover {
  box-shadow: 0px 2px 2px 0px rgba(50, 50, 71, 0.0588235294), 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
}
.V4 .Table .head .th .sort.sortIndicator {
  background-color: var(--blue);
  fill: white;
  color: white;
  text-align: right;
  font-size: 12px;
  padding-right: 10px;
}
.V4 .Table .head .th .sort.sortIndicator .icon {
  width: 5px;
  height: 10px;
  margin: 5px 0 0 8px;
}
.V4 .Table .head .th .sort.sortIndicator.large {
  min-width: 36px;
}
.V4 .Table .head .th .sort.sortIndicator.large .icon {
  margin: 5px 5px 0 3px;
}
.V4 .Table .head .th .sort.cancelSort {
  background-color: white;
  fill: var(--icon);
}
.V4 .Table .head .th .sort.cancelSort .icon {
  width: 13px;
  height: 13px;
  margin: 3px;
}
.V4 .Table .head .th .resizer {
  position: absolute;
  top: 0px;
  right: -5px;
  width: 10px;
  height: 100%;
  z-index: 1;
}
.V4 .Table .head .th .resizer.icon {
  cursor: default;
}
.V4 .Table .head .th .resizer:not(.checkbox, .icon) {
  cursor: col-resize;
}
.V4 .Table .head .th .resizer::after {
  content: "";
  position: absolute;
  left: 5px;
  width: 1px;
  height: 100%;
  background: var(--bg4);
}
input[type=checkbox] .V4 .Table .head .th .CheckboxInput + label {
  padding: 0;
  margin: 0 0 0 3px;
  width: 10px;
  height: 15px;
}
.V4 .Table input[type=checkbox]:checked + label::before {
  background-color: #3495f0;
  border: 1px solid var(--checkboxInTable);
}
.V4 .Table .selected input[type=checkbox]:checked + label::before {
  background-color: #3495f0;
  border: 1px solid white;
}
.V4 .Table .body {
  overflow-x: hidden;
  overflow-y: auto;
}
.V4 .Table .body .message {
  padding-top: 10%;
  width: 100%;
  text-align: center;
}
.V4 .Table .body .tr {
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 41px;
  cursor: pointer;
  transition: all 0.3s ease-out;
  border-bottom: solid 1px var(--subMenuItemBG);
  padding: 5px 0;
}
.V4 .Table .body .tr.hasQuickLinks {
  padding-left: 40px;
}
.V4 .Table .body .tr.lower {
  min-height: 30px;
}
.V4 .Table .body .tr .BoundarySpaceMapSelector {
  top: initial;
  right: initial;
  left: 0;
  color: black;
}
.V4 .Table .body .tr:hover {
  background: var(--light-blue);
}
.V4 .Table .body .tr:hover .favoriteCatalogItems {
  background: #2a80d1;
  color: white;
  box-shadow: none;
  opacity: 1;
}
.V4 .Table .body .tr:hover .favoriteCatalogItems .favorite-star {
  display: none;
}
.V4 .Table .body .tr:hover .favoriteCatalogItems .favorite-unstar {
  display: block;
  fill: white;
}
.V4 .Table .body .tr:hover .favoriteCatalogItems .unfavorite-star {
  display: block;
  fill: #2a80d1;
}
.V4 .Table .body .tr.wrapped {
  align-items: flex-start;
}
.V4 .Table .body .tr.wrapped .td {
  position: relative;
  padding: 0 10px;
}
.V4 .Table .body .tr.wrapped .td.boolean .ToggleSwitch {
  display: none;
}
.V4 .Table .body .tr.wrapped .td.editable.boolean .value {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.V4 .Table .body .tr.wrapped .td.editable.boolean .value.blank {
  color: var(--gray5);
}
.V4 .Table .body .tr.wrapped .td.editable.boolean .ToggleSwitch .slider {
  background-color: var(--inlineEditBooelanSlider);
}
.V4 .Table .body .tr.wrapped .td.editable {
  margin: 0;
}
.V4 .Table .body .tr.wrapped .td.editable .textCursor {
  cursor: text;
}
.V4 .Table .body .tr.wrapped .td.editable:hover {
  border-color: var(--gray);
}
.V4 .Table .body .tr.wrapped .td.editable:focus-within input {
  background-color: #ffffff;
  color: black;
  transition: none;
  margin: 0;
  padding: 5px;
  border: solid 1px var(--blue);
  border-radius: 2px;
}
.V4 .Table .body .tr.wrapped .td.editable:focus-within input.number {
  text-align: right;
}
.V4 .Table .body .tr.wrapped .td.editable .cellContent {
  border: 1px solid transparent;
  border-radius: 2px;
  min-height: 29px;
}
.V4 .Table .body .tr.wrapped .td.editable .MultiSelectInput .list .item:first-child,
.V4 .Table .body .tr.wrapped .td.editable .MultiSelectInput .list .item:last-child {
  margin: 0;
}
.V4 .Table .body .tr.wrapped .td .button {
  position: absolute;
  top: 50%;
  transform: translateY(-45%);
  right: 2px;
  color: var(--gray);
  z-index: 9000;
}
.V4 .Table .body .tr.wrapped .td .button:hover {
  color: var(--text4);
}
.V4 .Table .body .tr.wrapped .td .cellContent {
  white-space: pre;
  flex-grow: 1;
  padding: 5px;
}
.V4 .Table .body .tr.wrapped .td .cellContent.overflowhidden {
  max-height: 160px;
}
.V4 .Table .body .tr.wrapped .td .cellContent .spinner {
  position: initial;
}
.V4 .Table .body .tr.wrapped .td .cellContent .tdRow {
  display: block;
}
.V4 .Table .body .tr.wrapped .td .cellContent .tdRow:not(:last-child):after {
  content: "";
}
.V4 .Table .body .tr.wrapped .td.textAlignRight .cellContent {
  text-align: right;
}
.V4 .Table .body .tr.wrapped .td .multiline.inline textarea {
  padding: 5px;
  max-height: 160px;
}
.V4 .Table .body .tr.wrapped:hover .td.editable.boolean .ToggleSwitch {
  display: initial;
}
.V4 .Table .body .tr.wrapped:hover .td.editable > div > .cellContent {
  border-color: var(--blue);
}
.V4 .Table .body .tr.wrapped:hover .td.editable > div > .cellContent:hover {
  background-color: var(--inlineEditHover);
}
.V4 .Table .body .tr.wrapped:hover .td.editable .cellContent .modelField .cellContent {
  border-color: var(--blue);
}
.V4 .Table .body .tr.wrapped:hover .td.editable .cellContent .modelField .cellContent:hover {
  background-color: var(--inlineEditHover);
}
.V4 .Table .body .tr.wrapped:hover .td.editable .cellContent .ToggleSwitch.inline .slider {
  background-color: #a9a3a3;
}
.V4 .Table .body .tr.wrapped:hover .td.editable .cellContent .ToggleSwitch.inline input:checked ~ .slider {
  background-color: #8fc5f7;
}
.V4 .Table .body .tr.wrapped:hover.selected {
  background: #2a80d1;
}
.V4 .Table .body .tr.wrapped:hover.selected .td.editable.boolean {
  border-color: #ffffff;
}
.V4 .Table .body .tr.wrapped:hover.selected .td.editable.boolean:hover:first-child {
  background-color: var(--inlineEditHoverOnSelectedHoveredRow);
}
.V4 .Table .body .tr.wrapped:hover.selected .td.editable > div > .cellContent {
  border-color: #ffffff;
}
.V4 .Table .body .tr.wrapped:hover.selected .td.editable > div > .cellContent:hover {
  background-color: var(--inlineEditHoverOnSelectedHoveredRow);
}
.V4 .Table .body .tr.wrapped:hover.selected .td.editable .modelField .cellContent {
  border-color: #ffffff;
}
.V4 .Table .body .tr.wrapped:hover.selected .td.editable .modelField .cellContent:hover {
  background-color: var(--inlineEditHoverOnSelectedHoveredRow);
}
.V4 .Table .body .tr.hoverDashed {
  background: #d6eafc;
  border: 1px dashed #3495f0;
  border-bottom: 1px dashed #3495f0;
}
.V4 .Table .body .tr.empty {
  min-height: 0px;
  height: 1px;
}
.V4 .Table .body .tr.isGreyedOut {
  filter: grayscale(1);
}
.V4 .Table .body .tr.isNotAllowed {
  border: 1px dashed #ef5350;
  background-color: #fcdddc;
}
.V4 .Table .body .tr .CheckboxInput input[type=checkbox]:checked + label::before {
  background: transparent;
}
.V4 .Table .body .tr:not(.dragNdrop):hover .quickLinksButton {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.V4 .Table .body .tr:not(.dragNdrop):hover .quickLinksButton.disabled {
  opacity: 0.5;
}
.V4 .Table .body .tr.selected {
  color: #ffffff;
  background: var(--blue);
  -webkit-transition: background-color 0.4s ease;
  -moz-transition: background-color 0.4s ease;
  -ms-transition: background-color 0.4s ease;
  -o-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}
.V4 .Table .body .tr.selected .CheckboxInput label {
  border-color: #ffffff;
}
.V4 .Table .body .tr.selected:hover .quickLinksButton {
  background: var(--blue);
  opacity: 1;
}
.V4 .Table .body .tr.selected:hover .quickLinksButton *:not(.link *) {
  background: #b6e7ff;
}
.V4 .Table .body .tr.selected:hover .quickLinksButton.disabled {
  opacity: 0.5;
}
.V4 .Table .body .tr.selected .td .naked.Button {
  cursor: pointer;
}
.V4 .Table .body .tr.selected .td .naked.Button .label {
  color: #ffffff;
}
.V4 .Table .body .tr.selected .cellContent {
  color: #ffffff;
}
.V4 .Table .body .tr .td {
  min-width: 40px;
  padding-left: 10px;
}
.V4 .Table .body .tr .td.boolean .cellContent .value {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.V4 .Table .body .tr .td .cellContent span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.V4 .Table .body .tr .td .cellContent .tdRow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
.V4 .Table .body .tr .td .cellContent .tdRow:not(:last-child):after {
  content: "";
}
.V4 .Table .body .tr .td .naked.Button {
  width: fit-content;
  margin: 5px 0 10px;
  padding: 0;
  height: 15px;
}
.V4 .Table .body .tr .td .naked.Button .label {
  color: var(--blue);
  font-size: 14px;
}
.V4 .Table .body .tr .td:first-child {
  padding: 0 5px;
  min-width: 30px;
}
.V4 .Table .body .tr .td.italic {
  font-style: italic;
  color: var(--gray);
}
.V4 .Table .body .tr .td .CheckboxInput {
  position: relative;
  top: 6px;
}
.V4 .Table .body .tr .placeholderCell {
  min-width: 40px;
}
.V4 .tableContainer {
  position: relative;
  justify-content: space-between;
  overflow: hidden;
  margin: 0 10px;
  background: var(--bg1);
  flex-direction: column;
}
.V4 .tableContainer .head.tableRowIcon .th:first-child {
  margin-left: 45px;
}
.V4 .tableContainer .body:hover::-webkit-scrollbar-thumb {
  border-width: 0;
  transition: ease-in-out all 0.2s;
}
.V4 .tableContainer .Table:hover::-webkit-scrollbar {
  height: 12px;
  border-radius: 6px;
}
.V4 .tableContainer .quickLinksButton {
  background: var(--blue);
  min-width: 40px;
  height: 40px;
  display: flex;
  align-self: flex-start;
  justify-content: space-around;
  flex-direction: column;
  padding: 10px;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  box-shadow: 10px 0px 10px -5px rgba(0, 0, 0, 0.2705882353);
  position: absolute;
  top: 0;
  left: 0;
}
.V4 .tableContainer .quickLinksButton.active {
  opacity: 1;
}
.V4 .tableContainer .quickLinksButton.disabled {
  pointer-events: auto;
}
.V4 .tableContainer .quickLinksButton.link {
  width: 40px;
}
.V4 .tableContainer .quickLinksButton.link .icon {
  fill: var(--light-blue);
}
.V4 .tableContainer .quickLinksButton:hover {
  background: var(--dark-blue);
}
.V4 .tableContainer .quickLinksButton > div {
  background: var(--light-blue);
  width: 100%;
  height: 2px;
}
.V4 .tableContainer .quickLinksButton > div:last-child {
  width: 50%;
}
.V4 .tableContainer .quickLinksButton.favoriteCatalogItems {
  opacity: 1;
  background: none;
  box-shadow: none;
}
.V4 .tableContainer .quickLinksButton.favoriteCatalogItems .favorite-star {
  display: block;
  fill: #f2c010;
}
.V4 .tableContainer .quickLinksButton.favoriteCatalogItems .favorite-unstar,
.V4 .tableContainer .quickLinksButton.favoriteCatalogItems .unfavorite-star,
.V4 .tableContainer .quickLinksButton.favoriteCatalogItems .unfavorite-unstar {
  display: none;
}
.V4 .TableFooter {
  align-items: center;
  justify-content: space-between;
  color: var(--text3);
  margin: 20px 0;
}
.V4 .TableFooter .pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.V4 .TableFooter .pagination .loop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.V4 .TableFooter .pagination .Button {
  height: 32px;
  width: 32px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  background: var(--bg3);
  color: var(--icon);
  opacity: 1;
  font-weight: 500;
  cursor: pointer;
}
.V4 .TableFooter .pagination .Button.disabled,
.V4 .TableFooter .pagination .Button:hover {
  background: var(--blue);
  color: #ffffff;
}
.V4 .TableFooter .pagination span.button {
  color: var(--icon);
  width: 32px;
  height: 32px;
  margin: 0 3px;
  cursor: pointer;
}
.V4 .TableFooter .pagination span.button:not(.disabled) {
  background-color: var(--bg3);
}
.V4 .TableFooter .pagination span.button:not(.disabled):hover {
  background: var(--blue);
  color: #ffffff;
}
.V4 .TableFooter .pagination span.button.disabled {
  color: var(--bg4);
}
.V4 .TableFooter .pagination span.button.last {
  transform: rotate(180deg);
}
.V4 .TableFooter .pagination span.button.prev {
  margin-right: 15px;
  margin-left: 5px;
}
.V4 .TableFooter .pagination span.button.next {
  margin-right: 5px;
  margin-left: 15px;
}
.V4 .TableFooter .Button {
  border-radius: 1px solid;
  margin: 0 2px;
  background-color: var(--bg1);
  border: none;
  font-size: 12px;
  padding: 5px 20px;
}
@media (min-width: 50em) {
  .V4 .TableFooter .Button {
    padding: 8px 10px;
  }
}
.V4 .TableFooter .Button:hover {
  background-color: var(--bg4);
}
.V4 .TableFooter .customSelect select {
  margin-left: 20px;
  padding: 7px 12px;
  width: 80px;
  font-size: 12px;
}
.V4 .TableFooter .TableFooterText {
  font-size: 14px;
  font-weight: 300;
}
.V4 .TableFooter .TableFooterText:last-child {
  margin-left: 20px;
}
.V4 .TableHeaderDropDown {
  padding: 0 6px;
  min-width: 20px;
  height: 20px;
  position: relative;
}
.V4 .TableHeaderDropDown .icon {
  width: 10px;
  height: 10px;
  background: transparent;
  border: solid 5px transparent;
  border-top-color: var(--icon);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 7px;
}
.V4 .TableHeaderDropDown:hover {
  background-color: var(--blue);
}
.V4 .TableHeaderDropDown:hover .icon {
  border-top-color: white;
}
.V4 .ModuleDropDown.ContextOptions {
  white-space: nowrap;
  max-width: 300px;
}
.V4 .ModuleDropDown.ContextOptions .option {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.V4 .ModuleDropDown.ContextOptions .option:hover:not(.disabled) {
  background-color: var(--light-blue);
  color: black;
  cursor: pointer;
}
.V4 .ModuleDropDown.ContextOptions .option.selected,
.V4 .ModuleDropDown.ContextOptions .option.selected:hover {
  background-color: var(--blue);
  color: white;
  cursor: default;
}
.V4 .ToggleContainer .SelectInput.dropDownMenu {
  width: initial;
  border: none;
  min-width: auto;
}
.V4 .ToggleContainer .SelectInput.dropDownMenu:hover .input {
  background: #ffffff;
}
.V4 .ToggleContainer .SelectInput.dropDownMenu .input {
  padding-right: 10px;
  margin-right: 5px;
}
.V4 .ToggleContainer .SelectInput.dropDownMenu .input svg.icon {
  width: 20px;
  height: 20px;
}
.V4 .ToggleContainer .SelectInput.dropDownMenu .input .label {
  overflow: hidden;
}
.V4 .ToggleContainer .SelectInput.dropDownMenu .input::after,
.V4 .ToggleContainer .SelectInput.dropDownMenu .label,
.V4 .ToggleContainer .SelectInput.dropDownMenu svg.checkmark {
  display: none;
}
.V4 .ToggleContainer:not(:last-child) {
  margin-bottom: 10px;
}
.V4 .ToggleContainer:hover .title span .icon {
  visibility: visible;
}
.V4 .ToggleContainer.formattingRules .children h4 {
  font-size: 14px;
  font-family: Roboto, sans-serif;
  margin-bottom: 10px;
  font-weight: 400;
}
.V4 .ToggleContainer .toggleIndicator {
  fill: initial;
}
.V4 .ToggleContainer > .title {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 50px;
  padding-left: 15px;
  cursor: pointer;
  background: var(--bg3);
  font-size: 18px;
  font-weight: 300;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.V4 .ToggleContainer > .title .label {
  flex-grow: 1;
}
.V4 .ToggleContainer > .title .label .InfoButton {
  top: -3px;
  left: 0;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.V4 .ToggleContainer > .title .label .InfoButton svg.icon {
  width: 12px;
  height: 12px;
}
.V4 .ToggleContainer > .title span.btn {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform-origin: center;
}
.V4 .ToggleContainer > .title span.btn svg.icon {
  width: 13px;
  height: 13px;
}
.V4 .ToggleContainer > .title span.btn svg.icon.icon-add {
  width: 20px;
  height: 20px;
}
.V4 .ToggleContainer > .title span.btn:hover svg.icon {
  fill: var(--blue);
}
.V4 .ToggleContainer > .title span.btn.disabled svg {
  fill: lightgray;
  pointer-events: none;
}
.V4 .ToggleContainer > .title span.btn.disabled svg :hover {
  cursor: default;
}
.V4 .ToggleContainer .children {
  -webkit-transition: height 0.2s ease;
  -moz-transition: height 0.2s ease;
  -ms-transition: height 0.2s ease;
  -o-transition: height 0.2s ease;
  transition: height 0.2s ease;
  padding: 0 20px;
  height: 0;
}
.V4 .ToggleContainer .children.open {
  padding: 10px 20px;
  margin-bottom: 10px;
  height: initial;
}
.V4 .ToggleContainer .children:not(.open) {
  overflow: hidden;
}
.V4 .ToggleContainer h4.title {
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  font-size: 20px;
  overflow: hidden;
}
.V4 .ToggleContainer.FieldSection > .title,
.V4 .ToggleContainer.SimpleFilterField > .title {
  height: auto;
}
.V4 .ToggleContainer.FieldSection > .title span.btn,
.V4 .ToggleContainer.SimpleFilterField > .title span.btn {
  height: auto;
  width: auto;
}
.V4 .ToggleContainer.collapsed .title .label {
  border: var(--blue) solid 1px;
  border-radius: 4px;
  padding: 0 3px;
}
.V4 .ToggleContainer.noPadding .children {
  padding: 0;
}
.V4 .ContextOptions {
  position: fixed;
  background: var(--bg1);
  color: var(--text1);
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
  z-index: 8500;
  white-space: nowrap;
}
.V4 .ContextOptions .option {
  padding: 7px 20px;
}
.V4 .ContextOptions .option:hover {
  background: #1874cd;
  color: #ffffff;
}
.V4 .ContextOptions .option.disabled {
  pointer-events: auto;
  color: lightgray;
  background-color: white;
}
.V4 .ContextOptions .option .InfoBubble {
  top: auto;
}
.V4 .Splitter {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: row;
  overflow: hidden;
  transition: ease-in-out filter 0.2s;
}
.V4 .Splitter > * {
  background: var(--bg1);
  overflow-x: hidden;
}
.V4 .Splitter > div {
  flex: 1 1 auto;
}
.V4 .Splitter > div:first-of-type {
  width: 70%;
}
.V4 .Splitter > div:last-of-type {
  width: 30%;
}
.V4 .Splitter.blurred {
  pointer-events: none;
  filter: brightness(0.7);
  transition: ease-in-out filter 0.2s;
}
.V4 .Splitter .dragger {
  cursor: col-resize;
  background: var(--bg4);
  z-index: 1001;
  width: 2px;
  overflow: visible;
}
.V4 .Splitter .dragger::after,
.V4 .Splitter .dragger::before {
  content: "";
  width: 10px;
  height: 100%;
  position: absolute;
  top: 0;
}
.V4 .Splitter .dragger::before {
  transform: translateX(-10px);
  background:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.04) 100%);
}
.V4 .Splitter .dragger::after {
  background:
    linear-gradient(
      -90deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.04) 100%);
  transform: translateX(2px);
}
.V4 .Splitter .dragger:hover {
  background: var(--blue);
  transition: ease color 0.2s;
}
.V4 .Splitter .dragger:hover .handler {
  background-color: var(--blue);
}
.V4 .Splitter .dragger .handler {
  position: relative;
  top: 50%;
  background: var(--bg4);
  transform: translate(-18px, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 40px;
  border-radius: 2px;
  z-index: 3;
  cursor: pointer;
}
.V4 .Splitter .dragger .handler.firstdragger {
  transform: translate(0, -50%);
}
.V4 .Splitter .dragger .handler svg {
  display: block;
  fill: #ffffff;
  width: 12px;
  height: 12px;
}
.V4 .Splitter .dragger .handler svg.rotate {
  transform: rotate(180deg);
}
.V4 .Splitter .right {
  right: 0;
}
.V4 .Splitter .thin .overlayPanel .topButtons .Button > .label,
.V4 .Splitter .thin .overlayPanel .topButtons .MultiActionButton > .label,
.V4 .Splitter .thin * .topButtons .Button > .label,
.V4 .Splitter .thin * .topButtons .MultiActionButton > .label {
  display: none;
}
.V4 .Splitter .thin .overlayPanel .topButtons .Button > svg.icon,
.V4 .Splitter .thin .overlayPanel .topButtons .MultiActionButton > svg.icon,
.V4 .Splitter .thin * .topButtons .Button > svg.icon,
.V4 .Splitter .thin * .topButtons .MultiActionButton > svg.icon {
  display: block;
}
.V4 .Splitter .thin .overlayPanel .topButtons .Button,
.V4 .Splitter .thin * .topButtons .Button {
  padding: 7px;
  margin: 0;
}
.V4 .Splitter .thin .overlayPanel .topButtons .Button > svg.icon,
.V4 .Splitter .thin * .topButtons .Button > svg.icon {
  width: 16px;
  height: 16px;
  margin: 0 4px;
}
.V4 .Splitter .thin .overlayPanel .topButtons .Button.MultiActionButton,
.V4 .Splitter .thin * .topButtons .Button.MultiActionButton {
  padding: 0 0 0 7px;
}
.V4 .Splitter .thin .overlayPanel .topButtons .Button.MultiActionButton > svg.icon,
.V4 .Splitter .thin * .topButtons .Button.MultiActionButton > svg.icon {
  margin-right: 10px;
}
.V4 .Splitter .thin .overlayPanel .topButtons .Button:not(:last-child),
.V4 .Splitter .thin * .topButtons .Button:not(:last-child) {
  margin-right: 8px;
}
.V4 .Splitter .thin .overlayPanel .GridTab .Button,
.V4 .Splitter .thin * .GridTab .Button {
  padding: 10px;
}
.V4 .Splitter .thin .FilterEditor .heading {
  flex-direction: column-reverse;
  align-items: flex-end;
}
.V4 .Splitter .thin .FilterEditor .heading .SearchField {
  max-width: 100%;
}
.V4 .Splitter .thin .FilterEditor .heading > *:first-child {
  margin-top: 20px;
}
.V4 .Splitter .thin .GridTab .header .MultiActionButton > .label {
  display: none;
}
.V4 .Splitter .thin .GridTab .header .MultiActionButton > svg.icon {
  display: block;
}
.V4 .Splitter .thin .Dockable.docked .secondaryHeader .SelectInput {
  max-width: none;
  width: calc(100% - 40px);
  margin-bottom: 10px;
}
.V4 .Splitter .thin .Dockable.docked .secondaryHeader .SearchField {
  width: 100%;
  margin-right: 0;
}
.V4 .Splitter .width500 .TabView.tab4 .tabLabel {
  display: none;
}
.V4 .Splitter .width400 .TabView.tab4 .tabLabel,
.V4 .Splitter .width400 .TabView.tab3 .tabLabel {
  display: none;
}
.V4 .Splitter .width300 .TabView.tab4 .tabLabel,
.V4 .Splitter .width300 .TabView.tab3 .tabLabel,
.V4 .Splitter .width300 .TabView.tab2 .tabLabel {
  display: none;
}
.V4 .Splitter .width200 .TabView.tab4 .tabLabel,
.V4 .Splitter .width200 .TabView.tab3 .tabLabel,
.V4 .Splitter .width200 .TabView.tab2 .tabLabel,
.V4 .Splitter .width200 .TabView.tab1 .tabLabel {
  display: none;
}
.V4 .ViewItem {
  font-size: 14px;
  font-weight: 400;
  padding: 5px;
  padding-left: 6px;
  background: var(--bg3);
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.V4 .ViewItem:not(:last-child) {
  margin-bottom: 10px;
}
.V4 .ViewItem .infoIcon {
  z-index: 8000;
  top: 13px;
  right: 125px;
}
.V4 .ViewItem:hover,
.V4 .ViewItem.isInEditMode,
.V4 .ViewItem.optionsOpen,
.V4 .ViewItem.active {
  background: var(--inlineEditHover);
  color: var(--blue);
}
.V4 .ViewItem:hover svg.icon.drag,
.V4 .ViewItem.isInEditMode svg.icon.drag,
.V4 .ViewItem.optionsOpen svg.icon.drag,
.V4 .ViewItem.active svg.icon.drag {
  fill: var(--blue-hover);
}
.V4 .ViewItem:hover.active,
.V4 .ViewItem.isInEditMode.active,
.V4 .ViewItem.optionsOpen.active,
.V4 .ViewItem.active.active {
  background: var(--blue);
  color: #ffffff;
}
.V4 .ViewItem:hover.active svg.icon.drag,
.V4 .ViewItem.isInEditMode.active svg.icon.drag,
.V4 .ViewItem.optionsOpen.active svg.icon.drag,
.V4 .ViewItem.active.active svg.icon.drag {
  fill: #ffffff;
}
.V4 .ViewItem:hover .OptionsButton,
.V4 .ViewItem.isInEditMode .OptionsButton,
.V4 .ViewItem.optionsOpen .OptionsButton,
.V4 .ViewItem.active .OptionsButton {
  visibility: visible;
}
.V4 .ViewItem:hover .OptionsButton .button .icon,
.V4 .ViewItem.isInEditMode .OptionsButton .button .icon,
.V4 .ViewItem.optionsOpen .OptionsButton .button .icon,
.V4 .ViewItem.active .OptionsButton .button .icon {
  fill: var(--icon);
}
.V4 .ViewItem:hover .OptionsButton:hover .button .icon,
.V4 .ViewItem.isInEditMode .OptionsButton:hover .button .icon,
.V4 .ViewItem.optionsOpen .OptionsButton:hover .button .icon,
.V4 .ViewItem.active .OptionsButton:hover .button .icon {
  fill: #b6e7ff;
}
.V4 .ViewItem .viewName {
  font-weight: 500;
}
.V4 .ViewItem.isInEditMode .viewName {
  background: var(--blue-hover);
  color: #ffffff;
  cursor: text;
}
.V4 .ViewItem.isInEditMode .viewName.error {
  background: #ffffff;
  height: 30px;
}
.V4 .ViewItem.isInEditMode .viewName.error::after {
  background: #ffffff;
}
.V4 .ViewItem.isInEditMode .viewName.error .content {
  transform: translate(-120px, -28px);
  color: #ff4136;
}
.V4 .ViewItem.active:not(:hover) .OptionsButton {
  visibility: hidden;
}
.V4 .ViewItem .avatar {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.V4 .ViewItem .avatar .Initials {
  position: relative;
  width: inherit;
  height: inherit;
  font-size: 16px;
  font-weight: 500;
  top: 0;
  left: 0;
  box-sizing: border-box;
}
.V4 .ViewItem .avatar img {
  width: inherit;
  height: inherit;
  border-radius: 50%;
}
.V4 .ViewItem .viewName {
  margin-right: 10px;
  border: transparent;
  background: transparent;
  padding: 5px;
}
.V4 .ViewItem .viewName.infoIcon {
  padding: 0px;
}
.V4 .ViewItem .sharedNum {
  width: 33px;
}
.V4 .ViewItem .OptionsButton {
  visibility: hidden;
  position: relative;
}
.V4 .ViewItem .OptionsButton .button {
  width: 32px;
  height: 32px;
}
.V4 .ViewItem .OptionsButton .button .icon {
  fill: var(--icon);
  height: 10px;
}
.V4 .ViewItem .OptionsButton .ContextOptions {
  position: absolute;
  right: 0;
}
.V4 .ViewItem .OptionsButton:hover .button {
  background: var(--blue-hover);
}
.V4 .ViewItem svg.icon.drag {
  width: 8px;
  height: 14px;
  fill: var(--gray5);
  margin-right: 5px;
}
.V4 .ViewItem.onDrag {
  transform: rotate(2deg);
  border: dotted 2px var(--bg3);
  filter: drop-shadow(0px 4px 3px rgba(0, 0, 0, 0.2));
}
.V4 .ViewItem.hasParentFolder {
  margin-left: 20px;
}
.V4 .ViewItem.parentFolderIsClosed {
  display: none;
}
.V4 .ViewItem__sharedToolTip {
  position: fixed;
}
.V4 .ViewItem__sharedToolTip .InfoBubble {
  min-width: 100px;
  position: relative;
  transform: none;
  z-index: 9000;
  left: 0;
}
.V4 .ViewItem__ownerToolTip {
  position: fixed;
}
.V4 .ViewItem__ownerToolTip .InfoBubble {
  min-width: 60px;
  position: relative;
  transform: none;
  z-index: 9000;
  left: 0;
}
.V4 .ViewItem__viewNameToolTip {
  position: absolute;
  left: 0;
  z-index: 3001;
}
.V4 .ViewItem__viewNameToolTip .InfoBubble {
  max-width: 200px;
  word-break: break-word;
}
.V4 .ViewFolder {
  font-size: 14px;
  font-weight: 400;
  background: #ffffff;
  box-sizing: border-box;
  cursor: pointer;
}
.V4 .ViewFolder.onDrop {
  border: 2px solid red;
}
.V4 .ViewFolder .name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-right: 10px;
  border: transparent;
  background: transparent;
  padding: 5px;
  color: var(--dark-gray);
}
.V4 .ViewFolder .arrow {
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  margin-top: 5px;
  background: transparent;
  border: solid 5px transparent;
  border-top-color: var(--blue);
  transition: ease-in-out transform 0.2s;
  transform-origin: 43% 20%;
  transform: rotate(-90deg);
}
.V4 .ViewFolder .arrow.isOpen {
  transform: rotate(0deg);
}
.V4 .ViewFolder > svg.icon {
  width: 15px;
  height: 13px;
  fill: var(--blue);
  margin: 0 7px 0 9px;
}
.V4 .ViewFolder > svg.icon.drag {
  margin: -2px 4px 0 0;
  fill: var(--gray5);
}
.V4 .ViewFolder .OptionsButton {
  visibility: hidden;
}
.V4 .ViewFolder .OptionsButton .button {
  width: 32px;
  height: 32px;
}
.V4 .ViewFolder .OptionsButton .button svg.icon {
  height: 10px;
  fill: #b6e7ff;
}
.V4 .ViewFolder .OptionsButton:hover .button {
  background: var(--blue-hover);
}
.V4 .ViewFolder:hover:not(.dndActive),
.V4 .ViewFolder.optionsOpen {
  background: var(--semantic-muted-info);
  color: var(--blue);
}
.V4 .ViewFolder:hover:not(.dndActive) .name,
.V4 .ViewFolder.optionsOpen .name {
  color: var(--blue);
}
.V4 .ViewFolder:hover:not(.dndActive) .arrow,
.V4 .ViewFolder.optionsOpen .arrow {
  border-top-color: var(--blue);
}
.V4 .ViewFolder:hover:not(.dndActive) svg.icon,
.V4 .ViewFolder.optionsOpen svg.icon {
  fill: var(--blue);
}
.V4 .ViewFolder:hover:not(.dndActive) .OptionsButton,
.V4 .ViewFolder.optionsOpen .OptionsButton {
  visibility: visible;
}
.V4 .ViewFolder:hover:not(.dndActive) .OptionsButton .button .icon,
.V4 .ViewFolder.optionsOpen .OptionsButton .button .icon {
  fill: var(--icon);
}
.V4 .ViewFolder:hover:not(.dndActive) .OptionsButton:hover .button .icon,
.V4 .ViewFolder.optionsOpen .OptionsButton:hover .button .icon {
  fill: #b6e7ff;
}
.V4 .ViewFolder.open .name {
  color: var(--blue);
}
.V4 .ViewFolder.onCombine {
  background: var(--light-blue);
}
.V4 .ViewSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
}
.V4 .ViewSelect .selected {
  cursor: pointer;
  font-size: 14px;
}
.V4 .ViewSelect .selected .icon {
  width: 8px;
  height: 8px;
  fill: currentColor;
  margin-left: 10px;
}
.V4 .ViewSelect .content {
  position: absolute;
  right: -126px;
  top: 35px;
  display: block;
  color: var(--icon);
  width: 370px;
  background: #ffffff;
  z-index: 8500;
  color: var(--icon);
  box-sizing: border-box;
}
.V4 .ViewSelect .content.open {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s ease-out, visibility 0s;
}
.V4 .ViewSelect .content .header {
  padding: 5px;
}
.V4 .ViewSelect .content .header .SearchField {
  width: 174px;
}
.V4 .ViewSelect .content .list {
  min-height: 250px;
  max-height: 380px;
  border-top: solid 1px var(--subMenuItemBG);
  padding: 10px;
  box-shadow: 0px 16px 16px rgba(50, 50, 71, 0.08), 0px 24px 32px rgba(50, 50, 71, 0.08);
}
.V4 .ViewSelect .content .list .empty {
  text-align: center;
  height: 100%;
  justify-content: center;
}
.V4 .ViewSelect .content .listroot {
  height: 50px;
}
.V4 .ViewSelect .droppable-item.onDrop {
  border: dashed 2px var(--bg4);
}
.V4 .ViewSelect .droppable-item.noParentViews {
  min-height: 100px;
}
.V4 .ViewSelect .parentFolderIsClosed {
  display: none;
}
.V4 .Field {
  font-size: 14px;
  align-items: flex-start;
}
.V4 .Field:not(:last-child) {
  margin-bottom: 5px;
}
.V4 .Field input:disabled {
  background: #eaeaea;
}
.V4 .Field input[type=checkbox] {
  margin-left: 13px;
}
.V4 .Field .element {
  width: calc(100% - 150px);
  min-height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  font-weight: 300;
}
.V4 .Field .element.shouldOverflow {
  overflow: inherit;
}
.V4 .Field.decimals .element {
  position: relative;
  display: inline;
}
.V4 .Field.decimals .element .infoIcon {
  display: inline;
  right: 75px;
}
.V4 .Field > label {
  word-break: break-word;
  position: relative;
  margin: 10px 5px 0 0;
  min-width: 150px;
}
.V4 .Field > label .fieldIconWrapper {
  width: 24px;
  height: 24px;
}
.V4 .Field > label .fieldIconWrapper svg {
  width: 11px;
  height: 11px;
}
.V4 .Field label {
  width: 100%;
  max-width: 150px;
  align-items: center;
}
.V4 .Field label .element {
  font-weight: 300;
}
.V4 .Field[data-inputtype=MultiLineText] .unfocused {
  display: block;
  overflow: auto;
  height: 100%;
  max-height: 140px;
  padding: 10px 25px 10px 10px;
}
.V4 .Field[data-inputtype=MultiLineText] .multiline {
  min-height: 38px;
}
.V4 .Field[data-inputtype=Type] {
}
.V4 .Field[data-inputtype=Type] .element {
  overflow: auto;
}
.V4 .Field .TextInput + svg.icon {
  display: none;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  transform: translateY(-50%);
  right: 11px;
}
.V4 .Field .TextInput:hover + svg.icon,
.V4 .Field .TextInput:active + svg.icon,
.V4 .Field .TextInput:focus + svg.icon {
  display: block;
}
.V4 .Field:hover .element {
}
.V4 .Field:hover .element > *:not(.add-item):not(.ClickToEditInput):not(.spinner):not(.disabled):not(.error):not(.ToggleSwitch) {
  border-color: var(--input-border);
}
.V4 .Field.disabled {
  pointer-events: auto;
}
.V4 .Field.disabled .element {
  color: var(--gray);
}
.V4 .Field.disabled .element .SelectInput,
.V4 .Field.disabled .element .MultiSelectInput {
  border-color: transparent;
}
.V4 .Field.disabled .element .SelectInput .input::after,
.V4 .Field.disabled .element .MultiSelectInput .input::after {
  display: none;
}
.V4 .Field.disabled:hover .element .SelectInput,
.V4 .Field.disabled:hover .element .MultiSelectInput {
  border-color: transparent;
}
.V4 .StepLabel {
  justify-content: flex-end;
  align-items: center;
  padding: 20px;
}
.V4 .StepLabel .stepLabel {
  display: inline-block;
  margin-right: auto;
}
.V4 .StepIndicator {
  width: 100%;
  justify-content: center;
  color: #bfbfbf;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
}
.V4 .StepIndicator .stepIndex {
  position: relative;
  width: 36px;
  height: 36px;
  background-color: #f5f5f5;
  border-radius: 99px;
  margin-left: auto;
  margin-right: auto;
}
.V4 .StepIndicator .stepIndex:last-of-type::after {
  display: none;
}
.V4 .StepIndicator .stepIndex.active,
.V4 .StepIndicator .stepIndex.done {
  background-color: #3495f0;
  color: #ffffff;
}
.V4 .StepIndicator .stepIndex.active::before,
.V4 .StepIndicator .stepIndex.done::before {
  color: #37474f;
}
.V4 .StepIndicator .stepIndex::before {
  content: attr(data-content);
  position: absolute;
  top: 50px;
  width: fit-content;
  white-space: nowrap;
}
.V4 .StepIndicator .lineWrapper .line {
  height: 2px;
  width: 80px;
  background-color: #eff1f2;
}
.V4 .SelectSlider {
  height: 100%;
}
.V4 .SelectSlider.disabled {
  opacity: 0.5;
}
.V4 .SelectSlider .sliders {
  display: block;
  height: 100%;
}
.V4 .SelectSlider .sliders .sliderRow {
  display: flex;
  justify-content: space-between;
  min-height: 39px;
  padding: 9px 0 9px 10px;
}
.V4 .SelectSlider .sliders .sliderRow:nth-child(2n+1) {
  background-color: var(--bg3);
}
.V4 .SelectSlider .sliders .sliderRow:nth-child(2n) {
  background-color: white;
}
.V4 .SelectSlider .sliders .sliderRow .sliderName {
  min-width: 50px;
  word-break: break-word;
}
.V4 .SelectSlider .sliders .sliderRow .slider {
  display: grid;
  position: relative;
  align-content: center;
}
.V4 .SelectSlider .tick {
  width: 1px;
  height: 5px;
  background: #dadada;
}
.V4 .SelectSlider .tick.top {
  transform: translateY(-2px);
}
.V4 .SelectSlider .tick.bottom {
  transform: translateY(8px);
}
.V4 .SelectSlider .greyBar,
.V4 .SelectSlider .blueBar {
  margin-left: -3px;
  margin-right: -3px;
  top: 6px;
  position: relative;
}
.V4 .SelectSlider .greyBar {
  height: 4px;
  background: #c4c4c4;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
}
.V4 .SelectSlider .greyBar::after {
  content: "";
  position: absolute;
  left: -4px;
  right: -4px;
  top: -10px;
  bottom: -10px;
}
.V4 .SelectSlider .blueBar {
  height: 4px;
  background: #3495f0;
  border-radius: 2px;
  pointer-events: none;
}
.V4 .SelectSlider .knob {
  width: 8px;
  height: 20px;
  background: #3495f0;
  border: 1px solid var(--blue-hover);
  box-sizing: border-box;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  transform: translate(-4px, -2px);
  pointer-events: none;
}
.V4 .PermissionOptions {
  display: grid;
  padding: 30px 0 10px 0;
  justify-content: end;
  align-items: center;
  background: #ffffff;
  z-index: 1000;
}
.V4 .PermissionOptions.emptyLabel {
  justify-content: start;
  padding-left: 10px;
}
.V4 .PermissionOptions.scrolled {
  box-shadow: 0px 7px 12px -4px rgba(50, 50, 71, 0.08);
}
.V4 .PermissionOptions .option {
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  color: #37474f;
  transform: translatex(-50%);
  text-align: center;
  position: relative;
  height: 21px;
}
.V4 .PermissionOptions .option .InfoButton {
  position: absolute;
  width: 17px;
  margin-left: 31px;
}
.V4 .PermissionOptions .option .option-label {
  padding: 5px;
  color: var(--blue);
}
.V4 .PermissionOptions .option .option-label:not(.disabled).outlined {
  border: 1px solid var(--blue);
}
.V4 .PermissionOptions .option .option-label:not(.disabled):hover {
  color: white;
  background-color: var(--blue);
}
.V4 .InfoBubble.permissionInfoBubble {
  left: 0;
  top: -5px;
  min-width: auto;
}
.V4 .AddListItem {
  position: relative;
}
.V4 .AddListItem.open .Button {
  border-color: var(--blue);
  color: var(--blue);
}
.V4 .AddListItem.open input {
  border-color: var(--blue);
}
.V4 .AddListItem .Button {
  margin: 0;
}
.V4 .AddListItem .list {
  max-height: 300px;
  overflow-y: auto;
  border: solid 2px var(--bg3);
  box-shadow: 0px 5px 5px 0 rgba(0, 0, 0, 0.0901960784);
}
.V4 .AddListItem .user {
  border: solid 1px transparent;
  border-bottom-color: var(--bg3);
  height: 60px;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}
.V4 .AddListItem .user .name {
  font-size: 16px;
}
.V4 .AddListItem .user .email {
  font-size: 14px;
  color: #a9a3a3;
}
.V4 .AddListItem .user.hover .name {
  color: #ffffff;
}
.V4 .AddListItem .user.hover .email {
  color: #b0d3f3;
}
.V4 .AddListItem .selector {
  position: absolute;
  width: 100%;
  background: #ffffff;
}
.V4 .AddUserOrUserGroup {
  position: relative;
}
.V4 .AddUserOrUserGroup .button,
.V4 .AddUserOrUserGroup .icon {
  z-index: 1002;
}
.V4 .AddUserOrUserGroup__selector {
  position: absolute;
  left: 0px;
  background: white;
  max-height: 400px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
  padding: 5px;
  box-sizing: border-box;
}
.V4 .AddUserOrUserGroup__selector h3 {
  font-size: 18px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  margin: 15px;
}
.V4 .AddUserOrUserGroup__selector .list .item {
  align-items: center;
  padding: 5px 10px;
  cursor: pointer;
  box-sizing: border-box;
  width: 100%;
  height: 52px;
}
.V4 .AddUserOrUserGroup__selector .list .item.owner {
  background: var(--subMenuItemBG);
}
.V4 .AddUserOrUserGroup__selector .list .item.unregistered .name {
  font-style: italic;
}
.V4 .AddUserOrUserGroup__selector .list .item svg.icon {
  width: 20px;
  height: 20px;
}
.V4 .AddUserOrUserGroup__selector .list .item svg.icon.owner-icon {
  fill: var(--blue);
}
.V4 .AddUserOrUserGroup__selector .list .item .avatar {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.V4 .AddUserOrUserGroup__selector .list .item .avatar .Initials {
  position: relative;
  width: inherit;
  height: inherit;
  font-size: 16px;
  font-weight: 500;
  top: 0;
  left: 0;
  box-sizing: border-box;
}
.V4 .AddUserOrUserGroup__selector .list .item .avatar img {
  width: inherit;
  height: inherit;
  border-radius: 50%;
}
.V4 .AddUserOrUserGroup__selector .list .item .label {
  overflow: hidden;
}
.V4 .AddUserOrUserGroup__selector .list .item .label > * {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.V4 .AddUserOrUserGroup__selector .list .item .counter,
.V4 .AddUserOrUserGroup__selector .list .item .email {
  font-size: 12px;
  font-weight: 300;
  color: var(--bg4);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.V4 .AddUserOrUserGroup__selector .list .item .name {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.V4 .AddUserOrUserGroup__selector .list .item .button {
  padding: 9px;
  visibility: hidden;
}
.V4 .AddUserOrUserGroup__selector .list .item .button:hover {
  background: var(--blue-hover);
}
.V4 .AddUserOrUserGroup__selector .list .item:hover {
  border-color: var(--blue);
  background: var(--blue);
  color: #ffffff;
}
.V4 .AddUserOrUserGroup__selector .list .item:hover .button {
  visibility: visible;
}
.V4 .AddUserOrUserGroup__selector .list .item:hover .counter,
.V4 .AddUserOrUserGroup__selector .list .item:hover .email {
  color: #b6e7ff;
}
.V4 .AddUserOrUserGroup__selector .list .item:hover svg.icon.owner-icon {
  fill: #ffffff;
}
.V4 .AddUserOrUserGroup__selector .list .item:hover .ShareOption svg.icon {
  fill: #ffffff;
}
.V4 .AddUserOrUserGroup__selector .list .item:hover .ShareOption:hover {
  background: var(--blue-hover);
}
.V4 .AddUserOrUserGroup__selector .list .item:hover .button svg.icon {
  fill: #ffffff;
}
.V4 .AddUserOrUserGroup__selector .list .item .labels {
  overflow: auto;
}
.V4 .AddUserOrUserGroup__selector .list .item .name {
  font-weight: 400;
}
.V4 .AddUserOrUserGroup__selector .list .item:hover .Button {
  display: inherit;
}
.V4 .AddUserOrUserGroup__selector .Button {
  margin: 0;
  display: none;
}
.V4 .AddUserOrUserGroup__selector .empty {
  font-weight: 300;
  margin: 40px 0;
  text-align: center;
  color: var(--gray);
}
.V4 .SearchAddAndListItems .SearchField {
  padding: 15px;
  box-sizing: content-box;
  background: var(--blue);
  width: auto;
}
.V4 .SearchAddAndListItems .SearchField input {
  background: var(--dark-blue);
  color: #ffffff;
  border: none;
}
.V4 .SearchAddAndListItems .SearchField input::placeholder {
  color: var(--light-blue);
}
.V4 .SearchAddAndListItems .SearchField svg {
  fill: var(--light-blue);
  z-index: 2000;
}
.V4 .SearchAddAndListItems .SearchField .button.cancel {
  position: absolute;
  right: 15px;
  top: 50%;
}
.V4 .SearchAddAndListItems .list {
  padding: 5px;
}
.V4 .SearchAddAndListItems .list .item {
  align-items: center;
  padding: 5px 10px;
  cursor: pointer;
  box-sizing: border-box;
  width: 100%;
  height: 52px;
}
.V4 .SearchAddAndListItems .list .item.owner {
  background: var(--subMenuItemBG);
}
.V4 .SearchAddAndListItems .list .item.unregistered .name {
  font-style: italic;
}
.V4 .SearchAddAndListItems .list .item svg.icon {
  width: 20px;
  height: 20px;
}
.V4 .SearchAddAndListItems .list .item svg.icon.owner-icon {
  fill: var(--blue);
}
.V4 .SearchAddAndListItems .list .item .avatar {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.V4 .SearchAddAndListItems .list .item .avatar .Initials {
  position: relative;
  width: inherit;
  height: inherit;
  font-size: 16px;
  font-weight: 500;
  top: 0;
  left: 0;
  box-sizing: border-box;
}
.V4 .SearchAddAndListItems .list .item .avatar img {
  width: inherit;
  height: inherit;
  border-radius: 50%;
}
.V4 .SearchAddAndListItems .list .item .label {
  overflow: hidden;
}
.V4 .SearchAddAndListItems .list .item .label > * {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.V4 .SearchAddAndListItems .list .item .counter,
.V4 .SearchAddAndListItems .list .item .email {
  font-size: 12px;
  font-weight: 300;
  color: var(--bg4);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.V4 .SearchAddAndListItems .list .item .name {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.V4 .SearchAddAndListItems .list .item .button {
  padding: 9px;
  visibility: hidden;
}
.V4 .SearchAddAndListItems .list .item .button:hover {
  background: var(--blue-hover);
}
.V4 .SearchAddAndListItems .list .item:hover {
  border-color: var(--blue);
  background: var(--blue);
  color: #ffffff;
}
.V4 .SearchAddAndListItems .list .item:hover .button {
  visibility: visible;
}
.V4 .SearchAddAndListItems .list .item:hover .counter,
.V4 .SearchAddAndListItems .list .item:hover .email {
  color: #b6e7ff;
}
.V4 .SearchAddAndListItems .list .item:hover svg.icon.owner-icon {
  fill: #ffffff;
}
.V4 .SearchAddAndListItems .list .item:hover .ShareOption svg.icon {
  fill: #ffffff;
}
.V4 .SearchAddAndListItems .list .item:hover .ShareOption:hover {
  background: var(--blue-hover);
}
.V4 .SearchAddAndListItems .list .item:hover .button svg.icon {
  fill: #ffffff;
}
.V4 .SearchAddAndListItems .list .item .labels {
  overflow: auto;
}
.V4 .SearchAddAndListItems .list .item {
  height: 52px;
}
.V4 .SearchAddAndListItems .list .item .name {
  font-weight: 400;
}
.V4 .SearchAddAndListItems .list .item .Button {
  display: none;
}
.V4 .SearchAddAndListItems .list .item:hover .Button {
  display: inherit;
}
.V4 .SearchAddAndListItems .Button {
  margin: 0;
  display: none;
}
.V4 .SearchAddAndListItems__selector {
  position: absolute;
  left: 0px;
  background: white;
  max-height: 400px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
  padding: 5px;
  box-sizing: border-box;
}
.V4 .SearchAddAndListItems__selector h3 {
  font-size: 18px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  margin: 15px;
}
.V4 .SearchAddAndListItems__selector .list {
  padding: 5px;
}
.V4 .SearchAddAndListItems__selector .list .item {
  align-items: center;
  padding: 5px 10px;
  cursor: pointer;
  box-sizing: border-box;
  width: 100%;
  height: 52px;
}
.V4 .SearchAddAndListItems__selector .list .item.owner {
  background: var(--subMenuItemBG);
}
.V4 .SearchAddAndListItems__selector .list .item.unregistered .name {
  font-style: italic;
}
.V4 .SearchAddAndListItems__selector .list .item svg.icon {
  width: 20px;
  height: 20px;
}
.V4 .SearchAddAndListItems__selector .list .item svg.icon.owner-icon {
  fill: var(--blue);
}
.V4 .SearchAddAndListItems__selector .list .item .avatar {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.V4 .SearchAddAndListItems__selector .list .item .avatar .Initials {
  position: relative;
  width: inherit;
  height: inherit;
  font-size: 16px;
  font-weight: 500;
  top: 0;
  left: 0;
  box-sizing: border-box;
}
.V4 .SearchAddAndListItems__selector .list .item .avatar img {
  width: inherit;
  height: inherit;
  border-radius: 50%;
}
.V4 .SearchAddAndListItems__selector .list .item .label {
  overflow: hidden;
}
.V4 .SearchAddAndListItems__selector .list .item .label > * {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.V4 .SearchAddAndListItems__selector .list .item .counter,
.V4 .SearchAddAndListItems__selector .list .item .email {
  font-size: 12px;
  font-weight: 300;
  color: var(--bg4);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.V4 .SearchAddAndListItems__selector .list .item .name {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.V4 .SearchAddAndListItems__selector .list .item .button {
  padding: 9px;
  visibility: hidden;
}
.V4 .SearchAddAndListItems__selector .list .item .button:hover {
  background: var(--blue-hover);
}
.V4 .SearchAddAndListItems__selector .list .item:hover {
  border-color: var(--blue);
  background: var(--blue);
  color: #ffffff;
}
.V4 .SearchAddAndListItems__selector .list .item:hover .button {
  visibility: visible;
}
.V4 .SearchAddAndListItems__selector .list .item:hover .counter,
.V4 .SearchAddAndListItems__selector .list .item:hover .email {
  color: #b6e7ff;
}
.V4 .SearchAddAndListItems__selector .list .item:hover svg.icon.owner-icon {
  fill: #ffffff;
}
.V4 .SearchAddAndListItems__selector .list .item:hover .ShareOption svg.icon {
  fill: #ffffff;
}
.V4 .SearchAddAndListItems__selector .list .item:hover .ShareOption:hover {
  background: var(--blue-hover);
}
.V4 .SearchAddAndListItems__selector .list .item:hover .button svg.icon {
  fill: #ffffff;
}
.V4 .SearchAddAndListItems__selector .list .item .labels {
  overflow: auto;
}
.V4 .SearchAddAndListItems__selector .list .item {
  height: 52px;
}
.V4 .SearchAddAndListItems__selector .list .item .name {
  font-weight: 400;
}
.V4 .SearchAddAndListItems__selector .list .item .Button {
  display: none;
}
.V4 .SearchAddAndListItems__selector .list .item:hover .Button {
  display: inherit;
}
.V4 .SearchAddAndListItems__selector .empty {
  font-weight: 300;
  margin: 40px 0;
  text-align: center;
  color: var(--gray);
}
.V4 .PieChart {
  position: relative;
  border: 1px solid #000000;
  padding: 40px;
  text-align: center;
}
.V4 .PieChart .expandButton {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #858585;
}
.V4 .PieChart .slice {
  cursor: pointer;
}
.V4 .PieChart.interacting .slice {
  transition: opacity 0.1s ease;
  opacity: 0.4;
}
.V4 .PieChart.interacting .slice.selected {
  opacity: 1;
}
.V4 .PieChart .legend {
  padding: 20px;
  display: inline-block;
}
.V4 .PieChart .entry {
  cursor: pointer;
  align-items: center;
}
.V4 .PieChart .entry .rect {
  width: 10px;
  height: 10px;
  margin-right: 5px;
}
.V4 .PieChart.interacting .entry {
  opacity: 0.4;
}
.V4 .PieChart.interacting .entry.selected {
  opacity: 1;
}
.V4 .BarChart {
  position: relative;
  border: 1px solid #000000;
  padding: 30px;
  text-align: center;
}
.V4 .BarChart .expandButton {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #858585;
}
.V4 .BarChart svg {
  align-self: flex-end;
}
.V4 .BarChart .slice {
  cursor: pointer;
}
.V4 .BarChart.interacting .slice {
  transition: opacity 0.1s ease;
  opacity: 0.4;
}
.V4 .BarChart.interacting .slice.selected {
  opacity: 1;
}
.V4 .BarChart .legend {
  padding: 20px;
}
.V4 .BarChart .entry {
  cursor: pointer;
}
.V4 .BarChart.interacting .entry {
  opacity: 0.4;
}
.V4 .BarChart.interacting .entry.selected {
  opacity: 1;
}
.V4 .ColumnEditor {
  height: 100%;
  max-height: calc(100vh - 220px);
}
.V4 .ColumnEditor .dropArea {
  height: calc(100% - 20px);
  border: 3px dashed var(--bg4);
  margin: 10px;
}
.V4 .ColumnEditor .dropArea > div {
  text-align: center;
  padding: 43% 0;
  color: var(--light-gray);
}
.V4 .ColumnEditor .column {
  cursor: pointer;
  height: 38px;
  margin: 6px;
  background: var(--bg3);
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: var(--text1);
  position: relative;
  padding-left: 30px;
}
.V4 .ColumnEditor .column.semiHidden {
  opacity: 0.5;
}
.V4 .ColumnEditor .column .name {
  width: 250px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.V4 .ColumnEditor .column svg {
  width: 16px;
  margin-right: 5px;
}
.V4 .ColumnEditor .column:not(.disabled) {
}
.V4 .ColumnEditor .column:not(.disabled).selected,
.V4 .ColumnEditor .column:not(.disabled):hover {
  background: var(--blue);
  color: #ffffff;
}
.V4 .ColumnEditor .column:not(.disabled).selected::before,
.V4 .ColumnEditor .column:not(.disabled):hover::before {
  background: url(../assets/images/common/drag-icon-white.svg) no-repeat center;
  fill: white;
}
.V4 .ColumnEditor .column.disabled {
  background: #ffffff;
  pointer-events: none;
  color: #c4c4c4;
  border: 1px solid #f0f0f0;
}
.V4 .ColumnEditor .column.count {
  background: #b6e7ff;
}
.V4 .ColumnEditor .column .selectionCount {
  position: absolute;
  color: #3495f0;
  background: #ffffff;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  text-align: center;
  border: 1px solid #3495f0;
  font-size: 15px;
  font-weight: bold;
  line-height: 23px;
  top: -7px;
  right: -5px;
}
.V4 .ColumnEditor h4 {
  color: var(--navText);
  font-size: 18px;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  margin-bottom: 35px;
}
.V4 .ColumnEditor .manage-cols-box {
  display: grid;
  grid-template-columns: 300px 40px 300px 40px;
  grid-gap: 10px;
}
.V4 .ColumnEditor .manage-cols-box .col {
  height: calc(100vh - 200px);
}
.V4 .ColumnEditor .manage-cols-box .col .move-right,
.V4 .ColumnEditor .manage-cols-box .col .angle-down,
.V4 .ColumnEditor .manage-cols-box .col .tothebottom {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.V4 .ColumnEditor .manage-cols-box .col label {
  margin-bottom: 5px;
}
.V4 .ColumnEditor .manage-cols-box .col .button {
  width: 40px;
  height: 40px;
  background: var(--bg3);
  color: #a9a3a3;
}
.V4 .ColumnEditor .manage-cols-box .col .button.disabled {
  opacity: 0.5;
}
.V4 .ColumnEditor .manage-cols-box .col .FindInList .button {
  width: auto;
  height: auto;
}
.V4 .ColumnEditor .manage-cols-box .col .border {
  border: 1px solid var(--bg3);
  margin-top: 20px;
  overflow-y: auto;
  height: calc(100% - 151px);
}
.V4 .ColumnEditor .manage-cols-box .col .border .TabView .buttons {
  display: none;
}
.V4 .ColumnEditor .manage-cols-box .col .border .TabView .buttons .button {
  background: none;
}
.V4 .ColumnEditor .manage-cols-box .col .border .TabView .buttons .button.selected {
  background: white;
  color: var(--blue);
}
.V4 .ColumnEditor .manage-cols-box .col .border.linkedFields .TabView > .buttons {
  display: flex;
}
.V4 .ColumnEditor .manage-cols-box .col .border .ToggleContainer {
  padding-bottom: 10px;
}
.V4 .ColumnEditor .manage-cols-box .col .border .ToggleContainer.prohibited {
  background: #ffb4b4;
}
.V4 .ColumnEditor .manage-cols-box .col .border .ToggleContainer .children.open {
  min-height: 100px;
}
.V4 .ColumnEditor .manage-cols-box .col .border .ToggleContainer .title {
  margin-bottom: 0;
  background: none;
  padding: 15px 12px 0;
}
.V4 .ColumnEditor .border {
  user-select: none;
}
.V4 .ColumnEditor .border .TabView {
  height: 100%;
}
.V4 .ColumnEditor .border .TabView .buttons .button {
  padding: 10px;
}
.V4 .ColumnEditor .border .TabView .views {
  height: 100%;
}
.V4 .ColumnEditor .border .TabView .views .DetailsTab {
  overflow: auto;
}
.V4 .OrganizationSwitch {
  position: absolute;
  width: 100%;
  height: 100%;
  background: white;
  transform: translatex(-240px);
  transition: ease-in-out all 0.2s;
  overflow: hidden;
}
.V4 .OrganizationSwitch.open {
  transform: translatex(0);
}
.V4 .OrganizationSwitch .goBack {
  width: 20px;
  margin: 20px 20px 0;
  color: #a5a5a5;
  margin-right: auto;
}
.V4 .OrganizationSwitch > input {
  width: calc(100% - 40px);
  margin: 20px;
}
.V4 .OrganizationSwitch .organizationsList {
  overflow: auto;
  height: calc(100% - 116px);
}
.V4 .OrganizationSwitch .organizationsList ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.V4 .OrganizationSwitch .organizationsList ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  width: 100%;
  height: 60px;
  transition: ease-in-out all 0.2s;
  padding-right: 20px;
}
.V4 .OrganizationSwitch .organizationsList ul li:hover {
  background: var(--bg3);
}
.V4 .OrganizationSwitch .organizationsList ul li.selected,
.V4 .OrganizationSwitch .organizationsList ul li.selected:hover {
  background: var(--blue);
  color: #ffffff;
  pointer-events: none;
}
.V4 .OrganizationSwitch .organizationsList ul li.selected .icon,
.V4 .OrganizationSwitch .organizationsList ul li.selected:hover .icon {
  fill: #ffffff;
  visibility: visible;
}
.V4 .OrganizationSwitch .organizationsList ul li .icon {
  width: 14px;
  min-width: 14px;
  height: 10px;
  margin: 0 10px 0 20px;
  visibility: hidden;
}
.V4 .OrganizationSwitch .organizationsList ul li h2 {
  font-size: 12px;
  font-family: Roboto, sans-serif;
  font-weight: 500;
}
.V4 .sso-switch .LoginWindow {
  background: none;
}
.V4 .SideBar {
  position: absolute;
  height: 100%;
  transform: translateX(-100%);
  width: 240px;
  order: -1;
  background: var(--navbg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  z-index: 99999;
  -webkit-transition: transform 0.4s ease;
  -moz-transition: transform 0.4s ease;
  -ms-transition: transform 0.4s ease;
  -o-transition: transform 0.4s ease;
  transition: transform 0.4s ease;
  -webkit-box-shadow: 4px 0 8px -4px var(--navShadow);
  -moz-box-shadow: 4px 0 8px -4px var(--navShadow);
  box-shadow: 4px 0 8px -4px var(--navShadow);
}
.V4 .SideBar.open {
  transform: none;
}
.V4 .SideBar .navContainer {
  flex: 1;
  overflow-y: auto;
}
.V4 .SideBar .navContainer .iconContainer {
  width: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
.V4 .SideBar .navContainer .iconContainer .navIcon {
  width: 24px;
  height: 24px;
  fill: var(--blue);
}
.V4 .SideBar .navContainer nav ul {
  list-style: none;
  padding: 0;
}
.V4 .SideBar .navContainer nav ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  transition: ease-in-out all 0.2s;
}
.V4 .SideBar .navContainer nav ul li.open {
  color: #ffffff;
  background: var(--blue);
  transition: ease-in-out all 0.2s;
}
.V4 .SideBar .navContainer nav ul li.open .iconContainer .icon {
  fill: #ffffff;
}
.V4 .SideBar .navContainer nav ul li.open .toggleContainer {
  transition: ease-in-out all 0.2s;
  background: var(--bg3);
}
.V4 .SideBar .navContainer nav ul li.open .toggleContainer .dropDownToggle {
  border-top-color: var(--blue);
}
.V4 .SideBar .navContainer nav ul li span.navLink,
.V4 .SideBar .navContainer nav ul li span.viewItem {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  height: 50px;
  width: 100%;
}
.V4 .SideBar .navContainer nav ul li span.navLink:hover,
.V4 .SideBar .navContainer nav ul li span.viewItem:hover {
  color: #ffffff;
  background: var(--blue);
  transition: ease-in-out all 0.2s;
}
.V4 .SideBar .navContainer nav ul li span.navLink:hover .iconContainer .icon,
.V4 .SideBar .navContainer nav ul li span.viewItem:hover .iconContainer .icon {
  fill: #ffffff;
}
.V4 .SideBar .navContainer nav ul li ul.views {
  display: none;
  padding: 15px 0;
  background: var(--bg3);
  width: 100%;
}
.V4 .SideBar .navContainer nav ul li ul.views.open {
  display: block;
}
.V4 .SideBar .navContainer nav ul li ul.views li.view {
  padding: 5px 0 5px 50px;
}
.V4 .SideBar .navContainer nav ul li ul.views li.view .viewItem {
  font-size: 14px;
  text-transform: none;
  text-decoration: none;
  color: var(--text1);
  height: auto;
}
.V4 .SideBar .navContainer nav ul li ul.views li.view .viewItem:hover {
  background: none;
}
.V4 .SideBar .navContainer nav ul li ul.views li.view .viewItem::selection {
  background: none;
}
.V4 .SideBar .navContainer nav ul li ul.views li.view:hover {
  background: inherit;
}
.V4 .SideBar .navContainer nav ul li ul.views li.view:hover .viewItem {
  color: var(--blue);
}
.V4 .SideBar .navContainer > .portfolio {
  background: var(--bg2);
  padding-bottom: 5px;
}
.V4 .SideBar .navContainer > .portfolio .navIcon {
  transform: scale(0.8);
}
.V4 .SideBar .navContainer > .portfolio .current {
  font-size: 14px;
  padding: 15px 20px;
  width: calc(100% - 5px);
}
.V4 .SideBar .navContainer > .portfolio .current .title {
  font-size: 12px;
  color: #a9a3a3;
  margin-top: 3px;
}
.V4 .SideBar .navContainer > .portfolio nav ul {
  margin-top: 0;
}
.V4 .SideBar .orgBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px;
  width: 100%;
  padding: 10px;
  border-top: solid 1px var(--bg3);
  background: #ffffff;
}
.V4 .SideBar .orgBox .orgLogo {
  position: relative;
  width: 110px;
  height: 110px;
}
.V4 .SideBar .orgBox .orgLogo img {
  width: 100%;
  height: auto;
}
.V4 .SideBar .orgBox .orgName {
  width: 80%;
  height: auto;
  text-align: center;
  align-items: center;
}
.V4 .SideBar .orgBox .button.switchOrg {
  color: var(--text5);
  position: absolute;
  right: 10px;
}
.V4 .SideBar .SwitchOrganization {
  position: absolute;
  width: 100%;
  height: 100%;
  background: white;
  transform: translatex(-240px);
  transition: ease-in-out all 0.2s;
  overflow: none;
}
.V4 .SideBar .SwitchOrganization.open {
  transform: translatex(0);
}
.V4 .SideBar .SwitchOrganization .goBack {
  width: 20px;
  margin: 20px 20px 0;
  color: #a5a5a5;
  margin-right: auto;
}
.V4 .SideBar .SwitchOrganization > input {
  width: calc(100% - 40px);
  margin: 20px;
}
.V4 .SideBar .SwitchOrganization .organizationsList {
  overflow: auto;
  height: calc(100% - 116px);
}
.V4 .SideBar .SwitchOrganization .organizationsList ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.V4 .SideBar .SwitchOrganization .organizationsList ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  width: 100%;
  height: 60px;
  transition: ease-in-out all 0.2s;
  padding-right: 20px;
}
.V4 .SideBar .SwitchOrganization .organizationsList ul li:hover {
  background: var(--bg3);
}
.V4 .SideBar .SwitchOrganization .organizationsList ul li.selected,
.V4 .SideBar .SwitchOrganization .organizationsList ul li.selected:hover {
  background: var(--blue);
  color: #ffffff;
}
.V4 .SideBar .SwitchOrganization .organizationsList ul li.selected .icon,
.V4 .SideBar .SwitchOrganization .organizationsList ul li.selected:hover .icon {
  fill: #ffffff;
  visibility: visible;
}
.V4 .SideBar .SwitchOrganization .organizationsList ul li .icon {
  width: 14px;
  min-width: 14px;
  height: 10px;
  margin: 0 10px 0 20px;
  visibility: hidden;
}
.V4 .SideBar .SwitchOrganization .organizationsList ul li h2 {
  font-size: 12px;
  font-family: Roboto, sans-serif;
  font-weight: 500;
}
.V4 .SideBar:hover ::-webkit-scrollbar-thumb {
  border-width: 0;
  transition: ease-in-out all 0.2s;
}
.V4 .SideBarNavItem .linkContainer {
  width: 100%;
}
.V4 .SideBarNavItem .linkContainer span.navLink {
  font-size: 14px;
  height: 40px;
}
.V4 .SideBarNavItem .linkContainer span.navLink:hover {
  background: var(--bg3);
}
.V4 .SideBarNavItem .linkContainer .toggleContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  transition: ease-in-out all 0.2s;
  width: 55px;
}
.V4 .SideBarNavItem .linkContainer .toggleContainer:hover {
  transition: ease-in-out all 0.2s;
  background: var(--bg3);
}
.V4 .SideBarNavItem .linkContainer .toggleContainer:hover .dropDownToggle {
  border-top-color: var(--blue);
}
.V4 .SideBarNavItem .linkContainer .toggleContainer .dropDownToggle {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid var(--text2);
  transition: ease-in-out all 0.2s;
  transform: rotate(-90deg);
}
.V4 .SideBarNavItem .linkContainer .toggleContainer .dropDownToggle.open {
  transition: ease-in-out all 0.2s;
  transform: rotate(0deg);
  border-top-color: var(--blue);
}
.V4 header {
  background: var(--blue);
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  z-index: 99999;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  min-height: 50px;
}
.V4 header .pillContainer .pill {
  margin: 0 5px;
  height: 30px;
  padding: 10px 15px;
  background-color: white;
  border-radius: 20px;
  color: #3495f0;
  font-weight: 600;
  font-size: 16px;
}
.V4 header .pillContainer .pill.dev {
  color: #25e360;
}
.V4 header .pillContainer .pill.qa {
  color: #ff3399;
}
.V4 header .pillContainer .pill.test {
  color: #ffa500;
}
.V4 header .pillContainer .pill.red {
  color: red;
}
.V4 header .headerTitle {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 18px;
  color: #ffffff;
}
.V4 header .headerTitle .spaceSelector {
  align-items: center;
}
.V4 header .headerTitle .spaceSelector .icon {
  fill: #ffffff;
  width: 16px;
  height: 16px;
  margin: 0 5px 0 15px;
  opacity: 0.6;
}
.V4 header .headerTitle .spaceSelector .InfoButton .icon {
  margin: 0;
  opacity: 1;
}
.V4 header .headerTitle .spaceSelector .SelectInput {
  border: none;
}
.V4 header .headerTitle .spaceSelector .SelectInput .input {
  color: #ffffff;
  text-transform: none;
  font-size: 16px;
}
.V4 header .headerTitle .spaceSelector .SelectInput .input::after {
  border-top-color: #ffffff;
  margin-top: 2px;
  opacity: 0.6;
}
.V4 header .headerTitle .spaceSelector .SelectInput .list .option {
  color: var(--text1);
  text-transform: none;
}
.V4 header .headerTitle .spaceSelector .SelectInput .list .option:hover,
.V4 header .headerTitle .spaceSelector .SelectInput .list .option.selected {
  color: #ffffff;
}
.V4 header .headerTitle .moduleTitle {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  margin: 0 56px 0 10px;
  color: var(--text2);
}
.V4 header .headerTitle .clientName {
  color: var(--textMuted);
  font-size: 14px;
}
.V4 header .headerTitle .portfolioName {
  font-size: 16px;
  margin-left: 10px;
}
.V4 header .headerTitle .sepArrow {
  margin: 0 10px;
  transform: rotate(-90deg);
  height: 7px;
  width: 12px;
  fill: var(--bg5);
}
.V4 header .headerTitle .navButton {
  display: flex;
  cursor: pointer;
  padding: 5px 10px;
}
.V4 header .headerTitle .navButton .icon {
  fill: var(--inlineEditHover);
}
.V4 header .headerTitle .navButton:hover .icon {
  fill: #ffffff;
}
.V4 header .headerTitle > .button {
  padding: 5px 10px;
}
.V4 header .headerTitle > .button:hover,
.V4 header .headerTitle > .button.selected {
  color: #ffffff;
}
.V4 header .headerActions {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.V4 header .headerActions .open {
  background-color: var(--dark-blue);
}
.V4 header .headerActions * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.V4 header .headerActions .headerButton {
  margin: 0 10px;
  color: #b6e7ff;
}
.V4 header .headerActions .headerButton:hover {
  color: #ffffff;
}
.V4 header .headerActions .settingsButton,
.V4 header .headerActions .languageButton,
.V4 header .headerActions .themeButton {
  display: flex;
  align-items: center;
}
.V4 header .headerActions .settingsButton .icon,
.V4 header .headerActions .languageButton .icon,
.V4 header .headerActions .themeButton .icon {
  width: 17px;
  height: 16px;
}
.V4 header .headerActions .help {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.V4 header .headerActions .supportBtn {
  height: 30px;
  position: relative;
}
.V4 header .headerActions .supportBtn svg.support.icon {
  width: 21px;
  height: 24px;
}
.V4 header .headerActions .supportBtn.active {
  background: var(--blue-hover);
  height: 40px;
  width: 40px;
}
.V4 header .headerActions .supportBtn.active svg.support.icon {
  color: #ffffff;
}
.V4 header .headerActions .languageButton,
.V4 header .headerActions .themeButton {
  margin-right: 5px;
}
.V4 header.darkHeader {
  background: var(--icon);
}
.V4 header.darkHeader .headerButton {
  color: white;
  fill: white;
}
.V4 header .avatar {
  background-color: var(--bg4);
  border-radius: 50%;
  height: 36px;
  text-align: center;
  width: 36px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: 10px;
}
.V4 header .avatar .initials {
  font-size: calc(36px / 2);
  line-height: 1;
  position: relative;
  top: calc(36px / 4);
}
.V4 header .avatar.avatarColor {
  background: #3d9970;
  color: var(--text3);
}
.V4 header .dropdown {
  position: relative;
  display: inline-block;
}
.V4 header .dropdownContent {
  top: 0;
  left: 0;
  display: block;
  position: fixed;
  color: #333;
  background-color: #ffffff;
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 999999;
}
.V4 header .dropdownContent.right::before {
  right: 18px;
}
.V4 header .dropdownContent.left::before {
  left: 18px;
}
.V4 header .dropdownContent.center::before {
  right: 50%;
}
.V4 header .dropdownContent::before {
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  background: white;
  transform: translate(50%, -55%) rotate(45deg);
  z-index: -1;
}
.V4 header .dropdownContent ul {
  margin: 0;
  padding: 10px 0;
}
.V4 header .dropdownContent ul li {
  list-style: none;
  margin: 5px 0;
  padding: 0 5px;
}
.V4 header .dropdownContent ul li .ToggleSwitchField {
  font-weight: 500;
  padding-left: 10px;
}
.V4 header .dropdownContent ul li a {
  display: flex;
  align-items: center;
  width: 100%;
  text-decoration: none;
  color: #111111;
  font-size: 14px;
  line-height: 1;
  padding: 5px 10px;
  font-weight: 500;
}
.V4 header .dropdownContent ul li a:hover {
  color: var(--blue);
}
.V4 header .dropdownContent ul li:last-child {
  border-top: 1px solid var(--bg3);
  margin: 20px 0 0;
  padding: 5px 5px 0;
}
.V4 header .InfoButton {
  margin: 0;
  width: 24px;
}
.V4 header .InfoButton svg.icon {
  margin: 0;
}
.V4 .MainSearch {
  position: relative;
  height: 40px;
  margin-right: 10px;
}
.V4 .MainSearch .MainSearchButton {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  z-index: 2000;
}
.V4 .MainSearch .MainSearchButton.search {
  height: 36px;
  width: 36px;
  right: 2px;
  color: #b6e7ff;
  background-color: var(--dark-blue);
}
.V4 .MainSearch .MainSearchButton.cancel {
  width: 14px;
  height: 14px;
  right: 46px;
}
.V4 .MainSearch .searchInput {
  border: none;
  background: var(--dark-blue);
  padding: 10px 0;
  width: 300px;
  padding: 10px;
  color: #b6e7ff;
}
.V4 .MainSearch .searchInput::placeholder {
  color: #b6e7ff;
}
.V4 .MainSearch:focus-within .searchInput {
  background-color: #ffffff;
  color: #111111;
}
.V4 .MainSearch:focus-within .searchInput::placeholder {
  color: #595959;
}
.V4 .MainSearch:focus-within .MainSearchButton.search {
  color: var(--blue);
  background-color: transparent;
}
.V4 .MainSearch:focus-within .MainSearchButton.search:hover {
  color: white;
  background-color: #3495f0;
}
.V4 .MainSearch:focus-within .MainSearchButton.search:active {
  background-color: #2a80d1;
}
.V4 .MainSearch:focus-within .MainSearchButton.cancel {
  color: black;
}
.V4 .EmptyListView {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.V4 .EmptyListView .content p.description {
  text-align: center;
  color: var(--navText);
  line-height: 24px;
}
.V4 .EmptyListView .content .Button {
  border: dashed 2px var(--blue);
  height: 150px;
  font-family: Roboto, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  color: var(--blue);
}
.V4 .EmptyListView .content .Button.disabled {
  color: var(--gray);
  border-color: var(--gray);
}
.V4 .EmptyListView .content .Button.disabled .icon {
  fill: var(--gray);
}
.V4 .EmptyListView .content .Button .icon {
  width: 24px;
  height: 24px;
  margin-bottom: 15px;
  fill: var(--blue);
}
.V4 .cellContent .Initials {
  height: 40px;
  width: 40px;
  display: block;
  top: -2px;
  left: 20px;
  position: absolute;
}
.V4 .cellContent .Initials .button {
  top: 80% !important;
}
.V4 .cellContent .Initials svg {
  left: 8px;
  height: 15px;
  width: 15px;
  z-index: 1001;
  position: relative;
}
.V4 .ManageColumnsPanel .sidePanelButtons {
  display: flex;
  align-items: center;
  padding: 0;
}
.V4 .ManageColumnsPanel .sidePanelButtons .Buttons {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 10px;
  align-items: center;
}
.V4 .ManageColumnsPanel .sidePanelButtons .saveToView {
  align-items: center;
  align-self: flex-start;
  position: relative;
  height: 50px;
  padding: 0 10px;
}
.V4 .ManageColumnsPanel .sidePanelButtons .bottomShadow {
  width: 100%;
  height: 50px;
  background:
    linear-gradient(
      0deg,
      rgba(255, 255, 255, 0) 6.77%,
      rgba(255, 255, 255, 0.75) 51.04%,
      #efefef 100%);
  margin-right: 0;
}
.V4 .FeatureImportPanel .content {
  padding: 20px;
}
.V4 .FeatureImportPanel .excelFile {
  margin-top: 25px;
  padding: 22px 20px;
  border: 2px solid #3495f0;
}
.V4 .FeatureImportPanel .excelFile > svg {
  width: 38px;
  height: 38px;
  margin-right: 8px;
}
.V4 .FeatureImportPanel .arrow,
.V4 .FeatureImportPanel .empty {
  width: 18px;
  height: 18px;
  transform: rotate(180deg);
  margin: 0 10px;
}
.V4 .FeatureImportPanel .featureFieldChooserWrapper {
  margin-top: 20px;
  padding: 29px 20px;
  white-space: nowrap;
}
.V4 .FeatureImportPanel .featureFieldChooserWrapper .row {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  margin-bottom: 15px;
}
.V4 .FeatureImportPanel .featureFieldChooserWrapper .row .SelectInput,
.V4 .FeatureImportPanel .featureFieldChooserWrapper .row strong,
.V4 .FeatureImportPanel .featureFieldChooserWrapper .row > div:first-of-type {
  width: 220px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.V4 .bar,
.V4 .XyiconViewBar,
.V4 .CatalogViewBar,
.V4 .CatalogActionBar {
  -webkit-box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.25);
  align-items: center;
  align-self: flex-start;
  background: var(--bg3);
}
.V4 .bar h3,
.V4 .XyiconViewBar h3,
.V4 .CatalogViewBar h3,
.V4 .CatalogActionBar h3 {
  font-size: 16px;
  padding: 0 10px;
  color: var(--text2);
  font-weight: 400;
}
.V4 .bar .customSelect select,
.V4 .XyiconViewBar .customSelect select,
.V4 .CatalogViewBar .customSelect select,
.V4 .CatalogActionBar .customSelect select {
  font-size: 16px;
  border: none;
  min-width: 90px;
  color: var(--navTextActive);
  background: none;
}
.V4 .bar .customSelect .arrowDown,
.V4 .XyiconViewBar .customSelect .arrowDown,
.V4 .CatalogViewBar .customSelect .arrowDown,
.V4 .CatalogActionBar .customSelect .arrowDown {
  border-top-color: #1874cd;
}
.V4 .bar .viewButton,
.V4 .XyiconViewBar .viewButton,
.V4 .CatalogViewBar .viewButton,
.V4 .CatalogActionBar .viewButton,
.V4 .CatalogViewBar .gridViewButton,
.V4 .CatalogViewBar .mapsViewButton,
.V4 .CatalogViewBar .chartsViewButton,
.V4 .CatalogViewBar .configViewButton,
.V4 .CatalogViewBar .exportViewButton,
.V4 .CatalogViewBar .exportViewMoreButton,
.CatalogActionBar .V4 .bar .gridViewButton,
.CatalogActionBar .V4 .XyiconViewBar .gridViewButton,
.V4 .CatalogActionBar .gridViewButton,
.CatalogActionBar .V4 .bar .mapsViewButton,
.CatalogActionBar .V4 .XyiconViewBar .mapsViewButton,
.V4 .CatalogActionBar .mapsViewButton,
.CatalogActionBar .V4 .bar .chartsViewButton,
.CatalogActionBar .V4 .XyiconViewBar .chartsViewButton,
.V4 .CatalogActionBar .chartsViewButton,
.CatalogActionBar .V4 .bar .configViewButton,
.CatalogActionBar .V4 .XyiconViewBar .configViewButton,
.V4 .CatalogActionBar .configViewButton,
.CatalogActionBar .V4 .bar .exportViewButton,
.CatalogActionBar .V4 .XyiconViewBar .exportViewButton,
.V4 .CatalogActionBar .exportViewButton,
.CatalogActionBar .V4 .bar .exportViewMoreButton,
.CatalogActionBar .V4 .XyiconViewBar .exportViewMoreButton,
.V4 .CatalogActionBar .exportViewMoreButton {
  display: flex;
  align-items: center;
  color: #37474f;
  cursor: pointer;
}
.V4 .bar .viewButton svg,
.V4 .XyiconViewBar .viewButton svg,
.V4 .CatalogViewBar .viewButton svg,
.V4 .CatalogActionBar .viewButton svg,
.V4 .CatalogViewBar .gridViewButton svg,
.V4 .CatalogViewBar .mapsViewButton svg,
.V4 .CatalogViewBar .chartsViewButton svg,
.V4 .CatalogViewBar .configViewButton svg,
.V4 .CatalogViewBar .exportViewButton svg,
.V4 .CatalogViewBar .exportViewMoreButton svg,
.CatalogActionBar .V4 .bar .gridViewButton svg,
.CatalogActionBar .V4 .XyiconViewBar .gridViewButton svg,
.V4 .CatalogActionBar .gridViewButton svg,
.CatalogActionBar .V4 .bar .mapsViewButton svg,
.CatalogActionBar .V4 .XyiconViewBar .mapsViewButton svg,
.V4 .CatalogActionBar .mapsViewButton svg,
.CatalogActionBar .V4 .bar .chartsViewButton svg,
.CatalogActionBar .V4 .XyiconViewBar .chartsViewButton svg,
.V4 .CatalogActionBar .chartsViewButton svg,
.CatalogActionBar .V4 .bar .configViewButton svg,
.CatalogActionBar .V4 .XyiconViewBar .configViewButton svg,
.V4 .CatalogActionBar .configViewButton svg,
.CatalogActionBar .V4 .bar .exportViewButton svg,
.CatalogActionBar .V4 .XyiconViewBar .exportViewButton svg,
.V4 .CatalogActionBar .exportViewButton svg,
.CatalogActionBar .V4 .bar .exportViewMoreButton svg,
.CatalogActionBar .V4 .XyiconViewBar .exportViewMoreButton svg,
.V4 .CatalogActionBar .exportViewMoreButton svg {
  height: 20px;
  width: 20px;
}
.V4 .bar .exportViewMoreButton svg,
.V4 .XyiconViewBar .exportViewMoreButton svg,
.V4 .CatalogViewBar .exportViewMoreButton svg,
.V4 .CatalogActionBar .exportViewMoreButton svg {
  height: 8px;
  width: 8px;
}
.V4 .bar .cardViewButton svg,
.V4 .XyiconViewBar .cardViewButton svg,
.V4 .CatalogViewBar .cardViewButton svg,
.V4 .CatalogActionBar .cardViewButton svg {
  width: 20px;
  height: 20px;
}
.V4 .bar .listViewButton svg,
.V4 .XyiconViewBar .listViewButton svg,
.V4 .CatalogViewBar .listViewButton svg,
.V4 .CatalogActionBar .listViewButton svg {
  width: 20px;
  height: 17px;
}
.V4 .bar .exportOptions,
.V4 .XyiconViewBar .exportOptions,
.V4 .CatalogViewBar .exportOptions,
.V4 .CatalogActionBar .exportOptions {
  display: flex;
  align-items: center;
}
.V4 .bar .exportOptions:hover,
.V4 .XyiconViewBar .exportOptions:hover,
.V4 .CatalogViewBar .exportOptions:hover,
.V4 .CatalogActionBar .exportOptions:hover {
  color: var(--blue);
}
.V4 .bar .exportOptions > .button,
.V4 .XyiconViewBar .exportOptions > .button,
.V4 .CatalogViewBar .exportOptions > .button,
.V4 .CatalogActionBar .exportOptions > .button {
  width: 10px;
  height: 7px;
  margin: 0 5px;
}
.V4 .FilterChangeNotification {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  color: #666666;
  font-weight: 300;
}
.V4 .FilterChangeNotification .Button,
.V4 .FilterChangeNotification .MultiActionButton {
  margin-left: 10px;
}
.V4 .ModuleView {
  height: 100%;
}
.V4 .ModuleView .sidePanelContainer {
  position: relative;
  z-index: 1;
}
.V4 .ModuleView .sidePanelContainer.thin .SidePanel .DetailsTab .header .Initials {
  display: none;
}
.V4 .ModuleView .sidePanelContainer.thin .SidePanel .DetailsTab .header > .icons .Initials {
  display: flex;
}
.V4 .ModuleView .sidePanelContainer.thin .SidePanel .DetailsTab .header .Field {
  width: 100%;
}
.V4 .ModuleView .sidePanelContainer.thin .SidePanel .DetailsTab .FilterEditor .AdvancedFilterEditor .AdvancedFilterField {
  margin-bottom: 20px;
}
.V4 .ModuleView .sidePanelContainer.thin .SidePanel .DetailsTab .FilterEditor .AdvancedFilterEditor .AdvancedFilterField .criterias {
  grid-template-columns: 1fr;
  grid-gap: 5px;
}
.V4 .ModuleView .sidePanelContainer.thin .SidePanel .DetailsTab .FilterEditor .AdvancedFilterEditor .AdvancedFilterField .criterias .separator:empty {
  display: none;
}
.V4 .ModuleView .barContainer {
  z-index: 3000;
  justify-content: flex-end;
  color: #ffffff;
  padding: 15px 10px 15px 20px;
  background:
    linear-gradient(
      180deg,
      #145ea3 31.71%,
      #185288 104.47%),
    #ffffff;
}
.V4 .ModuleView .barContainer h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  margin-right: auto;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  color: var(--blue);
}
.V4 .ModuleView .barContainer .DropdownButton .label {
  font-size: 14px;
}
.V4 .ModuleView .barContainer .DropdownButton .smallArrowDown {
  width: 8px;
  margin-left: 8px;
}
.V4 .ModuleView .filtersAndSearch {
  margin: 15px 10px 10px;
  position: relative;
  justify-content: flex-end;
}
.V4 .ModuleView .filtersAndSearch > * {
  margin: 0;
}
.V4 .ModuleView .filtersAndSearch > *:not(:last-child) {
  margin-right: 10px;
}
.V4 .ModuleView .filtersAndSearch .Button {
  font-size: 14px;
  padding: 0;
  font-weight: 400;
}
.V4 .ModuleView .filtersAndSearch .Button > svg.icon {
  width: 16px;
  height: 16px;
  fill: currentColor;
  margin-right: 5px;
}
.V4 .ModuleView .mainpanel.short .filtersAndSearch .Button:not(.DropdownButton):not(.MultiActionButton) {
  min-width: 40px;
}
.V4 .ModuleView .mainpanel.short .filtersAndSearch .Button:not(.DropdownButton) svg.icon {
  margin: 0;
}
.V4 .ModuleView .mainpanel.short .filtersAndSearch .Button:not(.MultiActionButton) {
  padding: 0 5px;
}
.V4 .ModuleView .mainpanel.short .filtersAndSearch .Button.MultiActionButton > .icon {
  width: 40px;
  margin: 0 5px;
}
.V4 .ModuleView .mainpanel.short .filtersAndSearch .Button .label {
  display: none;
}
.V4 .ModuleView .mainpanel.short .filtersAndSearch .Button .options .label {
  display: inherit;
}
.V4 .ModuleView .loaderText {
  width: 100%;
  height: 100%;
}
.V4 .ModuleView .loaderText .LoaderIcon {
  margin: -35px 0 10px;
}
.V4 .ModuleView .loaderText .LoaderIcon .loader .dots > * {
  background: var(--blue);
}
.V4 .barModule {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  border: solid 1px #19436a;
  background: #144b7d;
  height: 40px;
  padding: 0 10px;
}
.V4 .barModule .headerDivider {
  border: solid 1px #19436a;
}
.V4 .barModule > .button {
  margin: 0 5px;
  height: 20px;
  color: #ffffff;
}
.V4 .barModule > .button.selected,
.V4 .barModule > .button:hover {
  color: var(--blue);
}
.V4 .barModule > .button .icon.down {
  fill: currentColor;
}
.V4 .ActionBar {
  border: none;
}
.V4 .ActionBar .headerDivider {
  background: var(--bg4);
  border: none;
  margin: 0 5px;
}
.V4 .ActionBar .Button {
  margin: 0;
}
.V4 .ActionBar .Button:hover {
  color: currentColor;
}
.V4 .ActionBar .Button.disabled {
  opacity: 0.5;
}
.V4 .ActionBar .Button:not(:last-child) {
  margin-right: 5px;
}
.V4 .ActionBar .Button .icon {
  fill: var(--icon);
}
.V4 .ActionBar .Button .icon:hover {
  fill: var(--blue);
}
.V4 .ActionBar .Button .icon.clone {
  width: 24px;
}
.V4 .ActionBar .Button.DropdownButton .smallArrowDown {
  width: 24px;
  margin-left: 0;
}
.V4 .SimpleFilterField .title {
  text-transform: capitalize;
}
.V4 .SimpleFilterField .appliedFilterTitle {
  color: #1874cd;
  position: relative;
  text-transform: capitalize;
}
.V4 .SimpleFilterField .appliedFilterTitle .closeBtn {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  position: absolute;
  left: -20px;
}
.V4 .SimpleFilterField .appliedFilterTitle .closeBtn.disabled {
  opacity: 0.5;
}
.V4 .SimpleFilterField .appliedFilterTitle .closeBtn svg {
  pointer-events: none;
}
.V4 .SimpleFilterField .findInput {
  margin-bottom: 10px;
  background: #ffffff;
}
.V4 .SimpleFilterField .values {
  max-height: 300px;
  overflow-y: scroll;
  border-top: 1px solid var(--bg4);
  margin-top: 10px;
  padding-top: 10px;
}
.V4 .SimpleFilterField .values .columns-container {
  column-width: 230px;
  column-gap: 10px;
}
.V4 .SimpleFilterField .values .columns-container.multiline {
  column-width: initial;
}
.V4 .SimpleFilterField .values .columns-container.multiline .label {
  white-space: pre-line;
}
.V4 .SimpleFilterField .values .columns-container .Field {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
.V4 .SimpleFilterField .values .columns-container .Field .element {
  width: 100%;
}
.V4 .SimpleFilterField .values.multi {
  max-height: 100px;
}
.V4 .SpecialFilterField .SelectInput {
  background: #ffffff;
}
.V4 .SpecialFilterField input,
.V4 .SpecialFilterField input:focus {
  background: #ffffff;
}
.V4 .SimpleFilterEditor .noResult {
  color: var(--gray);
  text-align: center;
  font-size: 16px;
}
.V4 .SimpleFilterEditor .noResult.field {
  padding: 20px;
}
.V4 .SimpleFilterEditor .noResult.editor {
  padding: 10px 20px;
  min-width: 410px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -60px);
}
.V4 .AdvancedFilterField {
  background: var(--bg3);
  padding: 5px;
}
.V4 .AdvancedFilterField.focus {
  background: var(--light-blue);
}
.V4 .AdvancedFilterField .input {
  background: #ffffff;
}
.V4 .AdvancedFilterField .criterias {
  display: -ms-grid;
  display: grid;
  grid-template-columns: 75px repeat(auto-fit, minmax(15%, 1fr));
  width: 100%;
  grid-gap: 10px;
}
.V4 .AdvancedFilterField .criterias .SelectInput {
  min-width: auto;
}
.V4 .AdvancedFilterField .criterias .SelectInput .input .filterField span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.V4 .AdvancedFilterField span.delete {
  margin: 0 10px;
  cursor: pointer;
  background: transparent;
  align-self: center;
  padding: 5px;
  transition: ease-in-out all 0.2s;
}
.V4 .AdvancedFilterField span.delete:hover {
  color: white;
  background: var(--blue);
}
.V4 .AdvancedFilterField span.delete svg {
  width: 10px;
  height: 10px;
}
.V4 .AdvancedFilterField .filterField svg.icon {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.V4 .AdvancedFilterField.PortfolioPermissionView .criterias,
.V4 .AdvancedFilterField.PortfolioGroupPermissionView .criterias {
  grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
}
.V4 .AdvancedFilterField.PortfolioPermissionView .criterias .SelectInput,
.V4 .AdvancedFilterField.PortfolioGroupPermissionView .criterias .SelectInput {
  max-width: auto;
}
.V4 .AdvancedFilterEditor {
  padding: 15px;
}
.V4 .AdvancedFilterEditor > *:not(:last-child) {
  margin-bottom: 10px;
}
.V4 .AdvancedFilterEditor .SelectInput {
  width: 100%;
  max-width: 100%;
}
.V4 .AdvancedFilterEditor .Button.dashed {
  height: 38px;
}
.V4 .FilterEditor {
  height: calc(100% - 72px);
  overflow-y: auto;
}
.V4 .FilterEditor .SimpleFilterEditor .LoaderIcon {
  margin: 40px auto 0 auto;
}
.V4 .FilterEditor .SimpleFilterEditor .LoaderIcon .loader .dots > * {
  background: var(--blue);
}
.V4 .FilterEditor .SimpleFilterEditor .separator {
  border-bottom: 1px solid #eaeaea;
}
.V4 .FilterEditor .SimpleFilterEditor > input {
  margin: 0 15px 30px;
  width: calc(100% - 30px);
}
.V4 .FilterEditor .SimpleFilterEditor .ToggleContainer {
  margin: 0;
  padding-left: 5px;
  padding-right: 10px;
  border-bottom: solid 1px transparent;
}
.V4 .FilterEditor .SimpleFilterEditor .ToggleContainer:hover,
.V4 .FilterEditor .SimpleFilterEditor .ToggleContainer.open {
  background: var(--bg3);
}
.V4 .FilterEditor .SimpleFilterEditor .ToggleContainer:hover > .title .toggleIndicator,
.V4 .FilterEditor .SimpleFilterEditor .ToggleContainer.open > .title .toggleIndicator {
  opacity: 1;
  visibility: visible;
  transition: visibility 0s, opacity 0.2s ease-out;
}
.V4 .FilterEditor .SimpleFilterEditor .ToggleContainer > .title {
  background: none;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 5px 10px 20px;
  font-family: Roboto, sans-serif;
}
.V4 .FilterEditor .SimpleFilterEditor .ToggleContainer > .title .FilterTitle.applied {
  font-weight: 500;
  color: var(--blue);
  display: flex;
  position: relative;
  left: -13px;
}
.V4 .FilterEditor .SimpleFilterEditor .ToggleContainer > .title .FilterTitle.applied span.close {
  left: -5px;
  position: relative;
  color: var(--blue);
}
.V4 .FilterEditor .SimpleFilterEditor .ToggleContainer > .title .toggleIndicator {
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s, opacity 0.2s ease-out;
}
.V4 .FilterEditor .SimpleFilterEditor .ToggleContainer .children {
  padding: 0;
}
.V4 .FilterEditor .SimpleFilterEditor .ToggleContainer .children.open {
  padding: 10px 0px 0;
}
.V4 .FilterEditor .SimpleFilterEditor .ToggleContainer .children .Field > input {
  margin-left: 0;
}
.V4 .FilterEditor .SimpleFilterEditor .ToggleContainer .children .Field .element {
  min-height: auto;
}
.V4 .FilterEditor .SimpleFilterEditor .ToggleContainer .children .Field .element > label {
  max-width: initial;
}
.V4 .FilterEditor .heading {
  padding: 20px 15px 10px;
}
.V4 .FilterEditor .heading .SearchField {
  width: 100%;
  max-width: 280px;
}
.V4 .FilterEditor .heading .ToggleSwitchField {
  margin: 0 0 0 20px;
}
.V4 .ChartsView {
  position: relative;
}
.V4 .ChartsView .widgetContainer {
  align-self: flex-start;
  max-height: 100%;
}
.V4 .ChartsView .ChartWidget {
  border: 1px solid #707070;
  margin: 20px;
}
.V4 .ChartsView .expanded {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.V4 .SidePanel {
  right: -100%;
  height: 100%;
  z-index: 1;
}
.V4 .SidePanel .sidePanelButtons {
  justify-content: flex-end;
  align-items: center;
  padding: 20px;
}
.V4 .SidePanel.ManageColumnsPanel .sidePanelButtons {
  padding: 0;
}
.V4 .SidePanel .linkElements {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  grid-gap: 5px;
}
.V4 .SidePanel .buttons .button {
  height: 50px;
  padding: 16px 20px;
}
.V4 .SidePanel .buttons .button .icon {
  height: 20px;
  width: 20px;
}
.V4 .SidePanel .views > .active {
  overflow-y: hidden;
}
.V4 .SidePanel .header {
  padding: 20px;
  position: relative;
  container-type: inline-size;
}
.V4 .SidePanel .header input {
  width: inherit;
}
.V4 .SidePanel .header .SelectInput {
  margin-left: -10px;
  max-width: inherit;
}
.V4 .SidePanel .header .ToggleSwitchField {
  margin-top: 10px;
}
.V4 .SidePanel .header .Field .ClickToEditInput {
  margin-left: -10px;
}
.V4 .SidePanel .header:not(.fieldForm) .Field input {
  width: 100%;
  text-overflow: ellipsis;
}
.V4 .SidePanel .header:not(.fieldForm) .Field.focused {
  width: 100%;
}
@container (min-width: 450px) {
  .V4 .SidePanel .header:not(.fieldForm):not(.noInitials) .Field:nth-child(-n+3) {
    width: calc(100% - 150px);
  }
}
.V4 .SidePanel .header.Markup:not(.multiSelect) {
  padding-bottom: 50px;
}
.V4 .SidePanel .Field.focused .ClickToEditInput .unfocused {
  border-color: var(--bg3);
}
.V4 .SidePanel .Field.focused .SelectInput {
  border-color: var(--bg3);
}
.V4 .SidePanel .noData {
  font-size: 14px;
  padding: 10px 20px;
  color: var(--textMuted);
  text-align: center;
  min-width: 410px;
  position: absolute;
  font-size: 18px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -60px);
}
.V4 .SidePanel .noDataSection {
  font-size: 14px;
  color: var(--textMuted);
}
.V4 .SidePanel .FilterEditor .SimpleFilterEditor .ToggleContainer {
  margin: 0 15px;
}
.V4 .SidePanel .FilterEditor .SimpleFilterEditor .separator {
  margin: 0 15px;
}
.V4 .SidePanel:hover ::-webkit-scrollbar-thumb {
  border-width: 0;
  transition: ease-in-out all 0.2s;
}
.V4 .SidePanel .container {
  padding: 20px;
}
.V4 .SidePanel .container .ToggleSwitchField {
  margin-top: 50px;
}
.V4 .SidePanel .noItem {
  font-size: 14px;
  color: #a9a3a3;
}
.V4 .SidePanel.CreatePortfolioGroupPanel .Button.dashed {
  margin-right: 0;
}
.V4 .SidePanel.CreatePortfolioGroupPanel .listItem {
  height: 40px;
}
.V4 .SidePanel.thin .TabView .buttons .button .label {
  display: none;
}
.V4 .SidePanel.CreateUserPanel {
  overflow-y: hidden;
}
.V4 .SidePanel.CreateUserPanel .scrollContainer {
  overflow-y: auto;
}
.V4 .SidePanel.CreateUserPanel .scrollContainer .Field {
  padding: 20px;
}
.V4 .SidePanel.CreateUserPanel .errorMessage {
  margin-left: 10px;
}
.V4 .SidePanel .topButtons {
  z-index: 1;
}
.V4 .SidePanel .topButtons .SearchField {
  width: 100%;
  min-width: 100px;
  max-width: 300px;
}
.V4 .SidePanel .topButtons .Button > svg.icon,
.V4 .SidePanel .topButtons .MultiActionButton > svg.icon {
  display: none;
}
.V4 .InfoBubble.UserForm {
  left: 0;
  top: -5px;
}
.V4 .InfoBubble.Delete {
  left: 0;
  top: 5px;
}
.V4 .InfoBubble.Delete::after {
  top: -5px;
}
.V4 .GridTab {
  height: 100%;
}
.V4 .GridTab .header {
  justify-content: flex-end;
}
.V4 .GridTab .header > * {
  margin: 0;
}
.V4 .GridTab .header > *:not(:last-child) {
  margin-right: 10px;
}
.V4 .GridTab .header .title {
  font-size: 16px;
}
.V4 .GridTab .header .find {
  max-width: 180px;
}
.V4 .GridTab .header .MultiActionButton > svg.icon {
  display: none;
}
.V4 .SpaceThumbnail {
  width: 100%;
  max-width: 200px;
  max-height: 200px;
  min-height: 130px;
}
.V4 .icons .SpaceThumbnail,
.Initials.MoreIcons .SpaceThumbnail {
  width: 50px;
  min-height: 50px;
  max-height: 50px;
}
.V4 .XyiconModelField {
  cursor: pointer;
}
.V4 .XyiconModelField .modelField > input {
  pointer-events: none;
}
.V4 .XyiconModelField .cellContent {
  background: none;
}
.V4 .XyiconModelField .cellContent:hover {
  background: var(--inlineEditHover);
}
.V4 .XyiconModelField:not(.inline) {
  position: relative;
  width: 100%;
  left: -12px;
}
.V4 .XyiconModelField:not(.inline) .modelField {
  outline: solid 1px var(--input-border);
}
.V4 .XyiconModelField:not(.inline) .modelField.disabled {
  outline: none;
}
.V4 .XyiconModelField:not(.inline) .modelField input {
  pointer-events: none;
  border: none;
  font-weight: 300;
}
.V4 .XyiconModelField:not(.inline) .modelField svg.icon {
  display: none;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  transform: translateY(-50%);
  right: 11px;
  fill: var(--icon);
}
.V4 .XyiconModelField:not(.inline) .modelField:hover,
.V4 .XyiconModelField:not(.inline) .modelField:active,
.V4 .XyiconModelField:not(.inline) .modelField:focus {
  padding-right: 18px;
}
.V4 .XyiconModelField:not(.inline) .modelField:hover svg.icon,
.V4 .XyiconModelField:not(.inline) .modelField:active svg.icon,
.V4 .XyiconModelField:not(.inline) .modelField:focus svg.icon {
  display: block;
}
.V4 .XyiconModelField:not(.inline) .modelField .spinner {
  position: absolute;
  top: 11px;
  right: 5px;
  visibility: visible;
}
.V4 .XyiconModelField:not(.inline) > input {
  border: solid 1px transparent;
  font-weight: 300;
  cursor: pointer;
}
.V4 .XyiconModelField:not(.inline):hover > input {
  border-color: var(--bg3);
}
.V4 .XyiconModelField.open > input {
  background: var(--bg3);
  border-radius: 4px;
}
.V4 .XyiconModelField.open > svg.icon {
  display: block;
}
.V4 .XyiconModelField.open .SearchField svg.icon {
  display: block;
}
.V4 .XyiconModelField__selector {
  background-color: #ffffff;
  padding: 10px;
  box-shadow: 0px 8px 16px 0px rgba(50, 50, 71, 0.06), 0px 8px 8px 0px rgba(50, 50, 71, 0.08);
  border-radius: 4px;
}
.V4 .XyiconModelField__selector .list {
  overflow-y: auto;
  background: white;
  max-height: 300px;
  overflow-x: hidden;
}
.V4 .XyiconModelField__selector .listItem {
  display: grid;
  grid-template-columns: 38px 1fr;
  grid-gap: 10px;
  padding: 5px;
  height: auto;
  border-color: transparent;
  width: 100%;
}
.V4 .XyiconModelField__selector .listItem .fields {
  min-width: 100%;
}
.V4 .XyiconModelField__selector .listItem .fields > div {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.V4 .XyiconModelField__selector .listItem img {
  width: 38px;
  height: 38px;
}
.V4 .XyiconModelField__selector .listItem .model {
  font-size: 12px;
}
.V4 .XyiconModelField__selector .listItem .type {
  font-size: 10px;
}
.V4 .XyiconModelField__selector .listItem.hover .model {
  color: #ffffff;
}
.V4 .XyiconModelField__selector .listItem.hover .email {
  color: #b0d3f3;
}
.V4 .XyiconModelField__selector .SearchField {
  height: auto;
  margin: 0 0 10px;
  width: 100%;
}
.V4 .XyiconModelField__selector .SearchField input {
  border-radius: 4px;
}
.V4 .XyiconModelField__selector .SearchField:focus input,
.V4 .XyiconModelField__selector .SearchField:active input,
.V4 .XyiconModelField__selector .SearchField:hover input {
  border-color: var(--blue);
}
.customReportPopup {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background-color: rgba(0, 0, 0, 0.65);
}
.popupBackdrop,
.V4 .ConfirmXyiconModelChangesFormWrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999999;
  background-color: rgba(0, 0, 0, 0.65);
}
.popupBackdrop .PopupWindow,
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow {
  background: #ffffff;
  box-shadow: 0px 16px 16px rgba(50, 50, 71, 0.08), 0px 24px 32px rgba(50, 50, 71, 0.08);
  max-width: 500px;
}
.popupBackdrop .PopupWindow.PopupDisabledButtons .Button,
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow.PopupDisabledButtons .Button {
  pointer-events: none;
  opacity: 0.5;
}
.popupBackdrop .PopupWindow .InputContainer,
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow .InputContainer {
  max-height: 250px;
  width: 500px;
  overflow: auto;
}
.popupBackdrop .PopupWindow .ToggleSwitchField,
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow .ToggleSwitchField {
  margin-top: 15px;
  margin-bottom: 15px;
}
.popupBackdrop .PopupWindow .ToggleSwitchField .label,
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow .ToggleSwitchField .label {
  margin-right: 8px;
}
.popupBackdrop .PopupWindow input,
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow input {
  box-sizing: border-box;
  margin: 3px 20px;
  width: calc(100% - 40px);
}
.popupBackdrop .PopupWindow .title,
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow .title {
  padding: 10px 20px;
  background: var(--bg3);
  font-size: 14px;
  font-weight: 400;
  justify-content: space-between;
}
.popupBackdrop .PopupWindow .title .closeBtn,
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow .title .closeBtn {
  cursor: pointer;
}
.popupBackdrop .PopupWindow .title .closeBtn svg,
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow .title .closeBtn svg {
  width: 10px;
  height: 10px;
  fill: #a5a5a5;
}
.popupBackdrop .PopupWindow .message,
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow .message {
  padding: 10px 20px;
  font-size: 14px;
}
.popupBackdrop .PopupWindow .bottom,
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow .bottom {
  margin: 20px;
}
.popupBackdrop .PopupWindow .Button,
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow .Button {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid var(--blue);
  color: var(--blue);
  padding: 0 18px;
  margin: 0 5px;
  font-size: 14px;
  font-weight: 400;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-align: center;
  position: relative;
  border-radius: 2px;
  height: 40px;
}
.popupBackdrop .PopupWindow .Button .label,
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow .Button .label {
  margin: 6px;
}
.popupBackdrop .PopupWindow .Button:active,
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow .Button:active {
  color: var(--blue);
  background-color: #ffffff;
  border-color: var(--blue);
  box-shadow: none;
}
.popupBackdrop .PopupWindow .Button:hover,
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow .Button:hover {
  color: var(--blue-hover);
  border-color: var(--blue-hover);
  box-shadow: 0 1px rgba(31, 49, 61, 0.05);
}
.popupBackdrop .PopupWindow .Button.disabled,
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow .Button.disabled {
  pointer-events: none;
}
.popupBackdrop .PopupWindow .Button.primary,
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow .Button.primary {
  background: var(--blue);
  color: #ffffff;
}
.popupBackdrop .PopupWindow .Button.primary.disabled,
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow .Button.primary.disabled {
  color: var(--bg4);
  background: var(--bg3);
  border-color: var(--bg4);
}
.popupBackdrop .PopupWindow .Button.primary:not(.loading):hover,
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow .Button.primary:not(.loading):hover {
  background: var(--blue-hover);
}
.popupBackdrop .PopupWindow .Button.secondary,
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow .Button.secondary {
  background: var(--bg1);
  color: var(--blue);
  border-color: var(--blue);
}
.popupBackdrop .PopupWindow .Button.secondary:hover,
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow .Button.secondary:hover {
  background-color: var(--blue);
  color: var(--bg1);
}
.popupBackdrop .PopupWindow .Button.secondary.disabled,
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow .Button.secondary.disabled {
  border-color: var(--light-gray);
  color: #c4c4c4;
  background: #ffffff;
}
.popupBackdrop .PopupWindow .Button:first-child,
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow .Button:first-child {
  margin-left: 0;
}
.popupBackdrop .PopupWindow .Button:last-child,
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow .Button:last-child {
  margin-right: 0;
}
.popupBackdrop .PopupWindow .Button.dashed,
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow .Button.dashed {
  border: 1px dashed var(--text3);
  color: var(--text3);
  font-family: initial;
  font-size: 28px;
  font-weight: 700;
  margin: 0;
}
.popupBackdrop .PopupWindow .Button.dashed:hover,
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow .Button.dashed:hover {
  color: var(--blue);
  border-color: var(--blue);
}
.popupBackdrop .PopupWindow .Button.small,
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow .Button.small {
  font-size: 12px;
  padding: 5px 10px;
}
.popupBackdrop .PopupWindow .Button.gray,
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow .Button.gray {
  color: var(--icon-color);
  border-color: transparent;
  background: var(--bg3);
}
.popupBackdrop .PopupWindow .Button.naked,
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow .Button.naked {
  font-size: 12px;
  border: none;
  letter-spacing: 0;
}
.popupBackdrop .PopupWindow .Button.naked:hover,
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow .Button.naked:hover {
  border: none;
  box-shadow: none;
}
.popupBackdrop .PopupWindow .Button.rounded,
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow .Button.rounded {
  border-radius: 4px;
}
.popupBackdrop .PopupWindow .Button.dark,
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow .Button.dark {
  background: var(--blue-hover);
  border-color: var(--blue-hover);
}
.popupBackdrop .PopupWindow .Button.loading span.icon,
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow .Button.loading span.icon,
.popupBackdrop .PopupWindow .Button.loading span.label,
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow .Button.loading span.label {
  visibility: hidden;
}
.popupBackdrop .PopupWindow .Button.loading .spinner,
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow .Button.loading .spinner {
  visibility: visible;
}
.popupBackdrop .PopupWindow .Button svg.icon,
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow .Button svg.icon {
  width: 16px;
  height: 16px;
  margin: 8px;
  fill: currentColor;
}
.ShortcutWindow .PopupWindow {
  background: #ffffff;
  box-shadow: 0px 16px 16px rgba(50, 50, 71, 0.08), 0px 24px 32px rgba(50, 50, 71, 0.08);
  max-width: 500px;
  width: 430px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999999;
}
.ShortcutWindow .PopupWindow .InputContainer {
  max-height: 250px;
  width: 500px;
  overflow: auto;
}
.ShortcutWindow .PopupWindow .ToggleSwitchField {
  margin-top: 15px;
  margin-bottom: 15px;
}
.ShortcutWindow .PopupWindow .ToggleSwitchField .label {
  margin-right: 8px;
}
.ShortcutWindow .PopupWindow input {
  box-sizing: border-box;
  margin: 3px 20px;
  width: calc(100% - 40px);
}
.ShortcutWindow .PopupWindow .title {
  padding: 10px;
  background: var(--bg3);
  font-size: 14px;
  font-weight: 400;
  justify-content: space-between;
}
.ShortcutWindow .PopupWindow .title .draghandle,
.ShortcutWindow .PopupWindow .title .closeBtn {
  cursor: pointer;
}
.ShortcutWindow .PopupWindow .title .draghandle svg,
.ShortcutWindow .PopupWindow .title .closeBtn svg {
  width: 14px;
  height: 14px;
  fill: #a5a5a5;
  margin: 0 5px;
}
.ShortcutWindow .PopupWindow .title .draghandle svg {
  margin-right: 10px;
}
.ShortcutWindow .PopupWindow .title .content {
  width: 400px;
  font-size: 16px;
}
.ShortcutWindow .PopupWindow .message {
  padding: 10px 20px;
  font-size: 14px;
}
.ShortcutWindow .PopupWindow .message .shortcut {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}
.ShortcutWindow .PopupWindow .message .shortcut .keys {
  display: flex;
}
.ShortcutWindow .PopupWindow .message .shortcut .keys .key {
  background-color: #4e5c68;
  color: white;
  padding: 3px;
  margin: 0 1px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
}
.ShortcutWindow .PopupWindow .bottom {
  margin: 20px;
}
.V4 .ConfirmXyiconModelChangesFormWrapper .PopupWindow input {
  margin: initial;
}
.V4 .ConfirmXyiconModelChangesFormWrapper .ConfirmXyiconModelChangesForm {
  min-width: 500px;
  max-width: 800px;
  max-height: calc(100% - 50px);
}
.V4 .ConfirmXyiconModelChangesFormWrapper .ConfirmXyiconModelChangesForm .content {
  max-height: 100%;
  overflow-y: auto;
  padding: 10px 20px;
}
.V4 .ConfirmXyiconModelChangesFormWrapper .ConfirmXyiconModelChangesForm .content .description {
  margin-top: 15px;
  margin-bottom: 30px;
}
.V4 .ConfirmXyiconModelChangesFormWrapper .ConfirmXyiconModelChangesForm .content .description .darkSilverText {
  margin-top: 5px;
}
.V4 .ConfirmXyiconModelChangesFormWrapper .ConfirmXyiconModelChangesForm .content .buttonContainer {
  margin-top: 30px;
  margin-bottom: 25px;
}
.V4 .ConfirmXyiconModelChangesFormWrapper .ConfirmXyiconModelChangesForm .content > .twoColumns {
  margin-bottom: 10px;
}
.V4 .ConfirmXyiconModelChangesFormWrapper .ConfirmXyiconModelChangesForm .content .PortContainer {
  margin: 0;
}
.V4 .ConfirmXyiconModelChangesFormWrapper .ConfirmXyiconModelChangesForm .content .PortContainer .PortComponent.leaf .textContainer {
  background-color: #d6eafc;
}
.V4 .ConfirmXyiconModelChangesFormWrapper .ConfirmXyiconModelChangesForm .content .PortContainer .PortComponent.leaf .textContainer.locked {
  opacity: 1;
}
.V4 .ConfirmXyiconModelChangesFormWrapper .ConfirmXyiconModelChangesForm .content .PortContainer .PortComponent.leaf .textContainer .TextInput {
  background: none;
}
.V4 .ConfirmXyiconModelChangesFormWrapper .ConfirmXyiconModelChangesForm .content .selectors .row {
  margin-top: 15px;
  margin-bottom: 15px;
  height: 40px;
}
.V4 .MoreIconsWidget {
  position: relative;
}
.V4 .MoreIconsWidget .moreButton {
  cursor: pointer;
  color: #3495f0;
  margin-top: 10px;
  margin-left: 15px;
  margin-right: 15px;
}
.V4 .moreIconsWindow {
  position: absolute;
  margin-top: 14px;
  max-height: 290px;
  overflow-y: auto;
  min-width: 335px;
  z-index: 5000;
}
.V4 .moreIconsWindow .title {
  min-height: 40px;
  font-size: 14px;
  color: #37474f;
  background-color: #f5f5f5;
  align-items: center;
  justify-content: space-between;
  padding-left: 20px;
  padding-right: 10px;
}
.V4 .moreIconsWindow .list {
  box-shadow: 0px 16px 16px rgba(50, 50, 71, 0.08), 0px 24px 32px rgba(50, 50, 71, 0.08);
  background: white;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 51px;
  padding: 10px;
  grid-gap: 5px;
}
.V4 .moreIconsWindow .itemIcon {
  border: solid 1px transparent;
  transition: ease-in-out border-color 0.2s;
  padding: 5px;
}
.V4 .moreIconsWindow .itemIcon:hover {
  border-color: var(--blue);
  transition: ease-in-out border-color 0.2s;
  cursor: pointer;
}
.V4 .moreIconsWindow .itemIcon:hover.noClick {
  cursor: default;
}
.V4 .moreIconsWindow .itemIcon:hover.noClick img {
  cursor: default;
}
.V4 .moreIconsWindow .itemIcon .smallThumbnail {
  position: relative;
  width: 38px;
  height: 38px;
  flex-shrink: 0;
}
.V4 .moreIconsWindow .itemIcon .description {
  padding: 5px;
  max-width: 116px;
}
.V4 .moreIconsWindow .itemIcon .description .firstLine {
  font-size: 12px;
  color: #37474f;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.V4 .moreIconsWindow .itemIcon .description .secondLine {
  font-size: 12px;
  color: var(--gray);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.V4 .MassFieldInput > .Field.disabled {
  pointer-events: none;
}
.V4 .MassFieldInput > .Field .element {
  position: relative;
}
.V4 .MassFieldInput > .Field .element .unfocused .spinner {
  position: absolute;
  top: 11px;
  right: 5px;
  visibility: visible;
}
.V4 .MassFieldInput.open > .Field .element .unfocused {
  border-color: var(--blue);
}
.V4 .MassFieldInput .unfocused {
  cursor: pointer;
  align-items: center;
  word-break: break-all;
  border: solid 1px var(--input-border);
  min-height: 38px;
  padding: 10px;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}
.V4 .MassFieldInput .unfocused.multiInput {
  padding: 0;
}
.V4 .MassFieldInput .unfocused:hover:not(.disabled) {
  border-color: var(--input-border);
}
.V4 .MassFieldInput .unfocused p {
  margin: 0;
  line-height: 18px;
  white-space: break-spaces;
}
.V4 .MassFieldInput__editArea {
  width: 385px;
  border: solid 1px var(--input-border);
  position: absolute;
  background: #ffffff;
  box-shadow: 0px 16px 16px rgba(50, 50, 71, 0.08), 0px 24px 32px rgba(50, 50, 71, 0.08);
  box-sizing: border-box;
  z-index: 8500;
}
.V4 .MassFieldInput__editArea .field-input-container {
  width: 100%;
}
.V4 .MassFieldInput__editArea .field-input-container .button {
  display: none;
}
.V4 .MassFieldInput__editArea .multiline {
  width: 100%;
}
.V4 .MassFieldInput__editArea * {
  box-sizing: border-box;
}
.V4 .MassFieldInput__editArea.top::after {
  content: "";
  display: block;
  width: 0;
  height: 8px;
  position: absolute;
  background: transparent;
  border: solid 8px transparent;
  border-top-color: #ffffff;
  left: 50%;
  transform: translateX(-50%);
}
.V4 .MassFieldInput__editArea.bottom::before {
  content: "";
  display: block;
  width: 0;
  height: 8px;
  position: absolute;
  background: transparent;
  border: solid 8px transparent;
  border-bottom-color: var(--bg3);
  left: 50%;
  transform: translateX(-50%);
  top: -25px;
}
.V4 .MassFieldInput__editArea .header {
  background: var(--bg3);
  padding: 15px;
}
.V4 .MassFieldInput__editArea .header h4 {
  font-size: 14px;
  font-weight: 300;
}
.V4 .MassFieldInput__editArea .header h4 span {
  font-weight: 400;
}
.V4 .MassFieldInput__editArea .header svg.icon {
  width: 14px;
  height: 14px;
}
.V4 .MassFieldInput__editArea .container {
  padding: 10px;
}
.V4 .MassFieldInput__editArea .container .editButtons {
  justify-content: flex-end;
  margin-top: 5px;
}
.V4 .MassFieldInput__editArea .container .editButtons .button {
  background: var(--bg2);
  width: 35px;
  height: 35px;
}
.V4 .DetailsTab {
  overflow-y: auto;
  height: 100%;
}
.V4 .DetailsTab.multiSelect {
  height: calc(100% - 64px);
}
.V4 .DetailsTab .header {
  container-type: inline-size;
}
@container (max-width: 450px) {
  .V4 .DetailsTab .header .Initials {
    display: none;
  }
}
.V4 .DetailsTab .header .markup {
  text-align: center;
}
.V4 .DetailsTab .header h4 {
  margin-bottom: 10px;
  color: var(--blue);
  font-weight: 400;
}
.V4 .DetailsTab .header .icons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.V4 .DetailsTab .header .icons .Initials {
  margin: 4px;
  width: 50px;
  height: 50px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: solid 1px transparent;
  transition: ease-in-out border-color 0.2s;
  top: 0;
  left: 0;
  font-size: 24px;
}
.V4 .DetailsTab .header .icons .Initials img {
  width: 50px;
  height: 50px;
}
.V4 .DetailsTab .header .icons .Initials:hover {
  border-color: var(--blue);
  transition: ease-in-out border-color 0.2s;
}
.V4 .DetailsTab .header .icons .Initials.noClick img {
  cursor: auto;
}
.V4 .DetailsTab .header .icons .Initials.noClick:hover {
  border-color: transparent;
}
.V4 .DetailsTab .header .icons .Initials .boundaryThumbnail {
  height: 50px;
}
.V4 .DetailsTab .header .icons .markup {
  border: 1px solid black;
  width: fit-content;
  padding: 5px;
}
.V4 .DetailsTab .header.Boundary:not(.minimized) {
  min-height: 170px;
}
.V4 .DetailsTab .header.anchored {
  opacity: 0;
  visibility: hidden;
  max-height: 500px;
  transition:
    visibility 0.3s ease-in-out,
    opacity 0.3s ease-in-out,
    max-height 0.3s ease-in;
  position: absolute;
  background: white;
  width: 100%;
  box-shadow: 0px 8px 8px 0px rgba(50, 50, 71, 0.08);
  z-index: 1000;
}
.V4 .DetailsTab .header.anchored > .Initials {
  right: 28px;
}
.V4 .DetailsTab .header.anchored.visible {
  opacity: 1;
  visibility: visible;
}
.V4 .DetailsTab .header.anchored .toggler {
  background: #ffffff;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  position: absolute;
  border-radius: 50%;
  border: solid 2px lightgray;
  left: 50%;
  bottom: -12px;
  transform: translateX(-50%) rotate(180deg);
  transition: ease-in-out rotate 0.1s;
}
.V4 .DetailsTab .header.anchored .toggler svg {
  width: 12px;
  height: 12px;
}
.V4 .DetailsTab .header.anchored.minimized {
  max-height: 78px;
  transition:
    visibility 0.3s ease-in-out,
    opacity 0.3s ease-in-out,
    max-height 0.3s ease-out;
}
.V4 .DetailsTab .header.anchored.minimized h4 {
  margin-bottom: 0;
}
.V4 .DetailsTab .header.anchored.minimized .icons {
  display: none;
}
.V4 .DetailsTab .header.anchored.minimized .toggler {
  transform: translateX(-50%) rotate(0deg);
}
.V4 .DetailsTab .header.anchored.minimized > .Field {
  margin-bottom: 0;
}
.V4 .DetailsTab .header.anchored.minimized > .Field:not(:first-of-type) {
  opacity: 0;
  visibility: hidden;
  height: 0;
}
.V4 .DetailsTab .header.anchored.minimized > .Initials {
  transform: scale(0.313);
  right: 10px;
  top: 20px;
}
.V4 .DetailsTab .header.anchored.minimized > .Initials .catalog-thumbnail {
  top: 0;
}
.V4 .DetailsTab .FieldSection .children {
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  display: -ms-grid;
  display: grid;
  column-gap: 40px;
}
.V4 .DetailsTab .FieldSection .children .Field {
  position: relative;
  padding: 0px 0px 0px 20px;
  border: 1px solid transparent;
  margin-bottom: 3px;
}
.V4 .DetailsTab .FieldSection .children .Field.disabled .element .buttonContainer {
  color: var(--text1);
}
.V4 .DetailsTab .FieldSection .children .Field .element > *:not(.ToggleSwitchWrapper) {
  min-height: 40px;
  margin-bottom: 5px;
}
.V4 .DetailsTab .FieldSection .children .Field .element > *:not(.ToggleSwitchWrapper):last-child {
  margin-bottom: 0;
}
.V4 .DetailsTab .FieldSection .children .Field .element > *:not(.ToggleSwitchWrapper).ToggleSwitch {
  min-height: 18px;
  margin: 11px 0;
}
.V4 .DetailsTab .FieldSection .children .Field .SpaceItemContainer {
  border: none;
  border-bottom: 1px solid var(--bg3);
  width: 100%;
  color: var(--gray);
}
.V4 .DetailsTab .FieldSection .children .Field .SpaceItemContainer .buttonContainer {
  box-shadow: -2px 0px 2px 0px rgba(50, 50, 71, 0.0588235294);
}
.V4 .DetailsTab .FieldSection .children .Field .SpaceItemContainer .buttonContainer .button {
  width: 30px;
  height: 30px;
  margin-left: 5px;
  color: var(--text1);
}
.V4 .DetailsTab .FieldSection .children .Field .SpaceItemContainer .buttonContainer .button:hover {
  color: var(--blue);
}
.V4 .DetailsTab .FieldSection .children .Field .SpaceItemContainer .buttonContainer .button.disabled {
  color: var(--gray);
}
.V4 .DetailsTab .FieldSection .children .Field .SpaceItemContainer .buttonContainer .button:last-child {
  margin-right: 5px;
}
.V4 .DetailsTab .FieldSection .children .Field .SpaceItemContainer:last-child {
  border-bottom: none;
}
.V4 .DetailsTab .FieldSection .children .Field.inherited .element > :not(.SpaceItemContainer) {
  background-color: white;
}
.V4 .DetailsTab .FieldSection .children .Field.inherited.disabled .element > :not(.SpaceItemContainer) {
  background-color: var(--gray3);
}
.V4 .DetailsTab .FieldSection .children .Field.inherited:hover {
  border: 1px solid var(--blue);
  background-color: var(--bg3);
}
.V4 .DetailsTab .FieldSection .children .Field.inherited:hover .ClickToEditInput > * {
  border: 1px solid transparent;
}
.V4 .DetailsTab .FieldSection .children .Field.inherited:hover .SpaceItemContainer .DateTimeInput .ClickToEditInput {
  background-color: var(--bg3);
}
.V4 .DetailsTab .FieldSection .children .Field.inherited:hover .SpaceItemContainer:hover {
  background-color: #eaeaea !important;
  border: none;
}
.V4 .DetailsTab .FieldSection .children .Field.inherited:hover .SpaceItemContainer:hover .DateTimeInput .ClickToEditInput {
  background-color: #eaeaea;
}
.V4 .DetailsTab .FieldSection .children .Field.inherited:hover .SpaceItemContainer .unfocused.disabled {
  border-bottom: 1px solid #eaeaea;
}
.V4 .DetailsTab .FieldSection .children .Field.inherited:hover .SpaceItemContainer:last-child .unfocused.disabled {
  border-bottom: none;
}
.V4 .DetailsTab .FieldSection .children .Field .fieldIconWrapper {
  position: absolute;
  left: -25px;
  top: 7px;
  width: 24px;
  height: 24px;
}
.V4 .DetailsTab .FieldSection .children .Field .fieldIcon {
  width: 16px;
  height: 16px;
}
.V4 .DetailsTab .FieldSection .children .Field.noWrap {
  grid-column: 1/-1;
}
.V4 .DetailsTab .FieldSection .children .Field.disabled input {
  border: none;
}
.V4 .DetailsTab .FieldSection .children .Field input:disabled {
  background: none;
}
.V4 .DetailsTab .FieldSection .title {
  background: none;
  height: 20px;
  padding: 0;
  padding-left: 3px;
  font-size: 14px;
  color: var(--middle-gray);
  flex-direction: row-reverse;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.V4 .DetailsTab .FieldSection.ToggleContainer .title {
  font-weight: 500;
  font-family: Roboto, sans-serif;
}
.V4 .DetailsTab .FieldSection .toggleIndicator {
  margin-right: 7px;
  transform-origin: 5px 9px;
}
.V4 .DetailsTab .FieldSection .toggleIndicator svg {
  width: 10px;
  height: 10px;
}
.V4 .DetailsTab .FieldSection .SelectInput:hover {
  border-color: var(--input-border);
}
.V4 .DetailsTab .thumbnailContainer .thumbnail {
  width: 39px;
  height: 39px;
}
.V4 .DetailsTab .addPortTemplateButton {
  border: 1px dashed #3495f0;
  margin-top: 5px;
  margin-bottom: 5px;
  height: 40px;
}
.V4 .DetailsTab .addPortTemplateButton.disabled {
  color: var(--light-gray);
  border-color: var(--light-gray);
}
.V4 .DetailsTab .PortContainer {
  position: relative;
}
.V4 .DetailsTab .PortContainer .PortComponent.locked .textContainer {
  opacity: 0.5;
}
.V4 .DetailsTab .PortContainer.dndActive .PortComponent.leaf .droparea {
  background: var(--light-blue);
}
.V4 .DetailsTab .PortContainer.dndActive .PortComponent .fullListContainer {
  visibility: hidden;
}
.V4 .DetailsTab .PortContainer.dndActive .PortComponent .fullListContainer .visible {
  visibility: visible;
}
.V4 .DetailsTab .editPortTemplateButton {
  position: absolute;
  top: 0;
  right: 0;
  width: 65px;
  z-index: 1;
}
.V4 .DetailsTab .editPortTemplateButton.disabled {
  color: var(--light-gray);
  border-color: var(--light-gray);
}
.V4 .DetailsTab .spaceThumbs {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 25px;
}
.V4 .DetailsTab .spaceThumbs .spaceThumb {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  transition: ease-in-out box-shadow 0.2s;
}
.V4 .DetailsTab .spaceThumbs .spaceThumb:hover {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25), 0 0 0 2px var(--blue);
  transition: ease-in-out box-shadow 0.2s;
}
.V4 .DetailsTab .spaceThumbs .spaceThumb .headline {
  background: var(--bg3);
  font-size: 14px;
  padding: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.V4 .DetailsTab .spaceThumbs .spaceThumb .SpaceThumbnail {
  margin: 5px auto;
}
.V4 .DetailsTab .resendInviteButton {
  width: fit-content;
  margin: 0 0px 5px 134px;
}
.V4 .DetailsTab .dots div {
  background: var(--blue);
}
.V4 .DetailsTab .loadingSpaces {
  height: 250px;
  padding-top: 40px;
  text-align: center;
}
.V4 .DetailsTab .loadingSpaces .LoaderIcon {
  display: inline-block;
}
.V4 .DetailsTab .loadingSpaces .loadText {
  margin-top: 10px;
  display: block;
}
.V4 .DetailsContainer.SidePanel.LinkDetails {
  z-index: 4000;
  top: 50px;
}
.V4 .DetailsContainer.SidePanel .detailsHeader {
  display: flex;
}
.V4 .DetailsContainer.SidePanel .detailsHeader .headerInfoIcon {
  width: 22px;
  height: 22px;
  margin-right: 10px;
}
.V4 .ToggleContainer.Properties .PropertySet {
  padding-left: 5px;
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 295px));
  gap: 25px;
}
.V4 .ToggleContainer.Properties .PropertySet .MassFieldInput:not(:last-child) {
  margin-bottom: 5px;
}
.V4 .ToggleContainer.Properties .PropertySet input::-webkit-outer-spin-button,
.V4 .ToggleContainer.Properties .PropertySet input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.V4 .ToggleContainer.Properties .PropertySet input[type=number] {
  -moz-appearance: textfield;
}
.V4 .ToggleContainer.Properties .PropertySet .Field .label {
  min-width: 0;
  width: auto;
  margin-right: 30px;
}
.V4 .ToggleContainer.Properties .PropertySet .Field .element {
  width: 100%;
}
.V4 .ToggleContainer.Properties .PropertySet .Field:last-child .element {
  padding-right: 34px;
}
.V4 .ToggleContainer.Properties .PropertySet .disabled {
  border-color: transparent;
  pointer-events: none;
}
.V4 .ToggleContainer.Properties .propertySetLabel {
  font-weight: 500;
  font-size: 16px;
}
.V4 .ToggleContainer.Properties .hasInfo .label {
  width: auto;
  min-width: auto;
}
.V4 .ToggleContainer.Properties .hasInfo .element {
  min-height: 30px;
}
.V4 .ToggleContainer.Properties .MarkupProperties .propertyContainer {
  margin-bottom: 20px;
}
.V4 .ToggleContainer.Properties .MarkupProperties .propertyContainer .Field {
  position: relative;
  left: 10px;
}
.V4 .ToggleContainer.Properties .MarkupProperties .propertyContainer .Field .element > * {
  height: 40px;
  position: relative;
}
.V4 .ToggleContainer.Properties .MarkupProperties .propertyContainer .Field .element .icon {
  fill: black;
}
.V4 .ToggleContainer.Properties .MarkupProperties .propertyContainer .Field .ColorSelector,
.V4 .ToggleContainer.Properties .MarkupProperties .propertyContainer .Field .FillButton,
.V4 .ToggleContainer.Properties .MarkupProperties .propertyContainer .Field .LineTypeChanger {
  width: 40px;
  border: 1px solid #f5f5f5;
}
.V4 .ToggleContainer.Properties .MarkupProperties .propertyContainer .Field .ColorSelector span {
  width: 24px;
  height: 21px;
}
.V4 .ToggleContainer.Properties .MarkupProperties .propertyContainer .Field .arrowDown {
  transform: rotateZ(-45deg);
  position: absolute;
  bottom: 1px;
  right: 0px;
}
.V4 .ToggleContainer.Properties .MarkupProperties .propertyContainer .Field .FontStyleContainer .btn {
  width: 40px;
  height: 40px;
}
.V4 .ToggleContainer.Properties .MarkupProperties .propertyContainer .Field .FontStyleContainer .btn.active .icon {
  fill: white;
}
.V4 .ToggleContainer.Properties .MarkupProperties .propertyContainer .Field .FontStyleContainer .btn:hover .icon {
  fill: black;
}
.V4 .ToggleContainer.Properties .MarkupProperties .propertyContainer .Field .TextAlignOptions {
  height: 140px;
  cursor: pointer;
  background: transparent;
  box-shadow: none;
}
.V4 .ToggleContainer.Properties .MarkupProperties .propertyContainer .Field .FillOptions,
.V4 .ToggleContainer.Properties .MarkupProperties .propertyContainer .Field .LineTypeOptions {
  z-index: 1000;
}
.V4 .ToggleContainer.Properties .MarkupProperties .propertyContainer .markupTextInput .element {
  display: flex;
  flex-direction: row;
}
.V4 .ToggleContainer.Properties .MarkupProperties .propertyContainer .markupTextInput .element .ClickToEditInput {
  height: auto;
}
.V4 .ToggleContainer.Properties .MarkupProperties .propertyContainer .markupTextInput .element .ClickToEditInput textarea {
  height: auto;
}
.V4 .ToggleContainer.Properties .MarkupProperties .propertyContainer .markupTextInput .clear {
  margin-left: 10px;
  width: 40px;
  height: 40px;
  border: 1px solid #f5f5f5;
}
.V4 .ToggleContainer.Properties .MarkupProperties .propertyContainer .markupTextInput .clear .btn {
  width: 24px;
  height: 21px;
}
.V4 #modalContainer .MassFieldInput__editArea.properties .container {
}
.V4 #modalContainer .MassFieldInput__editArea.properties .container input::-webkit-outer-spin-button,
.V4 #modalContainer .MassFieldInput__editArea.properties .container input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.V4 #modalContainer .MassFieldInput__editArea.properties .container input[type=number] {
  -moz-appearance: textfield;
}
.V4 .DocumentListView {
  margin: 10px 0px;
}
.V4 .DocumentListView .DocumentListItem {
  position: relative;
  height: 44px;
  align-items: center;
}
.V4 .DocumentListView .DocumentListItem:hover {
  outline: 1px solid #3495f0;
  box-sizing: border-box;
}
.V4 .DocumentListView .DocumentListItem.inherited::after {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 23px;
  height: 23px;
  content: "";
  background: url(../assets/images/document/inherited_catalog.svg) no-repeat center;
}
.V4 .DocumentListView .DocumentListItem .thumb {
  margin: 3px 8px;
  width: 38px;
  height: 38px;
  background-size: cover;
}
.V4 .DocumentListView .DocumentListItem .text {
  overflow: hidden;
}
.V4 .DocumentListView .DocumentListItem .text .description {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 12px;
  color: #37474f;
}
.V4 .DocumentListView .DocumentListItem .text .type,
.V4 .DocumentListView .DocumentListItem .text .date {
  font-size: 10px;
  color: var(--gray);
}
.V4 .DocumentListView .OptionsButton {
  position: relative;
}
.V4 .DocumentListView .OptionsButton .ContextOptions {
  position: absolute;
  bottom: 0;
  right: 18px;
  transform: translateY(calc(50% - 9px));
}
.V4 .DocumentCardView {
  margin: 10px 0px;
  display: grid;
  grid-template-columns: repeat(auto-fit, 180px);
  grid-gap: 10px;
}
.V4 .DocumentCardView:not(.empty) {
  grid-auto-rows: 180px;
}
.V4 .DocumentCardView .DocumentCardItem {
  position: relative;
  cursor: pointer;
  border: 1px solid var(--gray5);
}
.V4 .DocumentCardView .DocumentCardItem:hover {
  border-color: var(--blue);
}
.V4 .DocumentCardView .DocumentCardItem:hover .top,
.V4 .DocumentCardView .DocumentCardItem:hover .bottom {
  opacity: 1;
}
.V4 .DocumentCardView .DocumentCardItem .thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  text-transform: uppercase;
  color: #969696;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  font-size: 40px;
}
.V4 .DocumentCardView .DocumentCardItem .top,
.V4 .DocumentCardView .DocumentCardItem .bottom {
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
}
.V4 .DocumentCardView .DocumentCardItem .top {
  height: 40px;
  position: absolute;
  justify-content: space-between;
  align-items: center;
  display: flex;
  top: 0;
  left: 0;
  right: 0;
}
.V4 .DocumentCardView .DocumentCardItem .bottom {
  height: 62px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5px 10px;
  box-sizing: content-box;
}
.V4 .DocumentCardView .DocumentCardItem .bottom .description {
  font-size: 16px;
  line-height: 34px;
  color: #ffffff;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.V4 .DocumentCardView .DocumentCardItem .bottom .type,
.V4 .DocumentCardView .DocumentCardItem .bottom .date {
  font-size: 10px;
  color: #ffffff;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.V4 .DocumentCardView .OptionsButton {
  position: relative;
}
.V4 .DocumentCardView .OptionsButton .button {
  color: white;
  height: 30px;
  width: 30px;
  margin: 5px;
}
.V4 .DocumentCardView .OptionsButton .button:hover {
  color: var(--blue);
  background-color: white;
}
.V4 .DocumentCardView .OptionsButton .ContextOptions {
  position: absolute;
  bottom: 0;
  right: 18px;
  transform: translateY(calc(50% - 9px));
}
.V4 .DocumentSection .button {
  margin-left: 20px;
}
.V4 .DocumentSection .loaderText {
  height: 180px;
  border: 1px solid var(--gray5);
}
.V4 .DocumentSection .loaderText:hover {
  border-color: var(--blue);
}
.V4 .DocumentSection .loaderText.list {
  height: 44px;
  border: 1px solid var(--gray5);
  margin: 5px 0;
}
.V4 .DocumentSection .loaderText.list:hover {
  border-color: var(--blue);
}
.V4 .DocumentSection .loaderText.list .LoaderIcon {
  margin: 0;
}
.ReportSharingSection .AddUserOrUserGroup {
  margin: 10px 0 20px;
}
.ReportSharingSection .section {
  margin: 0 15px 30px;
  margin: 0 0 30px;
}
.ReportSharingSection .section h3 {
  font-size: 18px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  margin-bottom: 10px;
}
.ReportSharingSection .section .empty {
  font-weight: 300;
  margin: 40px 0;
  text-align: center;
  color: var(--gray);
}
.ReportSharingSection .section .item {
  align-items: center;
  padding: 5px 10px;
  cursor: pointer;
  box-sizing: border-box;
  width: 100%;
  height: 52px;
}
.ReportSharingSection .section .item.owner {
  background: var(--subMenuItemBG);
}
.ReportSharingSection .section .item.unregistered .name {
  font-style: italic;
}
.ReportSharingSection .section .item svg.icon {
  width: 20px;
  height: 20px;
}
.ReportSharingSection .section .item svg.icon.owner-icon {
  fill: var(--blue);
}
.ReportSharingSection .section .item .avatar {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.ReportSharingSection .section .item .avatar .Initials {
  position: relative;
  width: inherit;
  height: inherit;
  font-size: 16px;
  font-weight: 500;
  top: 0;
  left: 0;
  box-sizing: border-box;
}
.ReportSharingSection .section .item .avatar img {
  width: inherit;
  height: inherit;
  border-radius: 50%;
}
.ReportSharingSection .section .item .label {
  overflow: hidden;
}
.ReportSharingSection .section .item .label > * {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ReportSharingSection .section .item .counter,
.ReportSharingSection .section .item .email {
  font-size: 12px;
  font-weight: 300;
  color: var(--bg4);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ReportSharingSection .section .item .name {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ReportSharingSection .section .item .button {
  padding: 9px;
  visibility: hidden;
}
.ReportSharingSection .section .item .button:hover {
  background: var(--blue-hover);
}
.ReportSharingSection .section .item:hover {
  border-color: var(--blue);
  background: var(--blue);
  color: #ffffff;
}
.ReportSharingSection .section .item:hover .button {
  visibility: visible;
}
.ReportSharingSection .section .item:hover .counter,
.ReportSharingSection .section .item:hover .email {
  color: #b6e7ff;
}
.ReportSharingSection .section .item:hover svg.icon.owner-icon {
  fill: #ffffff;
}
.ReportSharingSection .section .item:hover .ShareOption svg.icon {
  fill: #ffffff;
}
.ReportSharingSection .section .item:hover .ShareOption:hover {
  background: var(--blue-hover);
}
.ReportSharingSection .section .item:hover .button svg.icon {
  fill: #ffffff;
}
.ReportSharingSection .section .item .labels {
  overflow: auto;
}
.ReportSharingSection .section .SelectInput {
  width: initial;
}
.V4 .EditViewSharing {
  height: 100%;
}
.V4 .EditViewSharing .section {
  margin: 0 15px 30px;
}
.V4 .EditViewSharing .section h3 {
  font-size: 18px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  margin-bottom: 10px;
}
.V4 .EditViewSharing .section .empty {
  font-weight: 300;
  margin: 40px 0;
  text-align: center;
  color: var(--gray);
}
.V4 .EditViewSharing .section .item {
  align-items: center;
  padding: 5px 10px;
  cursor: pointer;
  box-sizing: border-box;
  width: 100%;
  height: 52px;
}
.V4 .EditViewSharing .section .item.owner {
  background: var(--subMenuItemBG);
}
.V4 .EditViewSharing .section .item.unregistered .name {
  font-style: italic;
}
.V4 .EditViewSharing .section .item svg.icon {
  width: 20px;
  height: 20px;
}
.V4 .EditViewSharing .section .item svg.icon.owner-icon {
  fill: var(--blue);
}
.V4 .EditViewSharing .section .item .avatar {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.V4 .EditViewSharing .section .item .avatar .Initials {
  position: relative;
  width: inherit;
  height: inherit;
  font-size: 16px;
  font-weight: 500;
  top: 0;
  left: 0;
  box-sizing: border-box;
}
.V4 .EditViewSharing .section .item .avatar img {
  width: inherit;
  height: inherit;
  border-radius: 50%;
}
.V4 .EditViewSharing .section .item .label {
  overflow: hidden;
}
.V4 .EditViewSharing .section .item .label > * {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.V4 .EditViewSharing .section .item .counter,
.V4 .EditViewSharing .section .item .email {
  font-size: 12px;
  font-weight: 300;
  color: var(--bg4);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.V4 .EditViewSharing .section .item .name {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.V4 .EditViewSharing .section .item .button {
  padding: 9px;
  visibility: hidden;
}
.V4 .EditViewSharing .section .item .button:hover {
  background: var(--blue-hover);
}
.V4 .EditViewSharing .section .item:hover {
  border-color: var(--blue);
  background: var(--blue);
  color: #ffffff;
}
.V4 .EditViewSharing .section .item:hover .button {
  visibility: visible;
}
.V4 .EditViewSharing .section .item:hover .counter,
.V4 .EditViewSharing .section .item:hover .email {
  color: #b6e7ff;
}
.V4 .EditViewSharing .section .item:hover svg.icon.owner-icon {
  fill: #ffffff;
}
.V4 .EditViewSharing .section .item:hover .ShareOption svg.icon {
  fill: #ffffff;
}
.V4 .EditViewSharing .section .item:hover .ShareOption:hover {
  background: var(--blue-hover);
}
.V4 .EditViewSharing .section .item:hover .button svg.icon {
  fill: #ffffff;
}
.V4 .EditViewSharing .section .item .labels {
  overflow: auto;
}
.V4 .EditViewSharing .section:first-child {
  margin-top: 20px;
}
.V4 .EditViewSharing .SearchField {
  margin: 0;
}
.V4 .EditViewSharing .SelectInput {
  width: initial;
}
.V4 .sharingPanel {
  width: 500px;
  position: absolute;
  transform: translateX(100%);
  right: 0;
  z-index: 8000;
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #ffffff;
  -webkit-transition: transform 0.4s ease;
  -moz-transition: transform 0.4s ease;
  -ms-transition: transform 0.4s ease;
  -o-transition: transform 0.4s ease;
  transition: transform 0.4s ease;
}
.V4 .sharingPanel.open {
  transform: translateX(0);
}
.V4 .sharingPanel .searchBox {
  background: var(--blue);
  padding: 20px;
  -webkit-box-shadow: 0px 5px 16px 0 rgba(50, 50, 71, 0.08);
  -moz-box-shadow: 0px 5px 16px 0 rgba(50, 50, 71, 0.08);
  box-shadow: 0px 5px 16px 0 rgba(50, 50, 71, 0.08);
}
.V4 .sharingPanel .searchBox .SearchField input {
  border: none;
  background: var(--blue-hover);
  color: #ffffff;
}
.V4 .sharingPanel .searchBox .SearchField input::placeholder {
  color: var(--light-blue);
}
.V4 .sharingPanel .searchBox .SearchField svg {
  fill: var(--light-blue);
  z-index: 5000;
}
.V4 .ShareOption {
  border: none;
  min-width: auto;
}
.V4 .ShareOption .input {
  padding-right: 10px;
}
.V4 .ShareOption .input::after,
.V4 .ShareOption .label,
.V4 .ShareOption svg.checkmark {
  display: none;
}
.V4 .DetailsContainer {
  position: absolute;
  top: 50px;
  right: 0;
  background: #ffffff;
  box-shadow: 0px 16px 16px rgba(50, 50, 71, 0.08), 0px 24px 32px rgba(50, 50, 71, 0.08);
  width: 100%;
  max-width: 550px !important;
  height: calc(100% - 50px);
  overflow: auto;
}
.V4 .DetailsContainer.createPanel {
  z-index: 8490;
}
.V4 .DetailsContainer .DetailsTab .heading {
  display: none;
}
.V4 .DetailsContainer .DetailsTab .header {
  padding: 20px;
}
.V4 .DetailsContainer .DetailsTab .header .Initials {
  top: 20px;
}
.createPanel.detailsPopup.open {
  z-index: 8490;
  min-width: 1280px;
  top: 50px;
}
.V4 .SearchFeatureBlock {
  cursor: pointer;
}
.V4 .SearchFeatureBlock:not(:last-child) {
  margin-bottom: 90px;
}
.V4 .SearchFeatureBlock:last-child {
  margin-bottom: 400px;
}
.V4 .SearchFeatureBlock > .name {
  font-size: 20px;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.V4 .SearchFeatureBlock .items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 5px;
}
.V4 .SearchFeatureBlock .items .moduleItem {
  display: grid;
  grid-template-columns: 60px 1fr;
  grid-gap: 10px;
  border: solid 2px var(--subMenuItemBG);
  padding: 10px;
  align-items: center;
  color: #a9a3a3;
  position: relative;
}
.V4 .SearchFeatureBlock .items .moduleItem:hover {
  border-color: var(--blue);
}
.V4 .SearchFeatureBlock .items .moduleItem:hover .hoverButtons {
  display: flex;
}
.V4 .SearchFeatureBlock .items .moduleItem .icon {
  min-width: 60px;
}
.V4 .SearchFeatureBlock .items .moduleItem .icon img {
  width: 100%;
}
.V4 .SearchFeatureBlock .items .moduleItem .Initials {
  width: 60px;
  height: 60px;
  font-size: 16px;
  top: auto;
  right: auto;
  position: relative;
}
.V4 .SearchFeatureBlock .items .moduleItem .fields {
  overflow: auto;
}
.V4 .SearchFeatureBlock .items .moduleItem .fields b {
  color: var(--text1);
  font-weight: 400;
}
.V4 .SearchFeatureBlock .items .moduleItem .fields .featureId {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.V4 .SearchFeatureBlock .items .moduleItem .fields .featureId .field {
  display: inline;
  font-size: 16px;
}
.V4 .SearchFeatureBlock .items .moduleItem .fields .featureId.unplotted::after {
  content: "(Unplotted)";
  font-weight: 300;
  margin-left: 5px;
}
.V4 .SearchFeatureBlock .items .moduleItem .fields .featureId.embedded::after {
  content: "(Embedded)";
  font-weight: 300;
  margin-left: 5px;
}
.V4 .SearchFeatureBlock .items .moduleItem .fields .field {
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.V4 .SearchFeatureBlock .items .moduleItem .hoverButtons {
  position: absolute;
  right: 0;
  background: var(--bg3);
  height: 100%;
  display: none;
}
.V4 .SearchFeatureBlock .info {
  justify-content: flex-end;
}
.V4 .SearchFeatureBlock .info p {
  font-size: 14px;
  color: var(--bg4);
}
.V4 .SearchFeatureBlock .info p span.highLighted {
  color: var(--text1);
}
.V4 .SearchFeatureBlock .info .Button.naked {
  font-size: 16px;
}
.V4 .SearchFeatureBlock.Document .moduleItem:hover {
  border-color: var(--bg3);
  cursor: default;
}
.V4 .PortfolioWideSearch {
  background: white;
  position: absolute;
  left: 0;
  top: 50px;
  width: 100vw;
  height: calc(100vh - 50px);
  overflow: auto;
  z-index: 8481;
}
.V4 .PortfolioWideSearch .LoaderIcon {
  margin-bottom: 10px;
}
.V4 .PortfolioWideSearch .LoaderIcon .loader .dots > * {
  background: var(--blue);
}
.V4 .PortfolioWideSearch .heading.createBox {
  margin-top: 50px;
}
.V4 .PortfolioWideSearch > .button .icon {
  fill: white;
}
.V4 .PortfolioWideSearch > .header {
  display: flex;
  background: var(--subMenuItemBG);
  height: 70px;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  width: 100%;
  z-index: 1;
  padding: 0 20px;
}
.V4 .PortfolioWideSearch > .header h4 {
  margin-left: 20px;
  font-weight: 500;
  font-size: 20px;
  font-family: Montserrat, sans-serif;
  color: #727272;
}
.V4 .PortfolioWideSearch > .header h4.title {
  margin-left: 40px;
}
.V4 .PortfolioWideSearch > .container {
  padding: 40px 80px;
  overflow: hidden;
  margin-top: 70px;
}
.V4 .PortfolioWideSearch > .container .moduleLinks {
  width: 250px;
  margin-left: 60px;
  position: fixed;
  right: 20px;
}
.V4 .PortfolioWideSearch > .container .moduleLinks .separator {
  border-top: solid 1px var(--bg4);
  border-left: solid var(--bg4) 4px;
  margin: 20px 0;
  position: relative;
}
.V4 .PortfolioWideSearch > .container .moduleLinks .separator::before {
  content: "";
  width: 4px;
  background: var(--bg4);
  height: 41px;
  position: absolute;
  top: -21px;
  left: -4px;
}
.V4 .PortfolioWideSearch > .container .moduleLinks ul {
  list-style: none;
  margin: 0;
  padding: 0;
  flex-grow: 1;
}
.V4 .PortfolioWideSearch > .container .moduleLinks ul li {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 18px;
  border-left: solid var(--bg4) 4px;
  transition: ease-in-out border-color 0.2s;
  padding: 15px;
  text-transform: uppercase;
}
.V4 .PortfolioWideSearch > .container .moduleLinks ul li:hover {
  border-left-color: var(--blue);
  color: var(--blue);
}
.V4 .PortfolioWideSearch > .container .moduleLinks ul li.visible {
  border-left-color: var(--blue);
  transition: ease-in-out border-color 0.2s;
}
.V4 .PortfolioWideSearch > .container .moduleLinks ul li .featureTitle {
  flex-grow: 1;
}
.V4 .PortfolioWideSearch > .container .moduleLinks ul li .counter {
  font-size: 12px;
  width: 40px;
  text-align: center;
  border-radius: 10px;
  color: var(--icon);
  font-weight: 400;
}
.V4 .PortfolioWideSearch > .container .moduleLinks .activeLinks {
  box-shadow: 4px 0px 0px 0px var(--bg4) inset;
}
.V4 .PortfolioWideSearch > .container .moduleLinks .activeLinks ul li {
  color: var(--blue);
}
.V4 .PortfolioWideSearch > .container .moduleLinks .activeLinks ul li .counter {
  background: var(--bg3);
}
.V4 .PortfolioWideSearch > .container .moduleLinks .passiveLinks {
  box-shadow: 4px 0px 0px 0px var(--bg4) inset;
}
.V4 .PortfolioWideSearch > .container .moduleLinks .passiveLinks li {
  cursor: default;
  color: var(--bg4);
}
.V4 .PortfolioWideSearch > .container .moduleLinks .passiveLinks li:hover {
  border-left-color: var(--bg4);
  color: var(--bg4);
}
.V4 .PortfolioWideSearch > .container .moduleGroups {
  overflow: auto;
  width: calc(100% - 250px);
}
.V4 .PortfolioWideSearch > .container .empty {
  text-align: center;
  width: 100%;
  margin-top: 130px;
}
.V4 .PortfolioWideSearch:hover::-webkit-scrollbar-thumb {
  border-width: 0;
  transition: ease-in-out all 0.2s;
}
.V4 .shadowDiv {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 8480;
}
.V4 .ModuleView .shadowDiv {
  z-index: 4000;
}
.V4 .SpaceControlBar {
  position: absolute;
  height: 50px;
  width: 220px;
  bottom: 20px;
  right: 32px;
  background: white;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.V4 .SpaceControlBar .cameraChanger {
  margin: 5px 0;
  width: 40px;
  height: 40px;
  background-color: #f5f5f5;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
}
.V4 .SpaceControlBar .cameraChanger.perspective {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  margin-left: 5px;
}
.V4 .SpaceControlBar .cameraChanger.orthographic {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.V4 .SpaceControlBar .cameraChanger.selected {
  background-color: #3495f0;
  color: white;
}
.V4 .SpaceControlBar > .button {
  width: 45px;
  padding: 5px;
  border-right: 1px solid #eaeaea;
}
.V4 .SpaceControlBar > .button:last-of-type {
  border-right: none;
}
.V4 .SpaceControlBar > .button.enabled {
  color: #3495f0;
}
.V4 .SpaceControlBar .NavigationBox {
  position: absolute;
  bottom: 100%;
  right: 0;
  border: 1px solid black;
  width: 280px;
  height: 225px;
  background: var(--subMenuItemBG);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  padding-left: 10px;
  padding-right: 10px;
}
.V4 .SpaceControlBar .navigationBackground {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  overflow: hidden;
}
.V4 .SpaceControlBar .NavigationControlButtons {
  margin-bottom: 8px;
  margin-top: 5px;
  margin-left: 10px;
  height: 20px;
}
.V4 .SpaceControlBar .NavigationControlButtons .zoomPercentage {
  cursor: pointer;
}
.V4 .SpaceControlBar .NavigationControlButtons .zoomPercentage:hover {
  color: #3495f0;
}
.V4 .SpaceControlBar .NavigationControlButtons > * {
  width: 35px;
}
.V4 .SpaceEditorSettings {
  position: absolute;
  bottom: 100%;
  right: 0;
  width: 191px;
  background: var(--subMenuItemBG);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.V4 .SpaceEditorSettings .selectable {
  border-bottom: 1px solid #eaeaea;
}
.V4 .SpaceEditorSettings .selectable:hover svg {
  fill: #ffffff;
}
.V4 .SpaceEditorSettings .selectable svg {
  width: 25px;
  height: 25px;
  margin-right: 5px;
}
.V4 .SpaceEditorSettings .selectable:last-of-type {
  border-bottom: none;
}
.V4 .sceneOptions {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  background-color: rgba(225, 240, 240, 0.8);
  padding: 15px;
}
.V4 .sceneOptions .XyiconSizeChanger {
  width: 60px;
  height: 20px;
  flex-direction: row;
}
.V4 .sceneOptions .XyiconSizeChanger > * {
  margin: 0 auto;
}
.V4 .sceneOptions .XyiconSizeChanger > .button {
  cursor: pointer;
}
.V4 .FloatingCaptionConfigurator {
  -webkit-box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.25);
  position: absolute;
  background-color: #ffffff;
  border: 1px solid #eaeaea;
  z-index: 9999;
}
.V4 .FloatingCaptionConfigurator .ColorSelector {
  border: 1px solid #f5f5f5;
}
.V4 .FloatingCaptionConfigurator .ColorSelector .innerSpan {
  width: 38px;
}
.V4 .FloatingCaptionConfigurator .ColorSelector[title="Fill Color"] {
  width: 40px;
  height: 40px;
}
.V4 .FloatingCaptionConfigurator .ColorSelector[title="Fill Color"] .innerSpan svg {
  width: 30px;
  height: 30px;
}
.V4 .FloatingCaptionConfigurator .title {
  padding: 10px 20px;
  background: var(--bg3);
  font-size: 16px;
  font-weight: 400;
  justify-content: space-between;
}
.V4 .FloatingCaptionConfigurator .fontSettings {
  padding: 20px;
}
.V4 .FloatingCaptionConfigurator .fontSettings > div {
  margin-left: 10px;
  margin-right: 10px;
}
.V4 .SpaceViewBtn .btn,
.V4 .SpaceViewBar .btn,
.V4 .SpaceAlignViewBar .btn {
  height: 100%;
  padding: 0 8px;
  display: flex;
  align-items: center;
  position: relative;
}
.V4 .SpaceViewBtn .btn svg.icon,
.V4 .SpaceViewBar .btn svg.icon,
.V4 .SpaceAlignViewBar .btn svg.icon {
  width: 24px;
  height: 24px;
  fill: var(--icon);
}
.V4 .SpaceViewBtn .btn:hover,
.V4 .SpaceViewBar .btn:hover,
.V4 .SpaceAlignViewBar .btn:hover {
  background-color: var(--subMenuItemActiveBG);
}
.V4 .SpaceAlignViewBar {
  padding: 5px;
}
.V4 .SpaceAlignViewBar .Button {
  height: 30px;
}
.V4 .SpaceAlignViewBar .btn.active {
  margin-right: 5px;
}
.V4 .SpaceAlignViewBar .btn.active svg.icon {
  fill: var(--blue);
  margin-right: 5px;
}
.V4 .SpaceViewBar,
.V4 .SpaceAlignViewBar {
  font-family: Roboto;
  position: absolute;
  z-index: 2;
  top: 15px;
  right: 15px;
  height: 40px;
  background: var(--subMenuItemBG);
  border: solid 1px #e9e9e9;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.V4 .SpaceViewBar .btn.active,
.V4 .SpaceAlignViewBar .btn.active {
  background: #ffffff;
  border-color: white !important;
  color: var(--blue);
}
.V4 .SpaceViewBar .SelectInput,
.V4 .SpaceAlignViewBar .SelectInput {
  font-size: 14px;
  padding: 0;
  max-width: auto;
  min-width: auto;
  width: auto;
}
.V4 .SpaceViewBar .SelectInput:hover,
.V4 .SpaceAlignViewBar .SelectInput:hover {
  border-color: none;
  color: var(--blue);
}
.V4 .SpaceViewBar .SelectInput:hover .input::after,
.V4 .SpaceAlignViewBar .SelectInput:hover .input::after {
  display: block;
}
.V4 .SpaceViewBar .FilterChangeNotification,
.V4 .SpaceAlignViewBar .FilterChangeNotification {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  height: 40px;
  right: 100%;
  white-space: nowrap;
  color: #666;
  display: flex;
  justify-content: flex-end;
  background: var(--subMenuItemBG);
  border: solid 1px #e9e9e9;
  padding: 0 10px;
  margin-left: auto;
  margin-right: 10px;
  font-size: 14px;
}
.V4 .SpaceViewBar .FilterChangeNotification .Button,
.V4 .SpaceAlignViewBar .FilterChangeNotification .Button {
  margin-left: 10px;
  background: white;
  height: 32px;
}
.V4 .SpaceViewBar > *,
.V4 .SpaceAlignViewBar > * {
  padding: 0 18px;
}
.V4 .SpaceViewBar .title,
.V4 .SpaceAlignViewBar .title {
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  cursor: default;
}
.V4 .SpaceViewBar > .title,
.V4 .SpaceAlignViewBar > .title {
  font-size: 16px;
  text-transform: uppercase;
}
.V4 .SpaceViewBar > .customSelect select,
.V4 .SpaceAlignViewBar > .customSelect select {
  background-color: inherit;
  border: none;
  color: #3495f0;
  cursor: pointer;
}
.V4 .SpaceViewBar > .customSelect .arrowDown,
.V4 .SpaceAlignViewBar > .customSelect .arrowDown {
  right: 10px;
}
.V4 .SpaceViewBar .columnTitle,
.V4 .SpaceAlignViewBar .columnTitle {
  margin: 15px 3px;
  font-size: 13px;
  color: #a9a3a3;
}
.V4 .SpaceViewBar .threeDot,
.V4 .SpaceAlignViewBar .threeDot {
  background-image: url(../assets/images/spaceviewer/3dot.svg);
}
.V4 .SpaceViewBar .captions,
.V4 .SpaceAlignViewBar .captions {
  border-right: 1px solid #eaeaea;
}
.V4 .SpaceViewBar .arrowUp,
.V4 .SpaceAlignViewBar .arrowUp {
  position: absolute;
  top: -10px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid var(--subMenuItemActiveBG);
}
.V4 .SpaceViewBar .panel,
.V4 .SpaceAlignViewBar .panel {
  position: absolute;
  right: 0;
  top: 47px;
  padding: 0;
  background-color: var(--subMenuItemActiveBG);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.V4 .SpaceViewBar .panel .SizeChanger::before,
.V4 .SpaceAlignViewBar .panel .SizeChanger::before {
  color: var(--text1);
  font-weight: 400;
}
.V4 .SpaceViewBar .panel .ColorSelector::before,
.V4 .SpaceAlignViewBar .panel .ColorSelector::before {
  color: var(--text1);
  font-weight: 400;
}
.V4 .SpaceViewBar .panel .col2,
.V4 .SpaceAlignViewBar .panel .col2 {
  display: grid;
  grid-template-columns: 160px auto;
}
.V4 .SpaceViewBar .panel.CaptionPanel,
.V4 .SpaceAlignViewBar .panel.CaptionPanel {
  width: 750px;
}
.V4 .SpaceViewBar .panel.CaptionPanel .arrowUp,
.V4 .SpaceAlignViewBar .panel.CaptionPanel .arrowUp {
  left: 260px;
}
.V4 .SpaceViewBar .panel.CaptionPanel .checkboxPanel,
.V4 .SpaceAlignViewBar .panel.CaptionPanel .checkboxPanel {
  align-items: start;
}
.V4 .SpaceViewBar .panel.CaptionPanel .checkboxPanel > div,
.V4 .SpaceAlignViewBar .panel.CaptionPanel .checkboxPanel > div {
  flex: 1;
  align-items: start;
}
.V4 .SpaceViewBar .panel.CaptionPanel .ToggleSwitchField,
.V4 .SpaceAlignViewBar .panel.CaptionPanel .ToggleSwitchField {
  margin-left: auto;
  margin-right: 20px;
}
.V4 .SpaceViewBar .panel.CaptionPanel .SizeChanger,
.V4 .SpaceAlignViewBar .panel.CaptionPanel .SizeChanger,
.V4 .SpaceViewBar .panel.CaptionPanel .ColorSelector,
.V4 .SpaceAlignViewBar .panel.CaptionPanel .ColorSelector {
  margin-right: 20px;
}
.V4 .SpaceViewBar .panel.CaptionPanel .CheckboxInput,
.V4 .SpaceAlignViewBar .panel.CaptionPanel .CheckboxInput {
  margin: 3px 0;
}
.V4 .SpaceViewBar .panel.overlayPanel .SelectInput,
.V4 .SpaceAlignViewBar .panel.overlayPanel .SelectInput {
  border-color: var(--input-border);
}
.V4 .SpaceViewBar .panel.overlayPanel .SelectInput .input::after,
.V4 .SpaceAlignViewBar .panel.overlayPanel .SelectInput .input::after {
  display: block;
}
.V4 .SpaceViewBar .panel.overlayPanel .arrowUp,
.V4 .SpaceAlignViewBar .panel.overlayPanel .arrowUp {
  left: 225px;
}
.V4 .SpaceViewBar .panel.overlayPanel select,
.V4 .SpaceAlignViewBar .panel.overlayPanel select {
  width: 148px;
}
.V4 .SpaceViewBar .panel .selectTitle,
.V4 .SpaceAlignViewBar .panel .selectTitle {
  margin-right: auto;
  margin-bottom: 25px;
}
.V4 .SpaceViewBar .panel .selectTitle > .title,
.V4 .SpaceAlignViewBar .panel .selectTitle > .title {
  text-transform: uppercase;
  margin-right: 15px;
}
.V4 .SpaceViewBar .panel > .hbox,
.V4 .SpaceViewBar .panel > .SpaceView,
.V4 .SpaceAlignViewBar .panel > .hbox,
.V4 .SpaceAlignViewBar .panel > .SpaceView {
  height: 100%;
  align-items: flex-start;
}
.V4 .SpaceViewBar .panel .fieldsCol,
.V4 .SpaceAlignViewBar .panel .fieldsCol {
  align-items: baseline;
  margin-bottom: auto;
  width: 200px;
  margin-right: 100px;
}
.V4 .SpaceViewBar .panel .fieldsCol h4,
.V4 .SpaceAlignViewBar .panel .fieldsCol h4 {
  font-size: 11px;
  color: #a5a5a5;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  margin-bottom: 15px;
}
.V4 .SpaceViewBar .panel .fieldsCol .field,
.V4 .SpaceAlignViewBar .panel .fieldsCol .field {
  width: 100%;
}
.V4 .SpaceViewBar .panel .fieldsCol .field .title,
.V4 .SpaceAlignViewBar .panel .fieldsCol .field .title {
  margin-left: 5px;
}
.V4 .SpaceViewBar .panel .fieldsCol .field .value,
.V4 .SpaceAlignViewBar .panel .fieldsCol .field .value {
  margin-left: auto;
  font-size: 12px;
  color: #a9a3a3;
}
.V4 .MeasureToolBar {
  position: absolute;
  z-index: 3;
  bottom: 20px;
  left: calc(50% - 105px);
  transform: translateX(-50%);
  padding-left: 4px;
  height: 50px;
  background: #37474f;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  padding-left: 5px;
  padding-right: 10px;
}
.V4 .MeasureToolBar > * {
  padding-left: 5px;
  padding-right: 5px;
}
.V4 .MeasureToolBar > *:last-of-type {
  padding-left: 0;
}
.V4 .MeasureToolBar .ColorSelector {
  width: 30px;
  margin-left: 10px;
  margin-right: 5px;
}
.V4 .MeasureToolBar .SelectInput {
  color: #c4c4c4;
  width: 180px;
}
.V4 .MeasureToolBar .btn {
  width: 40px;
  height: 40px;
}
.V4 .MeasureToolBar .btn svg {
  width: 32px;
  height: 32px;
}
.V4 .MeasureToolBar .btn svg.active {
  fill: white !important;
}
.V4 .MeasureToolBar .button .icon {
  fill: #c4c4c4;
  width: 35px;
}
.V4 .MeasureToolBar .button:hover .icon {
  fill: #3495f0;
}
.V4 .SpaceToPDFExportPanel {
  z-index: 999999 !important;
  max-width: 592px !important;
}
.V4 .SpaceToPDFExportPanel .buttonWrapper {
  padding: 20px;
}
.V4 .SpaceToPDFExportPanel .SearchField {
  margin-left: 20px;
}
.V4 .SpaceToPDFExportPanel .spaceList {
  margin-left: 30px;
  overflow-y: auto;
}
.V4 .SpaceToPDFExportPanel .spaceList .item {
  margin-top: 20px;
  margin-bottom: 20px;
}
.V4 .SpaceToPDFExportPanel .spaceList .item.disabled {
  opacity: 0.5;
}
.V4 .BoundaryTypeContainer > div {
  height: 45px;
  min-height: 45px;
  padding: 15px;
  cursor: pointer;
}
.V4 .BoundaryTypeContainer > div:hover {
  background-color: #b0d3f3;
}
.V4 .BoundaryTypeContainer > div.active {
  background-color: #3495f0;
  color: white;
}
.V4 .BoundaryTypeContainer > div.noPermission {
  cursor: not-allowed;
  opacity: 0.5;
  padding: 5px;
  background-color: var(--bg1);
}
.V4 .BoundaryTypeContainer > div.noPermission .thumbnail {
  margin-left: 28px;
}
.V4 .BoundaryTypeContainer > div.noPermission::before {
  content: "";
  background: url(../assets/images/common/locked-icon.svg) no-repeat center;
  height: 10px;
  min-width: 10px;
}
.V4 .BoundaryTypeContainer > div .BoundaryTypeName {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.V4 .BoundaryTypeContainer .Initials {
  position: initial;
  top: initial;
  right: initial;
  font-size: 20px;
  width: 35px;
  height: 35px;
  margin: 5px;
}
.V4 .SpaceToolBar {
  position: absolute;
  z-index: 1;
  top: 15px;
  left: 15px;
  background: var(--subMenuItemBG);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -webkit-transition: transform 0.4s ease;
  -moz-transition: transform 0.4s ease;
  -ms-transition: transform 0.4s ease;
  -o-transition: transform 0.4s ease;
  transition: transform 0.4s ease;
}
.V4 .SpaceToolBar.collapsed {
  transform: translateX(-80px);
}
.V4 .SpaceToolBar * {
  background-size: auto;
}
.V4 .SpaceToolBar .ColorSelector {
  height: 50px;
}
.V4 .SpaceToolBar .btn {
  width: 50px;
  height: 50px;
  position: relative;
}
.V4 .SpaceToolBar .btn .notificationNumber {
  position: absolute;
  top: 0;
  right: 0;
  padding: 3px 6px;
  font-size: 12px;
  background-color: var(--blue);
  color: #ffffff;
  border-radius: 10px;
  transition: ease-in-out transform 0.2s;
}
.V4 .SpaceToolBar .btn .notificationNumber.animate {
  transform: scale(1.2);
}
.V4 .SpaceToolBar .btn svg {
  width: 32px;
  height: 32px;
}
.V4 .SpaceToolBar .btn.disabled {
  opacity: 0.5;
}
.V4 .SpaceToolBar .btn:hover,
.V4 .SpaceToolBar .btn:active {
  background-color: #ffffff;
}
.V4 .SpaceToolBar .btn.separator {
  border-bottom: 1px solid #eaeaea;
}
.V4 .SpaceToolBar .btn .subMenu {
  background: var(--subMenuItemBG);
  position: absolute;
  left: 50px;
  display: none;
  -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.V4 .SpaceToolBar .btn .subMenu.open {
  display: flex;
  flex-direction: row;
}
.V4 .SpaceToolBar .btn .subMenu .btn svg {
  fill: var(--icon);
}
.V4 .SpaceToolBar .btn > .arrowWrapper {
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.V4 .SpaceToolBar .btn > .arrowWrapper .arrowDown.corner {
  transform: rotateZ(-45deg);
}
.V4 .SpaceToolBar .back {
  background-color: #e9e9e9;
}
.V4 .SpaceActionBar,
.textStyleModifierContainer {
  display: flex;
  flex-direction: row;
  background: var(--subMenuItemBG);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  position: absolute;
}
@keyframes pulsate {
  0% {
    box-shadow: 0 0px 0px 0px rgba(52, 149, 240, 0.5);
  }
  50% {
    box-shadow: 0 0px 0px 5px rgba(52, 149, 240, 0.5);
  }
  100% {
    box-shadow: 0 0px 0px 0px rgba(52, 149, 240, 0.5);
  }
}
.V4 .FillButton .FillOptions,
.V4 .FillButton .MarkupTypeOptions,
.V4 .MarkupTypeChanger .FillOptions,
.V4 .MarkupTypeChanger .MarkupTypeOptions {
  position: absolute;
  background: var(--subMenuItemBG);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  top: 100%;
  left: 0;
  z-index: 1;
}
.V4 .FillButton .FillOptions .fillOption,
.V4 .FillButton .MarkupTypeOptions .fillOption,
.V4 .MarkupTypeChanger .FillOptions .fillOption,
.V4 .MarkupTypeChanger .MarkupTypeOptions .fillOption {
  margin-bottom: 5px;
}
.V4 .FillButton .FillOptions .button .icon,
.V4 .FillButton .MarkupTypeOptions .button .icon,
.V4 .MarkupTypeChanger .FillOptions .button .icon,
.V4 .MarkupTypeChanger .MarkupTypeOptions .button .icon {
  fill: initial;
}
.V4 .FillButton .FillOptions .button:hover .icon,
.V4 .FillButton .MarkupTypeOptions .button:hover .icon,
.V4 .MarkupTypeChanger .FillOptions .button:hover .icon,
.V4 .MarkupTypeChanger .MarkupTypeOptions .button:hover .icon {
  fill: currentColor;
}
.V4 .FillButton .FillOptions.FillOptions,
.V4 .FillButton .MarkupTypeOptions.FillOptions,
.V4 .MarkupTypeChanger .FillOptions.FillOptions,
.V4 .MarkupTypeChanger .MarkupTypeOptions.FillOptions {
  padding: 5px;
}
.V4 .FillButton .FillOptions .markupTypeOption,
.V4 .FillButton .MarkupTypeOptions .markupTypeOption,
.V4 .MarkupTypeChanger .FillOptions .markupTypeOption,
.V4 .MarkupTypeChanger .MarkupTypeOptions .markupTypeOption {
  padding-bottom: 10px;
  padding-top: 10px;
}
.V4 .FillButton .FillOptions .markupTypeOption:hover,
.V4 .FillButton .MarkupTypeOptions .markupTypeOption:hover,
.V4 .MarkupTypeChanger .FillOptions .markupTypeOption:hover,
.V4 .MarkupTypeChanger .MarkupTypeOptions .markupTypeOption:hover {
  background-color: #b0d3f3 !important;
}
.V4 .FillButton .FillOptions .markupTypeOption.active,
.V4 .FillButton .MarkupTypeOptions .markupTypeOption.active,
.V4 .MarkupTypeChanger .FillOptions .markupTypeOption.active,
.V4 .MarkupTypeChanger .MarkupTypeOptions .markupTypeOption.active {
  background-color: #3495f0 !important;
}
.V4 .FillButton .FillOptions .markupTypeOption.active svg,
.V4 .FillButton .MarkupTypeOptions .markupTypeOption.active svg,
.V4 .MarkupTypeChanger .FillOptions .markupTypeOption.active svg,
.V4 .MarkupTypeChanger .MarkupTypeOptions .markupTypeOption.active svg {
  color: white;
  fill: white;
}
.V4 .FillButton .FillOptions .markupTypeOption svg,
.V4 .FillButton .MarkupTypeOptions .markupTypeOption svg,
.V4 .MarkupTypeChanger .FillOptions .markupTypeOption svg,
.V4 .MarkupTypeChanger .MarkupTypeOptions .markupTypeOption svg {
  width: 32px;
  height: 32px;
}
.V4 .FillButton .fillOption,
.V4 .MarkupTypeChanger .fillOption {
  margin-left: auto;
  margin-right: auto;
  width: 21px;
  height: 18px;
  border: 1px solid #37474f;
}
.V4 .FillButton .semiFill,
.V4 .MarkupTypeChanger .semiFill {
  background-color: rgba(55, 71, 79, 0.2);
}
.V4 .FillButton .fill,
.V4 .MarkupTypeChanger .fill {
  background-color: #37474f;
}
.V4 .MarkupTextInputElement {
  position: absolute;
  display: flex;
  background: rgba(0, 0, 0, 0);
  outline: none;
  white-space: nowrap;
  overflow: hidden;
  cursor: text;
  white-space: pre-line;
}
.V4 .TextStyleModifier {
  padding-left: 10px;
  padding-right: 10px;
}
.V4 .TextStyleModifier .button {
  padding-left: 5px;
  padding-right: 3px;
  margin-right: 7px;
}
.V4 .TextStyleModifier .button .arrowDown.corner {
  transform: rotateZ(-45deg);
  position: absolute;
  bottom: 1px;
  right: 1px;
}
.V4 .TextStyleModifier .button > .textAlignIcon {
  width: 28px;
  position: relative;
}
.V4 .TextAlignOptions {
  position: absolute;
  background: var(--subMenuItemBG);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  top: 100%;
  left: 0;
  width: 140px;
  height: 140px;
  display: grid;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  z-index: 1;
}
.V4 .TextAlignOptions.oneRow {
  grid-template-rows: 1fr;
  height: 46.6666666667px;
}
.V4 .TextAlignOptions .textAlignButton .textAlignIcon {
  width: calc(100% - 20px);
  height: calc(100% - 24px);
}
.V4 .textAlignButton {
  position: relative;
}
.V4 .textAlignButton.selected {
  background-color: var(--blue);
}
.V4 .textAlignButton.selected .textAlignIcon {
  border-color: #ffffff;
}
.V4 .textAlignButton.selected .textAlignIcon .alignIndicator {
  background-color: #ffffff;
}
.V4 .textAlignButton.selected:hover > .textAlignIcon {
  border-color: #ffffff;
}
.V4 .textAlignButton.selected:hover > .textAlignIcon .alignIndicator {
  background-color: #ffffff;
}
.V4 .textAlignButton svg.icon {
  width: 30px;
  height: 30px;
}
.V4 .textAlignButton .textAlignIcon {
  border: 1px solid #37474f;
  display: flex;
  width: calc(100% - 12px);
  height: calc(100% - 15px);
}
.V4 .textAlignButton .textAlignIcon .alignIndicator {
  width: 6px;
  height: 6px;
  background-color: #37474f;
}
.V4 .textAlignButton:hover > .textAlignIcon {
  border-color: #3495f0;
}
.V4 .textAlignButton:hover > .textAlignIcon .alignIndicator {
  background-color: #3495f0;
}
.V4 .SpaceActionBar {
  height: 40px;
  box-shadow:
    0 -2px 16px rgba(0, 0, 0, 0.08),
    0 8px 8px rgba(0, 0, 0, 0.08),
    0 8px 16px rgba(0, 0, 0, 0.06);
}
.V4 .SpaceActionBar .DropdownButton.SpaceActionBarDropdown:hover {
  background-color: var(--blue);
}
.V4 .SpaceActionBar .DropdownButton.SpaceActionBarDropdown:hover span .icon {
  color: white;
}
.V4 .SpaceActionBar .DropdownButton.SpaceActionBarDropdown:hover .button {
  background-color: transparent;
}
.V4 .SpaceActionBar .DropdownButton.SpaceActionBarDropdown .button {
  margin-left: 0;
}
.V4 .SpaceActionBar .button {
  width: 33px;
  height: 80%;
  position: relative;
  top: 10%;
  border: 1px var(--light-gray);
  margin-left: 5px;
  margin-right: 5px;
}
.V4 .SpaceActionBar .button .arrowDown.corner {
  transform: rotateZ(-45deg);
  position: absolute;
  bottom: 1px;
  right: 1px;
}
.V4 .SpaceActionBar .button:hover {
  background-color: var(--blue);
  color: white !important;
}
.V4 .SpaceActionBar .button:active {
  background-color: var(--dark-blue);
  color: white !important;
}
.V4 .SpaceActionBar .SizeChanger .buttonContainer {
  height: 100%;
}
.V4 .SpaceActionBar .SizeChanger .valueContainer > * {
  height: 32px;
}
.V4 .SpaceEditor .selectable {
  cursor: pointer;
  padding: 5px;
}
.V4 .SpaceEditor .selectable:hover {
  color: #ffffff;
  background: #3495f0;
}
.V4 .SpaceEditor .floatingDropdown {
  position: absolute;
  width: fit-content;
  min-width: 100px;
  max-width: 200px;
  background: var(--subMenuItemBG);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.V4 .SpaceEditor .floatingDropdown .PortContainer {
  margin: 0;
}
.V4 .SpaceEditor .floatingDropdown .PortContainer .PortComponent.leaf .textContainer {
  background-color: #3495f0;
  animation: pulsate 1s ease-out 5;
}
.V4 .SpaceEditor .floatingDropdown .PortContainer .PortComponent.leaf .textContainer.locked {
  opacity: 1;
}
.V4 .SpaceEditor .floatingDropdown .PortContainer .PortComponent.leaf .textContainer::after {
  filter: brightness(0) invert(1);
}
.V4 .SpaceEditor .floatingDropdown .PortContainer .PortComponent.leaf .textContainer .TextInput {
  background: none;
  color: white;
}
.V4 .SpaceEditor .floatingDropdown.PortSelector {
  left: 0;
  top: 0;
  max-width: initial;
  background: var(--bg1);
}
.V4 .SpaceEditor .floatingDropdown.PortSelector .thumbnail {
  width: 38px;
  height: 38px;
}
.V4 .SpaceEditor .floatingDropdown.PortSelector .wrapper {
  position: relative;
  margin: 5px 0;
  padding: 0 15px;
  min-width: 200px;
  max-width: 475px;
  max-height: 670px;
  overflow: auto;
}
.V4 .SpaceEditor .floatingDropdown.PortSelector .header {
  padding-left: 10px;
  height: 50px;
  background-color: #f5f5f5;
}
.V4 .SpaceEditor .floatingDropdown.PortSelector .header .button {
  margin-left: auto;
  margin-right: 10px;
}
.V4 .SpaceEditor .floatingDropdown.PortSelector .PortContainer .bubble {
  height: 40px;
  margin-left: 25px;
  background-color: #3495f0;
  padding: 10px;
  color: white;
  animation: pulsate 1s ease-out 5;
}
.V4 .SpaceEditor .floatingDropdown.PortSelector .PortContainer .orphanedLinks {
  display: none;
}
.V4 .SpaceEditor .floatingDropdown .portSelectAreaContainer {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  z-index: 1;
}
.V4 .SpaceEditor .floatingDropdown .portSelectAreaContainer .PortSelectArea {
  flex: 1;
  width: 100%;
}
.V4 .SpaceEditor .floatingDropdown .portSelectAreaContainer .PortSelectArea:hover.leaf {
  cursor: pointer;
  background-color: rgba(52, 149, 240, 0.1);
}
.V4 .SpaceEditor .SpaceContextMenu {
  min-width: 205px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  background: var(--subMenuItemBG);
}
.V4 .SpaceEditor .SpaceContextMenu .disabled {
  color: var(--textMuted);
}
.V4 .SpaceEditor .SpaceContextMenu .selectable {
  padding-left: 10px;
  padding-right: 10px;
}
.V4 .SpaceEditor .SpaceContextMenu .marginLeftAuto {
  font-size: 12px;
  color: var(--textMuted);
}
.V4 .SpaceEditor .SpaceContextMenu .spaceEditorSettings {
  position: relative;
}
.V4 .SpaceEditor .SpaceContextMenu .spaceEditorSettings .SpaceEditorSettings {
  display: none;
}
.V4 .SpaceEditor .SpaceContextMenu .spaceEditorSettings .SpaceEditorSettings .selectable {
  padding: 5px;
  color: var(--text1);
}
.V4 .SpaceEditor .SpaceContextMenu .spaceEditorSettings .SpaceEditorSettings .selectable:hover {
  color: #ffffff;
}
.V4 .SpaceEditor .SpaceContextMenu .spaceEditorSettings:hover .SpaceEditorSettings {
  display: flex;
  left: 100%;
  bottom: 0;
}
.V4 .SpaceEditor .LinkBreaker {
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  border: 1px solid #3495f0;
  background-color: var(--input-border);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.V4 .SpaceEditor .LinkBreaker .icon {
  width: 100%;
  height: 100%;
}
.V4 .SpaceEditor .LinkedXyiconsWindow {
  position: absolute;
  font-size: 14px;
  width: 430px;
  max-height: 345px;
}
.V4 .SpaceEditor .LinkedXyiconsWindow .DraggableXyiconCatalogItem {
  max-width: 196px;
}
.V4 .SpaceEditor .LinkedXyiconsWindow .portfolioName {
  color: #7b7b7b;
  margin-left: 10px;
  margin-top: 10px;
}
.V4 .SpaceEditor .MergeBoundariesWindow {
  width: 500px;
  padding-bottom: 20px;
}
.V4 .SpaceEditor .MergeBoundariesWindow .sectionTitle {
  font-weight: 400px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.V4 .SpaceEditor .MergeBoundariesWindow > * {
  padding-left: 10px;
  padding-right: 10px;
}
.V4 .SpaceEditor .MergeBoundariesWindow .demoteBtn {
  transform: rotate(180deg);
}
.V4 .SpaceEditor .MergeBoundariesWindow .addBtn {
  border-radius: 5px;
  background-color: #3495f0;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-right: 10px;
}
.V4 .SpaceEditor .MergeBoundariesWindow .boundaryWrapper {
  background: #f5f5f5;
  border: 1px solid var(--bg1);
}
.V4 .SpaceEditor .MergeBoundariesWindow .boundaryWrapper .boundaryActionBtn,
.V4 .SpaceEditor .MergeBoundariesWindow .boundaryWrapper .buttonContainer {
  display: none;
}
.V4 .SpaceEditor .MergeBoundariesWindow .boundaryWrapper:hover {
  border-color: #3495f0;
}
.V4 .SpaceEditor .MergeBoundariesWindow .boundaryWrapper:hover .boundaryActionBtn,
.V4 .SpaceEditor .MergeBoundariesWindow .boundaryWrapper:hover .buttonContainer {
  margin-left: auto;
  margin-right: 10px;
  display: flex;
}
.V4 .SpaceEditor .MergeBoundariesWindow .boundaryWrapper:hover .boundaryActionBtn {
  cursor: pointer;
}
.V4 .SpaceEditor .MergeBoundariesWindow .boundaryWrapper:hover .SpaceItem {
  width: calc(100% - 45px);
}
.V4 .SpaceEditor .MergeBoundariesWindow .SpaceItem {
  cursor: auto;
}
.V4 .SpaceEditor .MergeBoundariesWindow .SpaceItem .thumbnail {
  width: 38px;
  height: 42px;
}
.V4 .SpaceEditor .MergeBoundariesWindow .boundaryContainer {
  margin-top: 10px;
  max-height: 260px;
  overflow-y: auto;
}
.V4 .SpaceEditor .MergeBoundariesWindow .mainButtonWrapper {
  margin-top: 20px;
}
.V4 .SpaceEditor .MergeBoundariesWindow .mainButtonContainer {
  margin-top: 10px;
  margin-left: auto;
}
.V4 .SpaceEditor .MergeBoundariesWindow .searchWrapper {
  position: relative;
  width: 100%;
}
.V4 .SpaceEditor .MergeBoundariesWindow .searchWrapper .SearchField {
  width: initial;
}
.V4 .SpaceEditor .MergeBoundariesWindow .searchWrapper .boundaryContainer {
  position: absolute;
  top: 100%;
  width: 100%;
  margin-top: 0;
  background-color: var(--bg1);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  z-index: 1;
}
.V4 .SpaceEditor .MergeBoundariesWindow .searchWrapper .boundaryContainer .boundaryWrapper:hover .SpaceItem {
  width: calc(100% - 80px);
}
.V4 .window {
  background-color: var(--bg1);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.V4 .window .header {
  background-color: var(--subMenuItemBG);
  min-height: 50px;
  display: flex;
  align-items: center;
}
.V4 .window .header .title {
  margin-left: 20px;
}
.V4 .window .header .closeBtn {
  color: #a5a5a5;
  margin-left: auto;
  margin-right: 10px;
}
.V4 .window .header .closeBtn:hover {
  color: #3495f0;
}
.V4 .FindXyiconsWindow {
  width: 370px;
}
.V4 .FindXyiconsWindow .searchWrapper {
  margin: 10px 20px;
}
.V4 .FindXyiconsWindow .searchWrapper .SearchField {
  width: initial;
}
.V4 .FindXyiconsWindow .searchWrapper .xyiconContainer {
  margin-top: 10px;
  width: 330px;
  padding: 1px;
  max-height: 329px;
  overflow-y: auto;
}
.V4 .FindXyiconsWindow .searchWrapper .xyiconContainer .xyiconWrapper .buttonWrapper {
  display: none;
  margin-right: 17px;
}
.V4 .FindXyiconsWindow .searchWrapper .xyiconContainer .xyiconWrapper .buttonWrapper .linkBtn {
  cursor: pointer;
  width: 60px;
  height: 30px;
  border-radius: 4px;
  background-color: #3495f0;
  color: white;
  margin-right: 12px;
}
.V4 .FindXyiconsWindow .searchWrapper .xyiconContainer .xyiconWrapper .buttonWrapper .linkBtn.unlink {
  background-color: #ff4136;
}
.V4 .FindXyiconsWindow .searchWrapper .xyiconContainer .xyiconWrapper:hover {
  outline: #3495f0 1px solid;
}
.V4 .FindXyiconsWindow .searchWrapper .xyiconContainer .xyiconWrapper:hover .buttonWrapper {
  display: flex;
}
.V4 .FindXyiconsWindow .searchWrapper .xyiconContainer .xyiconWrapper .SpaceItem {
  max-width: 220px;
  cursor: auto;
}
.V4 .ConditionalFormattingPanel {
  font-size: 16px;
}
.V4 .ConditionalFormattingPanel .ruleIcons {
  width: 16px;
  height: 16px;
  border-radius: 1px;
  margin-right: 13px;
}
.V4 .ConditionalFormattingPanel .ruleIcons.indicator.Boundary {
  background: #dfdfdf;
  display: flex;
  align-items: center;
  justify-content: center;
}
.V4 .ConditionalFormattingPanel .ruleIcons.indicator.Boundary::before {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--blue);
  content: "";
  display: block;
}
.V4 .ConditionalFormattingPanel .ruleIcons.highlight.Boundary {
  background: var(--blue);
}
.V4 .ConditionalFormattingPanel .ruleIcons.indicator.Xyicon {
  background: #dfdfdf;
  position: relative;
}
.V4 .ConditionalFormattingPanel .ruleIcons.indicator.Xyicon::before {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--blue);
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 0;
}
.V4 .ConditionalFormattingPanel .ruleIcons.highlight.Xyicon {
  background: #dfdfdf;
  position: relative;
}
.V4 .ConditionalFormattingPanel .ruleIcons.highlight.Xyicon::before {
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background: var(--blue);
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.V4 .ConditionalFormattingPanel .ColorRules .ruleRow {
  display: grid;
  grid-template-columns: 100px 1fr 1fr 50px;
  grid-gap: 5px;
}
.V4 .ConditionalFormattingPanel .ColorRules .ColorRuleRow {
  display: grid;
  grid-template-columns: 100px 1fr 1fr 20px;
  grid-gap: 10px;
  align-items: center;
}
.V4 .ConditionalFormattingPanel .ColorRules .ColorRuleRow:not(:last-child) {
  margin-bottom: 5px;
}
.V4 .ConditionalFormattingPanel .ColorRules .ColorRuleRow:first-child {
  color: #a5a5a5;
}
.V4 .ConditionalFormattingPanel .ColorRules .ColorRuleRow:nth-child(2) {
  margin-bottom: 10px;
}
.V4 .ConditionalFormattingPanel .ColorRules .ColorRuleRow:nth-child(2) .label {
  font-weight: 400;
}
.V4 .ConditionalFormattingPanel .ColorRules .ColorRuleRow .label {
  font-size: 14px;
  font-weight: 300;
}
.V4 .ConditionalFormattingPanel .ColorRules .ColorRuleRow .SelectInput {
  margin: 0;
}
.V4 .HideAndLock {
  min-width: 42px;
  height: 42px;
  padding: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.V4 .HideAndLock + .title {
  margin-left: 15px;
  font-size: 14px;
  font-weight: 300;
}
.V4 .HideAndLock.modifyAll + .title {
  font-weight: 400;
}
.V4 .HideAndLock:hover .button {
  color: #3495f0;
}
.V4 .HideAndLock:hover .button .icon.lock-active {
  fill: #3495f0;
}
.V4 .HideAndLock .button {
  color: var(--icon);
}
.V4 .HideAndLock .button .icon.hide {
  fill: #3495f0;
}
.V4 .MarkupColorFilterPanel .label {
  margin-top: 12px;
  font-weight: 300;
  white-space: nowrap;
  margin-right: 30px;
}
.V4 .MarkupColorFilterPanel .colorContainer {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.V4 .MarkupColorFilterPanel .more {
  cursor: pointer;
  color: #3495f0;
}
.V4 .MarkupColorFilterPanel .moreColors {
  position: absolute;
  right: 0;
  top: 100%;
  width: 275px;
}
.V4 .MarkupColorFilterPanel .moreColors .colorContainer {
  max-height: 230px;
  overflow-y: auto;
}
.V4 .MarkupColorFilterPanel .colorButton {
  cursor: pointer;
  width: 36px;
  height: 36px;
  margin: 5px;
}
.V4 .MarkupColorFilterPanel .colorButton.bordered {
  border-radius: 100%;
  border: 2px solid #3495f0;
}
.V4 .MarkupColorFilterPanel .colorButton .colorFill {
  width: 24px;
  height: 24px;
  border-radius: 100%;
}
.V4 .MarkupColorFilterPanel .colorButton .colorFill svg {
  width: 20px;
  height: 20px;
}
.V4 .MarkupColorFilterPanel .colorButton .colorFill svg.white {
  fill: white;
}
.V4 .MarkupColorFilterPanel .colorButton .colorFill svg.black {
  fill: black;
}
.V4 canvas.EyeDropper,
.Magnifier {
  width: 109px;
  height: 109px;
  border: 1px solid #686868;
  box-sizing: content-box;
  border-radius: 999px;
  position: absolute;
  overflow: hidden;
  z-index: 7000;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.cursorCircle {
  width: 13px;
  height: 13px;
  top: -7px;
  left: -6.5px;
  border: 1px solid #686868;
  border-radius: 100%;
  pointer-events: none;
  position: absolute;
  z-index: 7000;
}
.V4 .SpaceItemContainer {
  position: relative;
  padding-right: 7px;
  overflow: hidden;
  border: 2px solid transparent;
}
.V4 .SpaceItemContainer .buttonContainer {
  position: absolute;
  right: -100%;
  height: 100%;
  background-color: var(--bg1);
  width: fit-content;
  pointer-events: none;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), -4px 0px 8px rgba(0, 0, 0, 0.25);
  transition: all 0.2s ease-out;
  opacity: 0;
}
.V4 .SpaceItemContainer .buttonContainer .button {
  cursor: pointer;
  width: 40px;
  height: 40px;
  margin-left: 4px;
}
.V4 .SpaceItemContainer .buttonContainer .button:last-child {
  margin-right: 4px;
}
.V4 .SpaceItemContainer:hover {
  border-color: var(--blue);
  overflow: initial;
}
.V4 .SpaceItemContainer:hover .buttonContainer {
  right: 0;
  pointer-events: initial;
  opacity: 1;
  transition: ease-in-out opacity 0.2s;
}
.V4 .SpaceItemContainer:hover .buttonContainer .button:hover {
  background-color: #f0f0f0;
}
.V4 .SpaceItemContainer:hover .buttonContainer .button:hover svg {
  fill: var(--navTextActive);
}
.V4 .SpaceItemContainer .SpaceItem {
  width: calc(100% - 18px);
  padding: 3px;
}
.V4 .SpaceItemContainer.noPermission {
  cursor: not-allowed;
}
.V4 .FindXyiconsWindow .SpaceItemContainer {
  padding-right: 0;
  height: 50px;
}
.V4 .FindXyiconsWindow .SpaceItem {
  flex: 1;
  min-width: 0;
}
.V4 .CrossPortfolioXyicon .thumbnailContainer {
  min-width: 38px;
  height: 42px;
  border-radius: 5px;
  background: #c8c8c8;
}
.V4 .CrossPortfolioXyicon .guid {
  margin-left: 10px;
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.V4 .DraggableXyiconCatalogItem {
  background-color: #f5f5f5;
}
.V4 .DraggableXyiconCatalogItem .SpaceItem.grabbable {
  cursor: grab;
}
.V4 .DraggableXyiconCatalogItem .SpaceItem.grabbable .thumbnailContainer {
  position: relative;
  margin-left: 28px;
}
.V4 .DraggableXyiconCatalogItem .SpaceItem.grabbable .thumbnailContainer .thumbnail {
  position: absolute;
  width: 100%;
  height: 100%;
}
.V4 .DraggableXyiconCatalogItem .SpaceItem.grabbable .thumbnailContainer svg {
  fill: #f2c010;
}
.V4 .DraggableXyiconCatalogItem.selected .SpaceItemContainer {
  outline: 2px solid var(--blue);
}
.V4 .DraggableXyiconCatalogItem.noPermission {
  opacity: 0.5;
  background-color: var(--bg1);
}
.V4 .SpaceItem {
  font-size: 12px;
  margin: 0;
  padding: 5px;
  width: 100%;
  cursor: pointer;
  position: relative;
}
.V4 .SpaceItem .typeName {
  height: 14px;
}
.V4 .SpaceItem .thumbnailContainer {
  position: relative;
  min-width: 38px;
  min-height: 38px;
  border-radius: 5px;
}
.V4 .SpaceItem .thumbnailContainer .thumbnail {
  position: absolute;
  width: 100%;
  height: 100%;
}
.V4 .SpaceItem .thumbnailContainer .embeddedCounter {
  position: absolute;
  top: -4px;
  right: -5px;
  background-color: #37474f;
  color: white;
  border: 1px solid white;
  padding: 3px;
  border-radius: 100%;
  min-width: 20px;
  height: 20px;
  font-size: x-small;
  text-align: center;
}
.V4 .SpaceItem .thumbnailContainer .dogear {
  position: absolute;
  top: -4px;
  left: 0;
  width: 21px;
  height: 28px;
}
.V4 .SpaceItem .description {
  margin-left: 10px;
  max-width: calc(100% - 48px);
}
.V4 .SpaceItem .description > div,
.V4 .SpaceItem .description .typeName {
  width: 100%;
  overflow: hidden;
  color: var(--gray);
  font-weight: 300;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.V4 .SpaceItem .description > div:nth-child(1),
.V4 .SpaceItem .description .typeName:nth-child(1) {
  color: var(--icon);
  font-weight: initial;
}
.V4 .SpaceItem .ContextOptions {
  transform: translateX(-50%);
}
.V4 .SpaceItem.noPermission {
  cursor: not-allowed;
}
.V4 .SpaceItem.noPermission .thumbnail {
  margin-left: 28px;
}
.V4 .SpaceItem.noPermission::before {
  content: "";
  background: url(../assets/images/common/locked-icon.svg) no-repeat center;
  position: absolute;
  left: 10px;
  top: -4px;
  bottom: -4px;
  width: 10px;
}
.V4 .SpaceItem.noPermission .description {
  margin-left: 35px;
}
.V4 .SpaceView {
  height: 100%;
}
.V4 .SpaceView .svgText {
  background-color: rgba(251, 255, 0, 0.418);
  border-radius: 2px;
}
.V4 .SpaceView .glyphContainer {
  padding: 12px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  grid-gap: 5px;
}
.V4 .SpaceView .glyphContainer:hover::-webkit-scrollbar-thumb {
  border-width: 0;
  transition: ease-in-out all 0.2s;
}
.V4 .SpaceView .glyphContainer:hover::-webkit-scrollbar {
  height: 12px;
  border-radius: 6px;
}
.V4 .SpaceView .overlayPanel {
  background: #ffffff;
  overflow: hidden;
  margin-right: 5px;
}
.V4 .SpaceView .overlayPanel > * {
  transition: ease-in-out opacity 0.2s;
}
.V4 .SpaceView .overlayPanel.disabled {
  pointer-events: initial;
}
.V4 .SpaceView .overlayPanel.disabled > * {
  opacity: 0.5;
}
.V4 .SpaceView .overlayPanel > .heading h4 {
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  font-size: 20px;
}
.V4 .SpaceView .overlayPanel .container {
  padding: 0;
  padding-bottom: 20px;
  overflow: auto;
  height: calc(100vh - 176px);
}
.V4 .SpaceView .overlayPanel .container .head .field .SearchField:only-child {
  margin-left: auto;
}
.V4 .SpaceView .overlayPanel .ToggleContainer .ToggleSwitch {
  margin-left: auto;
  margin-right: 20px;
}
.V4 .SpaceView .overlayPanel .ToggleContainer .fields {
  margin-top: 15px;
}
.V4 .SpaceView .overlayPanel .ToggleContainer .ColorRuleRow {
  margin-bottom: 15px;
}
.V4 .SpaceView .overlayPanel .fields {
  display: block;
  column-width: 230px;
  column-gap: 10px;
}
.V4 .SpaceView .overlayPanel .fields .field {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  margin-bottom: 5px;
}
.V4 .SpaceView .overlayPanel .head {
  padding: 20px;
}
.V4 .SpaceView .overlayPanel .head .field > *:not(:last-child) {
  margin-right: 20px;
}
.V4 .SpaceView .overlayPanel .topButtons .Button > svg.icon,
.V4 .SpaceView .overlayPanel .topButtons .MultiActionButton > svg.icon {
  display: none;
}
.V4 .SpaceView .relative .overlayPanel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateX(100%);
  transition: ease-in-out transform 0.2s;
  z-index: 1000;
}
.V4 .SpaceView .relative .overlayPanel.open {
  transform: translateX(0);
  transition: ease-in-out transform 0.2s;
}
.V4 .FontStyleContainer {
  column-gap: 3px;
}
.V4 .FontStyleContainer .btn {
  border: 1px solid #f5f5f5;
  width: 30px;
  height: 30px;
}
.V4 .FontStyleContainer .btn.active {
  background-color: #3495f0;
}
.V4 .FontStyleContainer .btn.active .icon {
  fill: white;
}
.V4 .FontStyleContainer .btn:hover {
  background-color: #b6e7ff;
}
.V4 .FontStyleContainer .btn:hover .icon {
  fill: black;
}
.V4 .CaptionPanel .head {
  justify-content: space-between;
}
.V4 .CaptionPanel .head .SearchField {
  margin: 0;
  width: 300px;
}
.V4 .CaptionPanel .CaptionSettings {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  column-gap: 20px;
}
.V4 .CaptionPanel .CaptionSettings .Field .ColorSelector {
  border: 1px solid #f5f5f5;
}
.V4 .CaptionPanel .CaptionSettings .Field .ColorSelector[title="Fill Color"] {
  width: 40px;
  height: 40px;
}
.V4 .CaptionPanel .CaptionSettings .Field .ColorSelector[title="Fill Color"] .innerSpan svg {
  width: 30px;
  height: 30px;
}
.V4 .CaptionPanel .ToggleContainer:not(.CaptionSettingsContainer) .children {
  column-width: 230px;
  column-gap: 10px;
}
.V4 .CaptionPanel .ToggleContainer:not(.CaptionSettingsContainer) .children .checkBoxContainer {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  margin-bottom: 5px;
  padding: 5px;
  border-radius: 5px;
}
.V4 .CaptionPanel .ToggleContainer:not(.CaptionSettingsContainer) .children .checkBoxContainer .CaptionStyleButtonContainer {
  margin-left: auto;
  visibility: hidden;
}
.V4 .CaptionPanel .ToggleContainer:not(.CaptionSettingsContainer) .children .checkBoxContainer .CaptionStyleButtonContainer > span {
  margin-right: 5px;
}
.V4 .CaptionPanel .ToggleContainer:not(.CaptionSettingsContainer) .children .checkBoxContainer .CaptionStyleButtonContainer.active {
  visibility: visible;
}
.V4 .CaptionPanel .ToggleContainer:not(.CaptionSettingsContainer) .children .checkBoxContainer .CaptionStyleButtonContainer .resetBtn {
  display: none;
}
.V4 .CaptionPanel .ToggleContainer:not(.CaptionSettingsContainer) .children .checkBoxContainer .CaptionStyleButtonContainer > .active {
  color: #3495f0;
}
.V4 .CaptionPanel .ToggleContainer:not(.CaptionSettingsContainer) .children .checkBoxContainer:hover {
  background-color: #f5f5f5;
}
.V4 .CaptionPanel .ToggleContainer:not(.CaptionSettingsContainer) .children .checkBoxContainer:hover .CaptionStyleButtonContainer {
  visibility: visible;
}
.V4 .CaptionPanel .ToggleContainer:not(.CaptionSettingsContainer) .children .checkBoxContainer:hover .resetBtn.active {
  display: flex;
}
.V4 .CaptionPanel .checkBoxes {
  overflow: auto;
}
.V4 .CaptionPanel .checkBoxes .CheckboxInput label::before {
  width: 14px;
  height: 14px;
}
.V4 .CaptionPanel .tools {
  justify-content: space-between;
  height: 100px;
  border-top: solid 2px var(--bg3);
  background: white;
  padding: 30px;
}
.V4 .LayerPanel .container .head .field .SearchField:only-child {
  margin-left: auto;
}
.V4 .SpaceEditor {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.V4 .SpaceEditor .SpaceLoadingScreen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.8);
}
.V4 .SpaceEditor .SpaceLoadingScreen .centerBox .LoaderIcon {
  margin-bottom: 15px;
}
.V4 .SpaceEditor .SpaceLoadingScreen .centerBox .LoaderIcon .dots div {
  background-color: var(--blue);
}
.V4 .SpaceEditor .ViewSelect .content {
  right: -235px;
}
.V4 .SpaceEditor .canvasContainer {
  position: absolute;
  width: 100%;
  height: 100%;
}
.V4 .SpaceEditor .canvasContainer > canvas {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  touch-action: none;
}
.scrollbar {
  cursor: pointer;
  position: absolute;
  background: #c4c4c4;
  border: solid 2px white;
  border-radius: 4px;
}
.scrollbar.horizontal {
  bottom: 1px;
  left: 0;
  height: 12px;
  width: 160px;
}
.scrollbar.vertical {
  top: 0;
  right: 1px;
  width: 12px;
  height: 160px;
}
.V4 .scrollbar.horizontal {
  bottom: 5px;
}
.V4 .scrollbar.vertical {
  right: 8px;
}
.V4 .Splitter > .thin .SidePanel .DetailsTab .header .Initials {
  display: none;
}
.V4 .Splitter > .thin .SidePanel .DetailsTab .header .icons .Initials {
  display: flex;
}
.V4 .Splitter > .thin .SidePanel .DetailsTab .header .Field {
  width: 100%;
}
.V4 .Splitter > .thin .FilterEditor .AdvancedFilterEditor .AdvancedFilterField {
  margin-bottom: 20px;
}
.V4 .Splitter > .thin .FilterEditor .AdvancedFilterEditor .AdvancedFilterField .criterias {
  grid-template-columns: 1fr;
  grid-gap: 5px;
}
.V4 .Splitter > .thin .FilterEditor .AdvancedFilterEditor .AdvancedFilterField .criterias .separator:empty {
  display: none;
}
.V4 .Dockable {
  position: absolute;
  top: 15px;
  left: 66px;
  min-width: 200px;
  width: 500px;
  display: flex;
  opacity: 0;
  z-index: 1;
  white-space: nowrap;
  background-color: var(--bg1);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  transform: translateX(-50px);
  transition: ease-in-out all 0.3s;
  height: calc(100% - 25px);
}
.V4 .Dockable .glyphContainer {
  padding: 12px;
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(2, minmax(200px, 1fr));
  grid-auto-rows: min-content;
  max-height: calc(100vh - 200px);
}
.V4 .Dockable .dockableLoader {
  margin-top: 20px;
}
.V4 .Dockable .dots div {
  background: var(--blue);
}
.V4 .Dockable .BoundaryTypeContainer {
  overflow-y: auto;
  max-height: calc(100vh - 135px);
}
.V4 .Dockable.visible {
  transition: ease-in-out all 0.3s;
  transform: translateX(0);
  opacity: 1;
  height: auto;
}
.V4 .Dockable.docked {
  position: initial;
  width: initial;
  box-shadow: none;
  width: 100%;
  height: 100%;
}
.V4 .Dockable.docked .DraggableXyiconCatalogItem {
  width: initial;
}
.V4 .Dockable.docked .header .dockBtn .container > div:first-child {
  background: var(--blue);
  transition: ease-in-out border-color 0.2s;
}
.V4 .Dockable.docked .header .dockBtn:hover .container > div:first-child {
  background: var(--bg4);
  transition: ease-in-out border-color 0.2s;
}
.V4 .Dockable.docked .header .closeBtn {
  margin-right: 15px;
}
.V4 .Dockable.docked .glyphContainer {
  width: calc(100% - 20px);
  margin-bottom: 10px;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.V4 .Dockable .header {
  display: flex;
  align-items: center;
  position: relative;
  background-color: var(--subMenuItemBG);
  min-height: 50px;
}
.V4 .Dockable .header .title {
  font-size: 1.1rem;
  margin-left: 15px;
}
.V4 .Dockable .header .dockBtn {
  margin-left: auto;
  cursor: pointer;
  padding: 10px;
}
.V4 .Dockable .header .dockBtn .container {
  box-sizing: content-box;
  border-radius: 2px;
  border: solid 2px var(--icon);
  display: grid;
  grid-template-columns: 31% 39% 30%;
  width: 21px;
  height: 18px;
}
.V4 .Dockable .header .dockBtn .container > div:first-child {
  background: var(--bg4);
}
.V4 .Dockable .header .dockBtn .container > div:not(:last-child) {
  border-right: solid 2px var(--bg4);
  transition: ease-in-out border-color 0.2s;
}
.V4 .Dockable .header .dockBtn:hover .container {
  transition: ease-in-out border-color 0.2s;
}
.V4 .Dockable .header .dockBtn:hover .container > div:first-child {
  background: var(--blue);
  transition: ease-in-out background-color 0.2s;
}
.V4 .Dockable .header .closeBtn {
  cursor: pointer;
  box-sizing: content-box;
  padding: 10px;
  margin-right: 5px;
}
.V4 .Dockable .secondaryHeader {
  padding: 12px;
  flex-wrap: wrap;
}
.V4 .Dockable .secondaryHeader .SearchField {
  margin-bottom: 0;
  margin-right: 40px;
  min-width: 150px;
}
.V4 .Dockable .secondaryHeader .SearchField input {
  height: 40px;
}
.V4 .Dockable .secondaryHeader .SelectInput {
  max-width: 180px;
  margin-right: auto;
}
.V4 .Dockable .secondaryHeader .tools {
  position: absolute;
  right: 10px;
}
.V4 .Dockable .secondaryHeader .tools > .button {
  height: 40px;
  width: 40px;
}
.V4 .InfoBubble.SpaceItem {
  left: 0;
  top: 0;
  text-align: left;
}
.V4 .InfoBubble.SpaceItem .icon {
  margin: 0 10px 0 5px;
  width: 11px;
  height: 13px;
  position: relative;
}
.V4 .InfoBubble.SpaceItem.nameToolTip {
  max-width: 200px;
}
.CardLayoutToolTip {
  z-index: 9000;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  color: white;
  max-width: 340px;
  white-space: initial;
  position: fixed;
  background-color: #37474f;
  color: #f0f0f0;
  padding: 20px;
  font-size: 14px;
}
.CardLayoutToolTip::after {
  content: "";
  background-color: #37474f;
  transform: rotate(45deg);
  position: absolute;
  bottom: -5px;
  left: calc(50% - 10px);
  width: 10px;
  height: 10px;
}
.CardLayoutToolTip.left::after {
  left: 15px;
}
.CardLayoutToolTip .typeName {
  white-space: nowrap;
  height: initial;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.V4 .CreateSpacePanel .canvasContainer {
  border: solid 1px var(--bg5);
}
.V4 .CreateSpacePanel .spaceName {
  max-width: 200px;
}
.V4 .CreateSpacePanel .uploadingArea {
  height: 100%;
}
.V4 .CreateSpacePanel > * {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 5px;
}
.V4 .CreateSpacePanel .selectVersion {
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}
.V4 .CreateSpacePanel .selectVersion h4 {
  font-weight: normal;
  margin-bottom: 25px;
}
.V4 .CreateSpacePanel .selectVersion > .vbox,
.V4 .CreateSpacePanel .selectVersion > .appContent,
.V4 .CreateSpacePanel .selectVersion > #appHolder {
  width: 450px;
  height: 300px;
  padding: 20px;
}
.V4 .CreateSpacePanel .selectVersion > .vbox.bordered,
.V4 .CreateSpacePanel .selectVersion > .bordered.appContent,
.V4 .CreateSpacePanel .selectVersion > .bordered#appHolder {
  border: 2px solid #f5f5f5;
}
.V4 .CreateSpacePanel .PDFList .pdfContainer {
  min-height: 65px;
}
.V4 .CreateSpacePanel .PDFList .pdfContainer .bold {
  font-weight: 500;
  margin: 0 0 10px;
}
.V4 .CreateSpacePanel .PDFList .pdfContainer .greenText {
  font-size: 12px;
}
.V4 .CreateSpacePanel .PDFList .pdfContainer .darkSilverText {
  font-size: 14px;
}
.V4 .CreateSpacePanel .PDFList .pdfContainer > .hbox:first-of-type {
  width: 33%;
}
.V4 .CreateSpacePanel .PDFList .pdfContainer > .hbox:first-of-type .vbox,
.V4 .CreateSpacePanel .PDFList .pdfContainer > .hbox:first-of-type .appContent,
.V4 .CreateSpacePanel .PDFList .pdfContainer > .hbox:first-of-type #appHolder {
  overflow: hidden;
  margin-right: 10px;
}
.V4 .CreateSpacePanel .PDFList .uploadInfo {
  margin-bottom: 20px;
}
.V4 .CreateSpacePanel .PDFList .uploadInfo .progressBar {
  height: 8px;
  width: 100%;
  background: var(--bg4);
  position: relative;
}
.V4 .CreateSpacePanel .PDFList .uploadInfo .progressBar .loadingBar {
  background: var(--green);
  height: 8px;
  width: 0%;
  transition: ease-in-out width 0.2s;
}
.V4 .CreateSpacePanel .PDFList .Notification {
  top: 0;
  margin-bottom: 30px;
  max-width: 550px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.V4 .CreateSpacePanel .version {
  cursor: pointer;
  margin: 4px;
  padding: 4px;
  border: 1px solid rgba(0, 0, 0, 0);
}
.V4 .CreateSpacePanel .version p {
  margin: 0;
}
.V4 .CreateSpacePanel .version .date {
  margin-top: 5px;
  font-size: 14px;
}
.V4 .CreateSpacePanel .spaceType {
  margin-bottom: 15px;
}
.V4 .CreateSpacePanel .spaceType h3 {
  font-size: 14px;
  font-weight: 500;
}
.V4 .CreateSpacePanel .spaceType > label {
  display: none;
}
.V4 .CreateSpacePanel .spaceType .SelectInput {
  width: 240px;
}
.V4 .CreateSpacePanel .spaceType .element {
  flex-direction: row;
  align-items: center;
}
.V4 .CreateSpacePanel .fileContainer {
  padding: 20px;
  margin-bottom: 20px;
}
.V4 .CreateSpacePanel .fileContainer .pdfContainer {
  padding: 15px;
}
.V4 .CreateSpacePanel .pdfContainer {
  white-space: nowrap;
  padding: 5px;
  align-items: center;
}
.V4 .CreateSpacePanel .pdfContainer:not(:last-child) {
  margin-bottom: 10px;
}
.V4 .CreateSpacePanel .pdfContainer.confirmed {
  background-color: rgba(98, 183, 107, 0.2);
}
.V4 .CreateSpacePanel .pdfContainer .delete,
.V4 .CreateSpacePanel .pdfContainer .OptionsButton {
  margin-left: auto;
  margin-right: 10px;
}
.V4 .CreateSpacePanel .pdfContainer .OptionsButton {
  display: flex;
  position: relative;
  justify-content: flex-end;
}
.V4 .CreateSpacePanel .pdfContainer .OptionsButton .button {
  width: 40px;
  height: 40px;
}
.V4 .CreateSpacePanel .pdfContainer .thumbnail {
  min-width: 70px;
  height: 70px;
  margin: 5px;
}
.V4 .CreateSpacePanel .SpaceScaleSettings {
  position: relative;
  height: calc(100vh - 300px);
  margin-left: initial;
  margin-right: initial;
}
.V4 .CreateSpacePanel .SpaceScaleSettings .PDFList {
  width: 100%;
  max-width: 200px;
  overflow: auto;
}
.V4 .CreateSpacePanel .SpaceScaleSettings .pdfContainer {
  cursor: pointer;
  min-height: 90px;
}
.V4 .CreateSpacePanel .SpaceEditor {
  margin-left: 20px;
}
.V4 .CreateSpacePanel .disabled {
  opacity: 0.5;
}
.V4 .CreateSpacePanel .FileDropper {
  margin: 20px 0;
  min-height: 175px;
}
.V4 .CreateSpacePanel:hover::-webkit-scrollbar {
  height: 12px;
  border-radius: 6px;
}
.photoSphereHotSpot {
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 140px;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
  opacity: 1;
  transition: opacity 400ms ease-out;
}
.photoSphereHotSpot.zeroOpacity {
  opacity: 0;
}
.photoSphereHotSpot .thumbnail {
  position: absolute;
  width: 148px;
  height: 92px;
  bottom: 100%;
  border-radius: 4px;
  border: 3px solid white;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.6);
  display: none;
  opacity: 0;
  transition: visibility, opacity ease 0.3s;
}
.photoSphereHotSpot .labelContainer {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: center;
  padding: 10px;
  opacity: 0.75;
}
.photoSphereHotSpot .label {
  margin-top: 5px;
  font-weight: 500;
  overflow: hidden;
  padding-bottom: 2px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.photoSphereHotSpot .icon {
  width: 64px;
  height: 64px;
  background-color: white;
  mask-image: url(../assets/images/spaceviewer/markup-photo-360.svg);
  mask-repeat: no-repeat;
  mask-size: 100%;
  mask-position: center center;
}
.V4 .SettingsView {
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
  background-color: var(--bg2);
}
.V4 .SettingsView .tab {
  min-width: 220px;
  padding-top: 20px;
  background: var(--bg3);
}
.V4 .SettingsView .content {
  width: calc(100% - 220px);
  background-color: #ffffff;
}
@media screen and (max-width: 1024px) {
  .V4 .SettingsView .content {
    overflow-x: auto;
  }
}
.V4 .SettingsView .ClickToEditInput .content {
  width: 100%;
}
.V4 .SettingsView .SettingsContainer .SettingOption {
  cursor: pointer;
  width: 100%;
}
.V4 .SettingsView .SettingsContainer .SettingOption.group {
  cursor: pointer;
  width: 100%;
}
.V4 .SettingsView .SettingsContainer .SettingOption .label {
  color: var(--navText);
  padding: 10px 20px;
  width: 100%;
  font-size: 18px;
  font-weight: 500;
}
.V4 .SettingsView .SettingsContainer .SettingOption .label:hover {
  color: var(--text4);
  background: var(--bg3);
}
.V4 .SettingsView .SettingsContainer .SettingOption .label .icon {
  display: none;
}
@media screen and (max-width: 1366px) and (max-height: 768px) {
  .V4 .SettingsView .SettingsContainer .SettingOption .label .icon {
    display: block;
  }
  .V4 .SettingsView .SettingsContainer .SettingOption .label .icon.right {
    width: 12px;
    height: 12px;
    margin-top: 6px;
    fill: #666;
  }
  .V4 .SettingsView .SettingsContainer .SettingOption .label .icon.down {
    width: 5px;
    height: 5px;
    background: transparent;
    border: solid 6px transparent;
    margin-top: 10px;
    border-top-color: #666;
  }
}
.V4 .SettingsView .SettingsContainer .SettingOption.selected .label {
  background-color: #ffffff;
  color: #3495f0;
}
.V4 .SettingsView .SettingsContainer .SettingOption .children .label {
  text-indent: 20px;
  font-weight: 300;
}
@media screen and (max-width: 1366px) and (max-height: 768px) {
  .V4 .SettingsView .SettingsContainer .SettingOption .children {
    display: none;
  }
}
.V4 .SettingsView .SettingsContainer .DropdownContent {
  display: none;
}
@media screen and (max-width: 1366px) and (max-height: 768px) {
  .V4 .SettingsView .SettingsContainer .DropdownContent {
    display: block;
    position: absolute;
    background-color: var(--bg3);
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    left: 220px;
  }
  .V4 .SettingsView .SettingsContainer .DropdownContent .label {
    text-indent: 20px;
    font-weight: 300;
  }
}
.V4 .SettingsView .settingsTab > .buttons {
  border-bottom: 1px solid #e9e9e9;
  background: #ffffff;
  min-height: 70px;
  align-items: center;
  padding-right: 36px;
}
.V4 .SettingsView .settingsTab > .buttons .featureIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 85px;
  height: 100%;
  border-right: solid var(--bg3) 1px;
  margin-right: 20px;
}
.V4 .SettingsView .settingsTab > .buttons .featureIcon .icon {
  width: 24px;
  height: 24px;
  fill: var(--blue);
}
.V4 .SettingsView .settingsTab > .buttons .button {
  font-size: 18px;
  justify-content: center;
  padding: 7px 25px 5px;
  font-weight: 300;
  box-sizing: border-box;
  background: none;
  flex: 0 1 auto;
}
.V4 .SettingsView .settingsTab > .buttons .button:not(:last-child) {
  margin-right: 10px;
}
.V4 .SettingsView .settingsTab > .buttons .button.selected {
  color: white;
  background: var(--blue);
  border-radius: 20px;
}
.V4 .SettingsView .settingsTab > .buttons .button:hover {
  color: var(--blue);
}
.V4 .SettingsView .settingsTab > .buttons .button.selected:hover {
  color: white;
}
.V4 .SettingsView .aboveTable {
  justify-content: flex-end;
  padding-left: 20px;
}
.V4 .SettingsView .aboveTable .TableSearch {
  margin: 0;
}
.V4 .SettingsView .aboveTable .ActionBar {
  margin: 10px 20px 10px 10px;
}
.V4 .OrganizationSettings {
  position: relative;
  height: 100%;
  padding: 40px;
}
.V4 .OrganizationSettings .settingsContainer {
  padding: 40px;
  z-index: 0;
  width: 400px;
}
.V4 .OrganizationSettings .settingsContainer .buttons {
  position: absolute;
  right: 20px;
  top: 20px;
}
.V4 .OrganizationSettings .settingsContainer .Field {
  margin-bottom: 20px;
}
.V4 .OrganizationSettings .settingsContainer .Field .label {
  min-width: 130px;
}
.V4 .OrganizationSettings .settingsContainer .logoContainer {
  margin-bottom: 20px;
  align-items: center;
  display: flex;
}
.V4 .OrganizationSettings .settingsContainer .logoContainer .logo {
  width: 100px;
  height: 100px;
  margin-right: 20px;
  flex-shrink: 0;
}
.V4 .OrganizationSettings .settingsContainer .logoContainer .logo img {
  width: 100%;
  height: 100%;
}
.V4 .OrganizationSettings .settingsContainer .logoContainer .logo > .noLogo {
  width: 100%;
  height: 100%;
  border: 1px dashed var(--blue);
}
.V4 .OrganizationSettings .settingsContainer .logoContainer .btnContainer {
  position: relative;
}
.V4 .OrganizationSettings .settingsContainer .logoContainer .btnContainer > span {
  color: var(--blue);
  font-size: 14px;
  position: absolute;
  left: 0;
  top: 14px;
}
.V4 .OrganizationSettings .settingsContainer .logoContainer .btnContainer input[type=file] {
  opacity: 0;
  width: 200px;
}
.V4 .OrganizationSettings .SelectInput {
  border-color: var(--input-border);
}
.V4 .OrganizationSettings .SelectInput::after {
  display: block;
}
.V4 .OrganizationSettings .simpleSidePanel .imageUpload {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 50px;
}
.V4 .OrganizationSettings .simpleSidePanel .imageUpload .logoContainer {
  margin: 0;
  width: 350px;
  height: 400px;
  border: solid 2px var(--bg3);
}
.V4 .OrganizationSettings .simpleSidePanel .imageUpload .logoContainer .logo {
  margin: 0;
  width: 100%;
  height: 100%;
}
.V4 .OrganizationSettings .simpleSidePanel .FileDropper {
  width: 350px;
  height: 150px;
  margin-top: 20px;
  border-width: 2px;
}
.V4 .OrganizationSettings .simpleSidePanel .FileDropper .label {
  font-size: 14px;
}
.V4 .OrganizationSettings .simpleSidePanel .FileDropper .cloudIcon {
  width: 50px;
  height: 30px;
}
.V4 .LayoutSettings .bottomShadow {
  width: 100%;
  height: 50px;
  bottom: 0;
  position: absolute;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 6.77%,
      rgba(255, 255, 255, 0.75) 51.04%,
      #ffffff 100%);
}
.V4 .LayoutSettings .title {
  font-size: 18px;
  white-space: nowrap;
}
.V4 .LayoutSettings .drag-handle:hover {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.V4 .LayoutSettings .drag-handle:focus {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.V4 .LayoutSettings .drag-handle svg.drag-icon {
  width: 8px;
  height: 14px;
  margin-right: 10px;
  fill: var(--gray);
}
.V4 .LayoutSettings .field {
  -webkit-transition: ease-in-out 0.2s;
  -moz-transition: ease-in-out 0.2s;
  -ms-transition: ease-in-out 0.2s;
  -o-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
  align-items: center;
  border: 1px solid var(--bg5);
  padding: 10px;
  position: relative;
  background: var(--bg3);
  border: none;
  width: 100%;
  visibility: visible;
}
.V4 .LayoutSettings .field .ToggleSwitchField {
  margin: 0 25px 0 auto;
}
.V4 .LayoutSettings .field .ToggleSwitchField .slider {
  background-color: var(--bg4);
}
.V4 .LayoutSettings .field .banner {
  position: absolute;
  right: 5px;
  background-color: var(--green);
  border-radius: 4px;
  padding: 5px;
  text-align: center;
  color: white;
  height: 25px;
  vertical-align: middle;
}
.V4 .LayoutSettings .field .fieldName {
  font-size: 14px;
  font-weight: 300;
  color: var(--icon);
}
.V4 .LayoutSettings .field .fieldType {
  font-size: 12px;
  font-weight: 300;
  color: var(--gray);
}
.V4 .LayoutSettings .field:not(:last-child) {
  margin-bottom: 1px;
}
.V4 .LayoutSettings .field:hover .actions {
  visibility: visible;
}
.V4 .LayoutSettings .field:hover svg.drag-icon {
  fill: var(--blue);
}
.V4 .LayoutSettings .field:hover .banner {
  display: none;
}
.V4 .LayoutSettings .field .actions {
  visibility: hidden;
}
.V4 .LayoutSettings .left {
  padding: 40px;
  padding-bottom: 0;
  border-right: 1px solid #e9e9e9;
  width: 100%;
  max-width: 500px;
  position: relative;
}
.V4 .LayoutSettings .left h3 {
  font-size: 20px;
  font-weight: 500;
  color: #37474f;
}
.V4 .LayoutSettings .left .unAssignedFields {
  height: 100%;
  max-height: calc(100vh - 245px);
  overflow-y: auto;
}
.V4 .LayoutSettings .left .unAssignedFields .availableDropArea {
  height: 100%;
  border: dashed 2px var(--bg5);
  transition: ease-in-out border-color 0.2s;
}
.V4 .LayoutSettings .left .unAssignedFields .availableDropArea:hover {
  border-color: var(--blue);
}
.V4 .LayoutSettings .left .unAssignedFields .availableDropArea *:not(.empty-text) {
  display: none;
  color: var(--bg5);
}
.V4 .LayoutSettings .left .unAssignedFields .ToggleContainer {
  padding-right: 10px;
}
.V4 .LayoutSettings .left .unAssignedFields .ToggleContainer h4.title {
  font-size: 16px;
  background: none;
  padding: 0;
  color: var(--dark-gray);
}
.V4 .LayoutSettings .left .unAssignedFields .ToggleContainer .children.open {
  padding: 0;
  margin-top: 20px;
}
.V4 .LayoutSettings .left .unAssignedFields .ToggleContainer .children.open .sortable .empty {
  height: 100px;
  border: solid 1px var(--bg3);
  align-items: center;
  justify-content: center;
  color: var(--gray);
}
.V4 .LayoutSettings .left .unAssignedFields .fieldCell:not(:last-child) {
  margin-bottom: 1px;
}
.V4 .LayoutSettings .left .find {
  align-items: center;
  margin-bottom: 30px;
  justify-content: space-between;
}
.V4 .LayoutSettings .left .find .SearchField {
  margin-bottom: 0;
  width: 175px;
}
.V4 .LayoutSettings .left .group {
  margin-bottom: 20px;
}
.V4 .LayoutSettings .left .groupTitle {
  color: #a8a8a8;
  margin-bottom: 10px;
  font-size: 14px;
}
.V4 .LayoutSettings .right {
  position: relative;
  padding: 40px 40px 0;
  max-height: calc(100vh - 137px);
}
.V4 .LayoutSettings .right h3 {
  font-size: 20px;
  font-weight: 500;
  color: #37474f;
}
.V4 .LayoutSettings .right > div {
  align-items: center;
}
.V4 .LayoutSettings .right .sections {
  margin-top: 25px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  overflow-y: auto;
  position: relative;
}
.V4 .LayoutSettings .right .sections.sectionDraggingActive {
  overflow: scroll;
  height: 100%;
}
.V4 .LayoutSettings .right .sections > .empty {
  align-items: center;
  justify-content: center;
  background: var(--bg3);
  height: 100px;
  color: var(--gray);
  border: dashed 1px var(--icon);
  cursor: pointer;
}
.V4 .LayoutSettings .right .sections > .empty .icon {
  width: 16px;
  height: 16px;
  margin-bottom: 10px;
}
.V4 .LayoutSettings .right .sections .placeholder {
  position: fixed;
  border: dashed 2px var(--bg3);
}
.V4 .LayoutSettings .fieldCell .button.close {
  right: 15px;
  position: absolute;
  width: 8px;
  height: 8px;
  color: var(--gray);
}
.V4 .LayoutSettings .fieldCell.noWrap {
  grid-column: 1/-1;
}
.V4 .section-container__layouts {
  margin: 5px 0;
}
.V4 .section-container__layouts .header {
  justify-content: space-between;
  align-items: center;
  background: var(--light-blue);
  height: 40px;
  font-size: 14px;
  font-weight: 500;
}
.V4 .section-container__layouts .header.close > .button {
  opacity: 1;
}
.V4 .section-container__layouts .header.close > .button.collapse {
  transform: rotate(180deg);
}
.V4 .section-container__layouts .header:hover > .button {
  opacity: 1;
  transition: ease-in-out opacity 0.2s;
}
.V4 .section-container__layouts .header:hover svg.drag-icon {
  fill: var(--blue);
}
.V4 .section-container__layouts .header svg.drag-icon {
  margin-left: 10px;
}
.V4 .section-container__layouts .header > .button {
  margin: 0 10px;
  opacity: 0;
  transition: ease-in-out visibility 0.2s, ease-in-out transform 0.2s;
}
.V4 .section-container__layouts .header > .button .icon {
  width: 14px;
  height: 14px;
}
.V4 .section-container__layouts .header .delete.button {
  margin-left: 5px;
  cursor: pointer;
}
.V4 .section-container__layouts .header .ClickToEditInput {
  width: 100%;
  max-width: 425px;
}
.V4 .section-container__layouts .header .ClickToEditInput .unfocused {
  border-color: var(--light-blue);
}
.V4 .section-container__layouts .header .ClickToEditInput .field-input-container input {
  background: #ffffff;
  border-color: var(--light-blue);
  font-weight: 500;
}
.V4 .section-container__layouts .header .ClickToEditInput .field-input-container > .button {
  border-color: var(--light-blue);
  background: white;
}
.V4 .section-container__layouts .header .ClickToEditInput .field-input-container > .button:not(:first-child) {
  border-left: solid 1px var(--light-blue);
}
.V4 .section-container__layouts .fields {
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid var(--light-blue);
  border-top: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.V4 .section-container__layouts .fields .sortable {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}
.V4 .section-container__layouts .fields .sortable .fieldCell + .empty-fields {
  display: none;
}
.V4 .section-container__layouts .fields.empty {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100px;
}
.V4 .section-container__layouts .fields .empty-fields {
  font-size: 14px;
  color: #a9a3a3;
  line-height: 125%;
}
.V4 .section-container__layouts .fields .empty-fields.noWrap {
  grid-column: 1/-1;
}
.V4 .section-container__layouts .fields.over {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.V4 .section-container__layouts .fields.invisible {
  height: 0;
  padding: 0;
  border: none;
}
.V4 .section-container__layouts.close .fields.empty {
  display: none;
}
.V4 .sortable-chosen__layouts:not(.sortable-drag-class__layouts) {
  border: dashed 2px var(--blue);
  background: transparent;
}
.V4 .sortable-chosen__layouts:not(.sortable-drag-class__layouts) * {
  visibility: hidden;
}
.V4 .sortable-chosen__layouts:not(.sortable-drag-class__layouts)::before,
.V4 .sortable-chosen__layouts:not(.sortable-drag-class__layouts)::after {
  display: none;
}
.V4 .sortable-drag-class__layouts {
  transform: translateX(20px) rotate(1deg);
  opacity: 1 !important;
  box-shadow: 0px 10px 10px 0 rgba(0, 0, 0, 0.1019607843);
  border: none;
}
.V4 .sortable-drag-class__layouts.section-container__layouts {
  height: 43px !important;
  border: solid 1px var(--blue);
}
.V4 .sortable-drag-class__layouts.fieldCell {
  border: solid 1px var(--blue) !important;
  opacity: 1 !important;
  box-shadow: 0px 10px 10px 0 rgba(0, 0, 0, 0.1019607843);
  height: 53px !important;
}
.V4 .sortable-drag-class__layouts .fields {
  height: 0 !important;
  display: none !important;
}
.V4 .NavigationSettings {
  width: 100%;
  padding: 40px;
}
.V4 .NavigationSettings h2 {
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: var(--bg5);
  margin-bottom: 20px;
}
.V4 .NavigationSettings .Field:not(:last-child) {
  margin-bottom: 10px;
}
.V4 .NavigationSettings .Field .element {
  min-height: auto;
}
.V4 .NavigationSettings .Field .element > label {
  max-width: 100%;
  margin-left: 15px;
}
.V4 .MyProfile {
  position: relative;
  padding: 60px;
  padding-left: 100px;
  height: 100%;
}
.V4 .MyProfile .userdataContainer {
  max-width: 440px;
}
.V4 .MyProfile .userdataContainer > .buttons {
  margin-left: auto;
}
.V4 .MyProfile .InfoBubble {
  max-width: 100px;
}
.V4 .MyProfile .avatarBox > .Initials {
  margin-top: 50px;
  margin-bottom: 50px;
  position: initial;
  top: initial;
  left: initial;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
}
.V4 .MyProfile .fieldsContainer .Field {
  margin: 25px 0;
}
.V4 .MyProfile .fieldsContainer .Field .element {
  position: relative;
}
.V4 .MyProfile .fieldsContainer .Field .element .infoIcon {
  z-index: 1001;
}
.V4 .MyProfile .fieldsContainer .Field label {
  min-width: 160px;
}
.V4 .MyProfile .fieldsContainer .Field .SelectInput {
  border-color: var(--bg3);
  width: 240px;
}
.V4 .MyProfile .simpleSidePanel .errorMessage {
  margin: 20px 0;
}
.V4 .MyProfile .simpleSidePanel .PasswordValidator {
  margin-left: 155px;
}
.V4 .MyProfile .simpleSidePanel .password-container {
  padding: 0 40px;
  position: absolute;
  top: 40%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}
.V4 .MyProfile .simpleSidePanel .password-container .Field:not(:last-child) {
  margin-bottom: 20px;
}
.V4 .PasswordValidator {
  margin: 0;
  width: auto;
}
.V4 .PasswordValidator .securityLevel .bg {
  height: 8px;
  width: 100%;
  background: var(--bg4);
  position: relative;
}
.V4 .PasswordValidator .securityLevel .bg .level {
  height: 8px;
  width: 0%;
  transition: ease-in-out width 0.2s, ease-in-out background-color 0.2s;
}
.V4 .PasswordValidator .securityLevel .bg .level.Weak {
  background: #bf0000;
  width: 20%;
}
.V4 .PasswordValidator .securityLevel .bg .level.Good {
  background: var(--blue);
  width: 60%;
}
.V4 .PasswordValidator .securityLevel .bg .level.Strong {
  background: var(--green);
  width: 100%;
}
.V4 .PasswordValidator .levelMessage {
  font-size: 14px;
  margin: 20px 0px 5px 0px;
}
.V4 .PasswordValidator .pwddRequirementsMessage {
  font-size: 12px;
  margin: 0;
}
.V4 .PasswordValidator .levelsDesc {
  margin-bottom: 20px;
}
.V4 .PasswordValidator .levelsDesc .icon {
  width: 13px;
  height: 10px;
  fill: var(--bg4);
  transition: ease-in-out fill 0.2s;
  margin-right: 10px;
}
.V4 .PasswordValidator .levelsDesc .icon.dark {
  fill: var(--icon);
  transition: ease-in-out fill 0.2s;
}
.V4 .PasswordValidator .levelsDesc p {
  font-size: 12px;
  margin: 3px 0;
}
.V4 .FormattingSettings {
  min-width: 315px;
}
.V4 .FormattingSettings .FormattingRule {
  position: relative;
  border: 1px solid #eaeaea;
  display: -ms-grid;
  display: grid;
  grid-template-columns: 1fr 50px;
  margin-bottom: 10px;
}
.V4 .FormattingSettings .FormattingRule:hover .delete {
  visibility: visible;
}
.V4 .FormattingSettings .FormattingRule .Field {
  grid-column: 1;
  padding: 0 10px;
  margin: 5px 0;
}
.V4 .FormattingSettings .FormattingRule .Field .element {
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  gap: 5px;
}
.V4 .FormattingSettings .FormattingRule .Field .element > * {
  max-width: inherit;
  min-width: inherit;
}
.V4 .FormattingSettings .FormattingRule .Field .ColorSelector {
  margin: 0;
}
.V4 .FormattingSettings .FormattingRule .delete {
  grid-column: 2;
  grid-row: 1/3;
  background: var(--bg2);
  visibility: hidden;
}
.V4 .FormattingSettings .FormattingRule .delete:hover {
  color: var(--blue);
}
.V4 .FormattingSettings .Button {
  margin: 0;
  padding: 0;
}
.V4 .DetailsTab .TabView .Field.higher .element .ClickToEditInput > * {
  min-height: 125px;
}
.V4 .PermissionSets {
  min-width: 1200px;
}
.V4 .PermissionSets .dashed {
  margin: 0;
  margin-bottom: 2px;
}
.V4 .PermissionSets .setList {
  min-width: 400px;
  padding: 20px 40px;
  border-right: 1px solid #e9e9e9;
}
.V4 .PermissionSets .setList .list {
  overflow: auto;
  height: calc(100vh - 200px);
}
.V4 .PermissionSets .setList .findInput {
  margin-top: 10px;
  margin-bottom: 27px;
}
.V4 .PermissionSets .setList .PermissionSetItem {
  cursor: pointer;
  background: #f5f5f5;
  padding: 0 10px;
}
.V4 .PermissionSets .setList .PermissionSetItem:not(:last-child) {
  margin-bottom: 5px;
}
.V4 .PermissionSets .setList .PermissionSetItem input {
  padding: 5px;
  background: var(--blue-hover);
  border: none;
  color: #ffffff;
}
.V4 .PermissionSets .setList .PermissionSetItem .name {
  font-size: 14px;
  line-height: 16px;
}
.V4 .PermissionSets .setList .PermissionSetItem .description {
  font-size: 12px;
  line-height: 14px;
  color: #a5a5a5;
  margin-top: 5px;
}
.V4 .PermissionSets .setList .PermissionSetItem:hover,
.V4 .PermissionSets .setList .PermissionSetItem.selected,
.V4 .PermissionSets .setList .PermissionSetItem.editMode {
  background: var(--blue);
}
.V4 .PermissionSets .setList .PermissionSetItem:hover svg,
.V4 .PermissionSets .setList .PermissionSetItem.selected svg,
.V4 .PermissionSets .setList .PermissionSetItem.editMode svg {
  fill: #ffffff;
}
.V4 .PermissionSets .setList .PermissionSetItem:hover .name,
.V4 .PermissionSets .setList .PermissionSetItem.selected .name,
.V4 .PermissionSets .setList .PermissionSetItem.editMode .name {
  color: #ffffff;
}
.V4 .PermissionSets .setList .PermissionSetItem:hover .description,
.V4 .PermissionSets .setList .PermissionSetItem.selected .description,
.V4 .PermissionSets .setList .PermissionSetItem.editMode .description {
  color: #b0d3f3;
}
.V4 .PermissionSets .setList .PermissionSetItem .ItemNameInput {
  position: relative;
}
.V4 .PermissionSets .setList .PermissionSetItem .ItemNameInput .infoIcon {
  background: transparent;
  top: 5px;
  z-index: 9000;
}
.V4 .PermissionSets .setList .PermissionSetItem .OptionsButton {
  position: relative;
}
.V4 .PermissionSets .setList .PermissionSetItem .OptionsButton:hover .button {
  background: var(--blue-hover);
}
.V4 .PermissionSets .setList .PermissionSetItem .OptionsButton .button {
  width: 32px;
  height: 32px;
}
.V4 .PermissionSets .setList .PermissionSetItem .OptionsButton .button .icon {
  fill: var(--light-blue);
  height: 10px;
}
.V4 .PermissionSets .TabView {
  height: 100vh;
}
.V4 .PermissionSets .TabView > .buttons {
  padding-left: 20px;
}
.V4 .PermissionSets .TabView .views {
  height: 100%;
  overflow: hidden;
}
.V4 .PermissionSets .SelectSlider {
  overflow: auto;
}
.V4 .PermissionSets .permissionHeading {
  height: 50px;
}
.V4 .PermissionSets .ModulePermissions {
  height: 100%;
  display: flex;
}
.V4 .PermissionSets .ModulePermissions .flex_1,
.V4 .PermissionSets .ModulePermissions .appContent,
.V4 .PermissionSets .ModulePermissions .PermissionSets {
  width: 50%;
}
.V4 .PermissionSets .ModulePermissions > div:first-child {
  border-right: solid 2px var(--bg3);
}
.V4 .PermissionSets .ModulePermissions .container {
  padding: 40px;
  height: 100%;
  overflow: hidden;
}
.V4 .PermissionSets .ModulePermissions .container.paddingTop {
  padding-top: 75px;
}
.V4 .PermissionSets .ModulePermissions .container h4 {
  margin-bottom: 15px;
}
@media screen and (max-width: 1440px) {
  .V4 .PermissionSets {
    min-width: auto;
  }
  .V4 .PermissionSets .ModulePermissions {
    display: block;
    overflow: auto;
  }
  .V4 .PermissionSets .ModulePermissions .flex_1,
  .V4 .PermissionSets .ModulePermissions .appContent,
  .V4 .PermissionSets .ModulePermissions .PermissionSets {
    width: 100%;
  }
  .V4 .PermissionSets .ModulePermissions > div {
    border: none;
  }
}
.V4 .MapsPanel {
  position: relative;
}
.V4 .MapsPanel .mapsContainer {
  top: -47px;
  height: calc(100vh - 50px);
}
.V4 .MapsPanel .infoList {
  position: absolute;
  top: 56px;
  left: 20px;
  padding: 0;
}
.V4 .MapsPanel .infoList li {
  padding: 4px 10px;
  list-style: none;
  font-size: 13px;
  text-align: center;
  color: #9db989;
  margin: 5px 0 0 10px;
  width: 80%;
  border-radius: 3px;
  background-color: #36404a;
}
.V4 .CreatePortfolioPanel .Field {
  padding: 0 15px;
}
.V4 .CreatePortfolioPanel .Field label {
  align-items: center;
}
.V4 .CardView {
  flex-wrap: wrap;
  margin: 20px;
  overflow-y: auto;
  padding: 2px;
  max-height: calc(100vh - 207px);
}
.V4 .CardView:hover::-webkit-scrollbar-thumb {
  border-width: 0;
  transition: ease-in-out all 0.2s;
}
.V4 .CardView:hover::-webkit-scrollbar {
  height: 12px;
  border-radius: 6px;
}
.V4 .CardView .message {
  padding-top: 10%;
  width: 100%;
  text-align: center;
}
.V4 .CardView .Card {
  cursor: pointer;
  width: 270px;
  height: 187px;
  margin-right: 25px;
  margin-bottom: 39px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.V4 .CardView .Card .itemName {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.V4 .CardView .Card.selected {
  outline: 2px solid #3495f0;
}
.V4 .CardView .Card .header {
  background-color: #f5f5f5;
  height: 40px;
  padding-left: 12px;
}
.V4 .CardView .Card .thumbnail {
  height: 100%;
}
.V4 .CardView .Card .TableHeaderDropDown {
  margin-left: auto;
  margin-right: 5px;
}
.V4 .CatalogView {
  height: 100%;
}
.V4 .CatalogViewBar.mapsView,
.CatalogActionBar.mapsView {
  position: absolute;
  top: 45px;
  z-index: 5001;
}
.V4 .GoogleImagePanel .topPanel {
  margin-bottom: 10px;
}
.V4 .GoogleImagePanel .googleImages {
  margin-top: 10px;
  flex: 1;
  overflow-y: auto;
}
.V4 .GoogleImagePanel .googleImages .thumbnail {
  position: relative;
  display: inline-block;
  margin: 2px;
  height: 150px;
}
.V4 .GoogleImagePanel .googleImages .thumbnail img {
  height: 150px;
  object-fit: cover;
}
.V4 .GoogleImagePanel .googleImages .thumbnail .overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.V4 .GoogleImagePanel .googleImages .thumbnail .overlay .addToLib {
  text-align: center;
  cursor: pointer;
  padding: 10px 20px;
  color: white;
  background-color: #3495f0;
}
.V4 .GoogleImagePanel .googleImages .thumbnail:hover .overlay {
  display: flex;
}
.V4 .GeometrySelector {
  padding-left: 20px;
  padding-right: 20px;
  flex: 1;
  height: calc(100% - 238px);
}
.LibraryItems {
  flex: 1;
  margin-right: 15px;
  max-width: 420px;
}
.LibraryItems:not(:empty) + .noResult {
  display: none;
}
.LibraryItems .noResult {
  top: 35%;
  left: 70%;
  position: relative;
  transform: translate(-50%, -50%);
}
.LibraryItems .buttonContainer {
  margin-bottom: 20px;
}
.LibraryItems .buttonContainer .btn {
  width: fit-content;
  padding: 12px;
  background-color: #f5f5f5;
  color: #37474f;
  margin: 0 10px;
}
.LibraryItems .buttonContainer .btn svg {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  filter: grayscale(1);
}
.LibraryItems .buttonContainer .btn.googleBtn svg {
  filter: none;
}
.LibraryItems .buttonContainer .btn.disabled {
  opacity: 0.5;
}
.LibraryItems .buttonContainer .googleBtn {
  margin-left: auto;
  margin-bottom: 10px;
}
.ModelPreviewer {
  position: relative;
  flex: 1;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  border: 1px solid #cccccc;
  touch-action: none;
  cursor: grab;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ModelPreviewer.rotating {
  cursor: grabbing;
}
.ModelPreviewer canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.V4 .MeshTweaker {
  flex: 1;
  padding-left: 20px;
  padding-right: 20px;
}
.V4 .MeshTweaker .ColorSelector {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  width: fit-content;
  padding: 5px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
}
.V4 .MeshTweaker h4 {
  color: #a9a3a3;
  margin-bottom: 15px;
}
.V4 .MeshTweaker .ToggleSwitchField {
  margin-top: 15px;
}
.V4 .MeshTweaker .ClickToEditInput {
  min-width: 110px;
  max-width: 110px;
}
.V4 .MeshTweaker .parameterContainer {
  max-width: 420px;
}
.V4 .libraryItemContainer {
  border: 1px solid var(--input-border);
  overflow-y: auto;
  height: calc(100% - 75px);
}
.V4 .libraryItemContainer .standard {
  margin: 5px 0 0 5px;
  height: 115px;
  width: 115px;
  border: 1px solid var(--input-border);
  cursor: pointer;
}
.V4 .libraryItemContainer .standard.selected {
  border-color: #3495f0;
}
.V4 .customLibraryItems {
  display: grid;
  grid-template-columns: repeat(auto-fit, 115px);
  grid-auto-rows: 115px;
  gap: 5px;
  padding: 5px;
}
.V4 .customLibraryItems.dropping_files {
  border-color: #3495f0;
}
.V4 .customLibraryItems .thumbnail {
  border: 1px solid var(--input-border);
  position: relative;
  cursor: pointer;
}
.V4 .customLibraryItems .thumbnail.selected {
  border-color: #3495f0;
}
.V4 .customLibraryItems .thumbnail .OptionsButton {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  background-color: #727272;
  display: none;
  justify-content: center;
  align-items: center;
}
.V4 .customLibraryItems .thumbnail .OptionsButton svg {
  width: 16px;
  height: 16px;
  fill: white;
}
.V4 .customLibraryItems .thumbnail .OptionsButton.isOpen {
  display: flex;
  background-color: var(--blue);
}
.V4 .customLibraryItems .thumbnail .OptionsButton.isOpen svg {
  background-color: var(--blue);
}
.V4 .customLibraryItems .thumbnail:hover .OptionsButton {
  display: flex;
}
.V4 .customLibraryItems .thumbnail:hover .OptionsButton:hover {
  background-color: var(--blue);
}
.V4 .customLibraryItems .thumbnail:hover .OptionsButton:hover svg {
  background-color: var(--blue);
}
.V4 .customLibraryItems .thumbnail .dogear {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
}
.CatalogItemPanel {
  flex: 1;
}
.CatalogItemPanel .CatalogItemEditor > .hbox {
  margin-left: 20px;
}
.CatalogItemPanel .CatalogItemEditor .header {
  justify-content: space-between;
  padding: 0 20px 0;
}
.CatalogItemPanel .panelContent {
  padding: 20px;
}
.CatalogItemPanel .panelContent .unfocused {
  border-color: var(--bg3);
  font-weight: 300;
  font-size: 14px;
}
.CatalogItemPanel .panelContent .FileDropper {
  margin-top: 52px;
}
.CatalogItemPanel .panelContent .form {
  display: grid;
  grid-template-columns: 135px minmax(200px, 400px);
  grid-gap: 16px;
  flex: 1;
  margin-right: 20px;
}
.CatalogItemPanel .panelContent .form label {
  grid-column: 1/2;
  margin-top: 8px;
}
.CatalogItemPanel .panelContent .form textarea {
  height: 100px;
  resize: none;
}
.CatalogItemPanel .panelContent .form .Button {
  margin: 0;
  width: 150px;
}
.CatalogItemPanel .panelContent .form .ToggleSwitch {
  justify-self: start;
  margin-top: 8px;
}
.CatalogItemPanel .panelContent > .Button {
  height: 34px;
}
.CatalogItemPanel .panelContent > .vbox,
.CatalogItemPanel .V4 .panelContent > .appContent,
.V4 .CatalogItemPanel .panelContent > .appContent,
.CatalogItemPanel .V4 .panelContent > #appHolder,
.V4 .CatalogItemPanel .panelContent > #appHolder {
  flex: 1;
  height: 100%;
}
.CatalogItemPanel .panelContent .editPanel,
.CatalogItemPanel .panelContent .GoogleImagePanel {
  flex: 2;
  margin-left: 28px;
}
.CatalogItemPanel .panelContent .DateTimeInput {
  border: solid 1px var(--input-border);
}
.CatalogItemPanel .panelContent .glyphColumn {
  position: relative;
}
.CatalogItemPanel .panelContent .glyphColumn .glyphContainer {
  display: grid;
  grid-template-columns: repeat(4, 50px);
  grid-gap: 20px;
  margin-top: 10px;
  padding: 1px;
  margin-left: 50px;
}
.CatalogItemPanel .panelContent .glyphColumn .glyphContainer:not(:empty) + .noResult {
  display: none;
}
.CatalogItemPanel .panelContent .glyphColumn .glyphContainer .shadow {
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.CatalogItemPanel .panelContent .glyphColumn .noResult {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.CatalogItemPanel .LoaderIcon {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.CatalogItemPanel .LoaderIcon .dots > * {
  background: var(--blue);
}
.CatalogItemPanel .PortComponent .linkedXyicons {
  flex: 0;
}
.V4 .CrossPortfolioXyicon.showIconOnly .SpaceItemContainer {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0;
}
.V4 .PortContainer {
  margin: 15px;
}
.V4 .PortContainer .SpaceItemContainer {
  background: var(--bg3);
}
.V4 .PortContainer .SpaceItemContainer .SpaceItem:not(.showIconOnly) .thumbnailContainer {
  position: relative;
  margin-left: 28px;
}
.V4 .PortContainer .SpaceItemContainer .SpaceItem:not(.showIconOnly) .thumbnailContainer .thumbnail {
  position: absolute;
}
.V4 .PortContainer .fullListContainer {
  width: 431px;
  max-height: 320px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 8000;
  background: white;
  visibility: visible;
  box-shadow: 0px 24px 32px 0px rgba(50, 50, 71, 0.0784313725), 0px 16px 16px 0px rgba(50, 50, 71, 0.0784313725);
}
.V4 .PortContainer .fullListContainer .header {
  padding: 10px;
  justify-content: space-between;
  background: var(--bg3);
}
.V4 .PortContainer .fullListContainer .header h4 {
  font-size: 14px;
  font-weight: 300;
}
.V4 .PortContainer .fullListContainer .cardsContainer {
  overflow: auto;
  padding: 10px;
  display: grid;
  grid-template-columns: repeat(2, 49%);
  grid-gap: 2%;
}
.V4 .PortContainer .viewButton {
  color: #aaaaaa;
  width: 40px;
  height: 40px;
}
.V4 .PortContainer .viewButton:hover {
  color: var(--navTextActive);
}
.V4 .PortContainer .viewButton .icon {
  width: 22px;
  height: 22px;
}
.V4 .PortContainer .viewButton.add {
  color: var(--blue);
  border-radius: 4px;
  border: 1px dashed #3495f0;
  margin-right: auto;
}
.V4 .PortContainer .PortComponent {
  position: relative;
  margin-top: 16px;
  margin-bottom: 16px;
}
.V4 .PortContainer .PortComponent .link.dragging {
  filter: drop-shadow(9px 17px 8px rgba(0, 0, 0, 0.25));
}
.V4 .PortContainer .PortComponent .interactionsDiv {
  margin-left: 20px;
  background: var(--subMenuItemBG);
  width: fit-content;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  padding: 0 11px;
}
.V4 .PortContainer .PortComponent .interactionsDiv .ToggleSwitchField {
  margin: 0;
  color: #37474f;
  white-space: nowrap;
}
.V4 .PortContainer .PortComponent .thumbnailWrapper {
  height: 100%;
}
.V4 .PortContainer .PortComponent .thumbnailWrapper .thumbnailContainer {
  height: 100%;
  display: flex;
  gap: 8px;
}
.V4 .PortContainer .PortComponent .thumbnailWrapper .thumbnailContainer .more {
  font-size: 12px;
  cursor: pointer;
  color: var(--blue);
}
.V4 .PortContainer .PortComponent .thumbnailWrapper .thumbnailContainer .thumbnail {
  margin: 0 3px;
}
.V4 .PortContainer .PortComponent .thumbnailWrapper .thumbnailContainer .SpaceItemContainer {
  background: var(--bg3);
}
.V4 .PortContainer .PortComponent .thumbnailWrapper .thumbnailContainer .SpaceItemContainer .SpaceItem:not(.showIconOnly) .thumbnailContainer {
  position: relative;
  margin-left: 28px;
}
.V4 .PortContainer .PortComponent .thumbnailWrapper .thumbnailContainer .SpaceItemContainer .SpaceItem:not(.showIconOnly) .thumbnailContainer .thumbnail {
  position: absolute;
}
.V4 .PortContainer .PortComponent .textContainer {
  position: relative;
}
.V4 .PortContainer .PortComponent .textContainer .TextInput {
  width: 138px;
  font-size: 14px;
}
.V4 .PortContainer .PortComponent .textContainer .TextInput .field-input-container input {
  font-weight: 400;
}
.V4 .PortContainer .PortComponent .textContainer .node {
  display: inline-block;
  border: solid 1px var(--input-border);
  padding: 10px;
  margin: 0;
  font-size: 14px;
}
.V4 .PortContainer .PortComponent.locked .textContainer::after {
  position: absolute;
  left: 123px;
  display: inline-block;
  content: "";
  background-image: url(../assets/images/common/lock.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  filter: grayscale(1);
  width: 10px;
  height: 100%;
}
.V4 .PortContainer .PortComponent .viewButton.add {
  margin-left: 10px;
}
.V4 .PortContainer .childrenContainer {
  margin-left: 30px;
  position: relative;
}
.V4 .PortContainer .childrenContainer::before {
  position: absolute;
  content: "";
  height: calc(100% - 4px);
  margin-left: -30px;
  bottom: 20px;
  border-left: 1px dashed #dadada;
}
.V4 .PortContainer .childrenContainer.lastChildHasChild::after {
  position: absolute;
  content: "";
  width: 5px;
  height: calc(100% + 14px);
  background: var(--bg1);
  margin-left: -62px;
  bottom: 20px;
}
.V4 .PortContainer .childrenContainer .PortComponent .droparea {
  height: 100%;
  border: dashed 1px transparent;
}
.V4 .PortContainer .childrenContainer .PortComponent .droparea.cardLayout .link {
  width: 200px;
}
.V4 .PortContainer .childrenContainer .PortComponent::before {
  position: absolute;
  content: "";
  border-bottom: 1px dashed #dadada;
  width: 30px;
  margin-left: -30px;
  margin-top: 20px;
}
.V4 .PortContainer .childrenContainer .PortComponent.leaf .droparea.active {
  border-color: var(--blue);
}
.V4 .PortContainer > .childrenContainer::before {
  height: calc(100% - 40px);
}
.V4 .PortContainer .orphanedLinks {
  border-left: solid 5px #f2c110;
  background: #ffffff;
  box-shadow: 0px 16px 16px rgba(50, 50, 71, 0.08), 0px 24px 32px rgba(50, 50, 71, 0.08);
  padding: 10px 24px;
  margin-bottom: 30px;
  min-width: 450px;
}
.V4 .PortContainer .orphanedLinks .SpaceItem:not(.showIconOnly) .thumbnailContainer {
  margin-left: 0;
}
.V4 .PortContainer .orphanedLinks .typeName {
  color: #37474f;
}
.V4 .PortContainer .orphanedLinks h3 {
  font-size: 14px;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  margin-bottom: 10px;
}
.V4 .PortContainer .orphanedLinks p {
  font-size: 12px;
  line-height: 18px;
  color: var(--dark-gray);
}
.V4 .PortContainer .orphanedLinks .Button {
  width: min-content;
  margin: 0;
}
.V4 .PortContainer .orphanedLinks .orphaned {
  overflow-x: auto;
  margin-right: 10px;
  margin-bottom: 10px;
  flex-wrap: wrap;
  max-height: 300px;
}
.V4 .PortContainer .orphanedLinks .orphaned > * {
  margin: 2px;
}
.V4 .PortContainer .orphanedLinks .orphaned .link.dragging {
  filter: drop-shadow(9px 17px 8px rgba(0, 0, 0, 0.25));
}
.V4 .PortContainer .orphanedLinks .orphaned .SpaceItemContainer {
  width: 140px;
  background: var(--light-gray);
}
.V4 .PortContainer .orphanedLinks .orphaned .PortComponentLink.thumbnail {
  width: 40px;
  height: 40px;
}
.V4 .ReportColumns {
  width: 810px;
  height: 100%;
}
.V4 .ReportColumns .toggles {
  margin-bottom: 40px;
}
.V4 .ReportColumns .toggles .toggle {
  align-self: center;
  height: 22px;
  width: 300px;
}
.V4 .ReportColumns .toggles .toggle:not(:last-child) {
  margin-bottom: 20px;
}
.V4 .ReportColumns .toggles .toggle .ToggleSwitchField {
  margin-bottom: 0;
}
.V4 .ReportColumns .InfoBubble {
  width: 333px;
  text-align: left;
}
.V4 .ReportColumns .ColumnEditor {
  max-height: calc(100% - 130px);
}
.V4 .ReportColumns .ColumnEditor .manage-cols-box {
  height: inherit;
  grid-template-columns: 350px 40px 350px 40px;
}
.V4 .ReportColumns .ColumnEditor .manage-cols-box .col {
  max-height: calc(100% - 230px);
}
.V4 .ReportColumns .ColumnEditor .manage-cols-box .col .border.linkedFields .views {
  height: calc(100% - 50px);
}
@media screen and (max-height: 960px) {
  .V4 .ReportColumns .ColumnEditor .manage-cols-box .col {
    max-height: inherit;
  }
}
.V4 .ReportDetails {
  width: 380px;
}
.V4 .ReportDetails .Field.text .element {
  margin-left: 12px;
}
.V4 .ReportDisplayNames {
  width: 670px;
}
.V4 .ReportDisplayNames .gap {
  width: 100px;
}
.V4 .ReportDisplayNames .header {
  padding: 20px 0;
}
.V4 .ReportDisplayNames .content .displayField {
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: 1fr 100px 1fr;
}
.V4 .ReportDisplayNames .content .displayField .item {
  border: solid 1px var(--bg4);
  background: var(--bg3);
  padding: 0 10px;
}
.V4 .ReportDisplayNames .content .displayField .item svg.icon {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.V4 .ReportDisplayNames .content .displayField .displayName.linkedField {
  position: relative;
}
.V4 .ReportDisplayNames .content .displayField .displayName.linkedField span {
  position: absolute;
  left: 10px;
  font-size: 14px;
  color: var(--gray);
  z-index: 2000;
}
.V4 .ReportDisplayNames .content .displayField .displayName.linkedField input {
  padding-left: 55px;
}
.V4 .ReportFilter {
  width: 690px;
}
.V4 .ReportFilter .AdvancedFilterField {
  padding: 10px;
}
.V4 .ReportFilter .AdvancedFilterField .button {
  visibility: hidden;
}
.V4 .ReportFilter .AdvancedFilterField:hover {
  background: #f5f5f5;
}
.V4 .ReportFilter .AdvancedFilterField:hover .button {
  visibility: initial;
}
.V4 .ReportFilter .AdvancedFilterField .SelectInput {
  max-width: initial;
  background: #ffffff;
  height: 40px;
}
.V4 .ReportFilter .AdvancedFilterField .criterias {
  grid-template-columns: 75px 125px 125px 245px;
}
.V4 .ReportFilter .TabView .views {
  display: block;
}
.V4 .ReportFilter .TabView .buttons {
  display: none;
}
.V4 .ReportFilter .TabView .buttons .button {
  background: none;
}
.V4 .ReportFilter .TabView .buttons .button.selected {
  background: white;
  color: var(--blue);
}
.V4 .ReportFilter.linkedFields .TabView > .buttons {
  display: flex;
}
.V4 .AnyParam {
  width: 100%;
  min-height: 40px;
  border: solid 1px var(--input-border);
  position: relative;
  display: flex;
  flex-wrap: wrap;
  background-color: white;
}
.V4 .AnyParam .list-search input {
  display: flex;
  border: none;
  background: white;
}
.V4 .AnyParam .item {
  justify-content: space-between;
  margin: 5px;
  border-radius: 10px;
  min-height: 24px;
  align-items: center;
  cursor: pointer;
  line-height: 18px;
  background-color: var(--bg3);
  padding-left: 15px;
  word-break: break-word;
  font-weight: 300;
  font-size: 14px;
}
.V4 .AnyParam .item .label {
  flex-grow: 1;
}
.V4 .AnyParam .item:first-child {
  margin-top: 5px;
}
.V4 .AnyParam .item:last-child {
  margin-bottom: 5px;
}
.V4 .AnyParam .item:hover {
  background-color: var(--light-blue);
  color: var(--blue);
}
.V4 .AnyParam .item .delete {
  margin: 0;
  padding: 5px;
  display: block;
}
.V4 .AnyParam .item .delete:hover {
  background-color: transparent;
  color: black;
}
.V4 .AnyParamInput__open-list-container {
  width: 100%;
  background: var(--bg1);
  z-index: 9000;
}
.V4 .AnyParamInput__open-list-container * {
  box-sizing: border-box;
}
.V4 .AnyParamInput__open-list-container.top {
  bottom: -40px;
}
.V4 .AnyParamInput__open-list-container .open-list {
  max-height: 272px;
  overflow: auto;
  border: solid 1px var(--input-border);
}
.V4 .AnyParamInput__open-list-container .open-list .item {
  align-items: baseline;
  margin: 10px 0 10px 12px;
}
.V4 .AnyParamInput__open-list-container .open-list .item .label {
  font-size: 14px;
  font-weight: 300;
}
.V4 .AnyParamInput__open-list-container .footer {
  font-size: 12px;
  color: var(--bg5);
  background: #ffffff;
  border-top: solid 1px var(--input-border);
  padding: 8px;
}
.V4 .ReportSortOrder {
  width: 725px;
}
.V4 .ReportSortOrder .search {
  margin-bottom: 30px;
}
.V4 .ReportSortOrder .sortField {
  padding: 10px;
  column-gap: 10px;
  align-items: center;
  height: 58px;
}
.V4 .ReportSortOrder .sortField .button {
  visibility: hidden;
}
.V4 .ReportSortOrder .sortField:hover {
  background: #f5f5f5;
}
.V4 .ReportSortOrder .sortField:hover .button {
  visibility: initial;
}
.V4 .ReportSortOrder .sortField .SelectInput {
  max-width: initial;
  background: #ffffff;
}
.V4 .ReportSortOrder .sortField .SelectInput.sort {
  max-width: 207px;
}
.V4 .ReportSortOrder .sortField .SelectInput svg.icon {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.V4 .ReportSortOrder .dashed {
  margin-top: 15px;
}
.V4 .SelectInput__list svg.icon {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.V4 .ReportWizard {
  width: 920px;
  overflow: hidden;
}
.V4 .ReportWizard .title {
  font-size: 18px;
}
.V4 .ReportWizard .title .step {
  font-weight: bold;
  padding-right: 10px;
}
.V4 .ReportWizard .reportPage {
  margin-top: 30px;
  padding-bottom: 30px;
  overflow-y: auto;
  align-items: center;
}
.V4 .ReportPanel {
  height: 100%;
  overflow: auto;
}
.V4 .RunReportPage {
  background: white;
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: calc(100vh - 50px);
  overflow: hidden;
  z-index: 3002;
}
.V4 .RunReportPage .Table .head {
  background: #727272;
}
.V4 .RunReportPage .Table .head .th .label {
  color: #ffffff;
}
.V4 .RunReportPage .Table .head .th .icon {
  color: #ffffff;
}
.V4 .RunReportPage .Table .body {
  color: #37474f;
  background: #f5f5f5;
}
.V4 .RunReportPage .Table .body .tr:hover {
  background: #dadada;
}
.V4 .RunReportPage .Table .body .tr:not(:last-child) {
  border-bottom: solid 1px #e8e8e8;
}
.V4 .RunReportPage .backHeader {
  width: 100%;
  height: 55px;
  background: #f5f5f5;
  align-items: center;
  justify-content: space-between;
  padding-left: 21px;
  padding-right: 26px;
}
.V4 .RunReportPage .backHeader .title {
  padding-left: 20px;
}
.V4 .RunReportPage .content {
  padding: 12px 20px 0px 20px;
}
.V4 .RunReportPage .content .header {
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}
.V4 .RunReportPage .content .header .title {
  color: #37474f;
}
.V4 .RunReportPage .content .header .title .count {
  margin-left: 8px;
  color: #c4c4c4;
}
.V4 .RunReportPage .content .header .buttons .Button {
  margin-left: 5px;
  height: 40px;
}
.V4 .RunReportPage .content .header .buttons .SearchField {
  margin-left: 20px;
  margin-bottom: 0;
}
.V4 .RunReportPage .content .tableContainer {
  margin: 0;
}
.V4 .RunReportPage .createPanel {
  max-width: initial;
  width: initial;
}
.V4 .ReportView .createPanel {
  max-width: initial;
  width: initial;
}
.V4 .XyiconView .Dockable {
  position: absolute;
  top: 0;
  left: -100%;
  width: 500px;
  z-index: 3001;
  height: 100%;
  opacity: initial;
}
.V4 .XyiconView .Dockable.visible {
  left: 0;
}
.V4 .XyiconView .Dockable.docked {
  position: initial;
  width: initial;
}
.V4 .ModuleSettings .active {
  display: flex !important;
}
.V4 .SettingsTableTab {
  width: 100%;
  transition: ease-in-out opacity 0.2s;
  opacity: 0;
  overflow-y: auto;
}
.V4 .SettingsTableTab.loaded {
  opacity: 1;
}
.V4 .SettingsTableTab .btns {
  justify-content: flex-end;
  margin: 10px 20px 30px 0px;
}
.V4 .SettingsTableTab .TabView .views .DetailsTab {
  overflow-y: auto;
}
.V4 .SettingsTableTab .SidePanel {
  min-width: auto;
}
.V4 .SettingsTableTab .Table .body .tr .td .CheckboxInput {
  top: 0;
}
.V4 .UserPermissions .Table .body .tr .td .CheckboxInput {
  top: 0;
}
.V4 .DocumentExplorer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: 999999;
  color: #ffffff;
}
.V4 .DocumentExplorer .topRight .zoomIn {
  margin-left: 20px;
}
.V4 .DocumentExplorer .topRight .zoomOut {
  margin-right: 20px;
}
.V4 .DocumentExplorer .content {
  width: 100vw;
  max-width: calc(100vw - 240px);
  max-height: calc(100vh - 100px);
}
.V4 .DocumentExplorer .content .header {
  justify-content: space-between;
}
.V4 .DocumentExplorer .content .preview {
  height: calc(100vh - 150px);
  text-align: center;
}
.V4 .DocumentExplorer .content .preview img {
  max-height: calc(90vh - 100px);
}
.V4 .DocumentExplorer .button {
  width: 40px;
  height: 40px;
  background: #eaeaea;
}
.V4 .DocumentExplorer .button svg.icon {
  fill: var(--icon);
}
.V4 .DocumentExplorer .button:hover svg.icon {
  fill: var(--blue);
}
.V4 .DocumentExplorer .button.right {
  margin-left: auto;
  margin-right: 40px;
}
.V4 .DocumentExplorer .button.left {
  margin-right: auto;
  margin-left: 40px;
}
.V4 .DocumentExplorer .bottomRight {
  text-align: right;
}
.V4 .LoginWindow {
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--blue);
}
.V4 .LoginWindow .loginContainer {
  height: auto;
  display: flex;
  flex-direction: column;
  max-width: 500px;
  max-height: 512px;
  width: 100%;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.25);
}
.V4 .LoginWindow .loginContainer .closeButtonContainer {
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
  padding-right: 20px;
}
.V4 .LoginWindow .loginContainer .closeButtonContainer .close {
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.V4 .LoginWindow .loginContainer .formContainer {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 80px;
  width: 100%;
  height: 100%;
}
.V4 .LoginWindow .loginContainer .formContainer .xyicon-logo {
  width: 150px;
  height: 50px;
}
.V4 .LoginWindow .loginContainer .formContainer form {
  width: 100%;
  position: relative;
}
.V4 .LoginWindow .loginContainer .formContainer form .inputGroup {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
.V4 .LoginWindow .loginContainer .formContainer form .inputGroup label {
  font-size: 14px;
  font-weight: 500;
}
.V4 .LoginWindow .loginContainer .formContainer form .inputGroup input {
  border-radius: 4px;
  border-color: #eaeaea;
}
.V4 .LoginWindow .loginContainer .formContainer form .inputGroup input::placeholder {
  font-size: 16px;
}
.V4 .LoginWindow .loginContainer .formContainer form .inputGroup input:disabled {
  background-color: #eaeaea;
}
.V4 .LoginWindow .loginContainer .formContainer form .inputGroup p.forgotPassword {
  position: absolute;
  font-size: 14px;
  font-weight: 500;
  color: var(--blue);
  text-align: right;
  cursor: pointer;
  top: 8px;
  right: 10px;
  border-radius: 2px;
  padding: 5px;
}
.V4 .LoginWindow .loginContainer .formContainer form .inputGroup p.forgotPassword:hover {
  background-color: #d6eafc;
}
.V4 .LoginWindow .loginContainer .formContainer form button.Button {
  width: 100%;
  height: 40px;
  font-size: 16px;
  margin: 20px 0 10px;
  font-family: Roboto, sans-serif;
}
.V4 .LoginWindow .loginContainer .formContainer form button.Button.disabled.loginButton {
  border-color: transparent !important;
}
.V4 .LoginWindow .loginContainer .formContainer form .Button.small {
  height: 30px;
  width: fit-content;
  margin: 0;
}
.V4 .LoginWindow .loginContainer .formContainer form button.Button {
  width: 100%;
  height: 40px;
  font-size: 16px;
  margin: 20px 0 10px;
  font-family: Roboto, sans-serif;
}
.V4 .LoginWindow .loginContainer .formContainer form button.Button.disabled.loginButton {
  border-color: transparent !important;
}
.V4 .LoginWindow .loginContainer .formContainer form .Button.small {
  height: 30px;
  width: fit-content;
  margin: 0;
}
.V4 .LoginWindow .loginContainer .formContainer .errorMessage {
  text-align: center;
  width: 100%;
  margin-top: 24px;
}
.V4 .LoginWindow .loginContainer .formContainer .helpbutton {
  align-self: end;
  padding: 0;
  font-size: 14px;
}
.V4 .LoginWindow .loginContainer .formContainer .helpbutton .label {
  margin: 0;
}
.V4 .LoginWindow .loginContainer .formContainer .sso-login-text {
  font-size: 14px;
  font-weight: 400;
  font-family: "Roboto";
  text-align: center;
  margin-top: 10px;
  color: #3495f0;
}
.V4 .LoginWindow .loginContainer .formContainer .sso-login-text:hover {
  cursor: pointer;
}
.V4 .UserStaticPageWrapper {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}
.V4 .UserStaticPageWrapper .LoaderIcon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.V4 .UserStaticPageWrapper .LoaderIcon .dots div {
  background: var(--blue);
}
.V4 .UserStaticPageWrapper .preLoadingPage {
  text-align: center;
}
.V4 .UserStaticPageWrapper .invalidLink {
  max-width: 817px;
}
.V4 .UserStaticPage {
  width: 100%;
  max-width: 550px;
  margin: auto;
  box-sizing: content-box;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.1);
}
.V4 .UserStaticPage .formContainer {
  flex-direction: column;
  box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.25);
  padding: 80px;
  gap: 10px;
}
.V4 .UserStaticPage .formContainer .title {
  font-size: 18px;
  font-weight: 700;
  margin: 10px;
}
.V4 .UserStaticPage .formContainer .welcomeMsg {
  margin: auto;
}
.V4 .UserStaticPage .formContainer .xyicon-logo {
  width: 150px;
  height: 50px;
}
.V4 .UserStaticPage .formContainer .description {
  font-size: 14px;
  text-align: center;
}
.V4 .UserStaticPage .formContainer .description .support {
  color: black;
}
.V4 .UserStaticPage .formContainer .description-forgotpswd {
  font-size: 14px;
  padding-bottom: 19px;
}
.V4 .UserStaticPage .formContainer .inputGroup {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
.V4 .UserStaticPage .formContainer .inputGroup input {
  border-radius: 4px;
  border-color: #eaeaea;
}
.V4 .UserStaticPage .formContainer .inputGroup input::placeholder {
  font-size: 16px;
}
.V4 .UserStaticPage .formContainer .inputGroup input.redBorder {
  border-color: #f5423e;
}
.V4 .UserStaticPage .formContainer .helpbutton {
  align-self: end;
  padding: 0;
  font-size: 14px;
}
.V4 .UserStaticPage .formContainer .helpbutton .username .InfoButton {
  position: absolute;
  top: 13px;
  left: 355px;
  right: 0px;
}
.V4 .UserStaticPage .formContainer .helpbutton .username.errorInfo {
  right: 35px;
}
.V4 .UserStaticPage .formContainer .username .InfoButton {
  position: absolute;
  top: 13px;
  left: 355px;
  right: 0px;
}
.V4 .UserStaticPage .formContainer .username.errorInfo {
  right: 35px;
}
.V4 .UserStaticPage .Notification {
  top: 25px;
  position: fixed;
}
.V4 .UserStaticPage .shadow {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 1000;
}
.V4 .UserStaticPage .desc {
  font-size: 14px;
  color: var(-dark-gray);
}
.V4 .UserStaticPage .fieldContainer {
  position: relative;
  opacity: 1;
  transition: ease-in-out opacity 0.4s;
}
.V4 .UserStaticPage .fieldContainer.loading {
  opacity: 0;
  transition: ease-in-out opacity 0.4s;
}
.V4 .UserStaticPage .fieldContainer .Button {
  margin: 0px;
}
.V4 .ForgottenPasswordReset.expiredForgottenPasswordReset {
  max-width: 736px;
}
.V4 .ForgottenPasswordReset .fieldContainer .btns {
  align-self: center;
}
.V4 .ForgottenPasswordReset .fieldContainer .btns .Button {
  margin: 0 10px;
}
.V4 .checkeredPatternBackground,
.V4 .ColorWindow .ColorPalette div.transparent::after,
.V4 .ColorWindow .TransparencySlider .Transparency,
.V4 .ColorSelector .colorWindowToggler .colorIndicatorBG {
  background-image: url(../assets/images/spaceviewer/checkeredPattern.svg);
  background-size: 10px 10px;
  background-repeat: repeat;
}
.V4 .hueBackground,
.V4 .ColorWindow .sliderTrack.Hue {
  background-image:
    linear-gradient(
      to right,
      hsl(0, 100%, 50%) 0%,
      hsl(60, 100%, 50%) 16.6%,
      hsl(120, 100%, 50%) 33.3%,
      hsl(180, 100%, 50%) 50%,
      hsl(240, 100%, 50%) 66.6%,
      hsl(300, 100%, 50%) 83.3%,
      hsl(0, 100%, 50%) 100%);
}
.V4 .ColorSelector {
  position: relative;
  filter: none;
  color: #a9a3a3;
}
.V4 .ColorSelector .icon {
  width: 40px;
  height: 40px;
}
.V4 .ColorSelector .innerSpan {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.V4 .ColorSelector.labeled::before {
  cursor: default;
  content: attr(data-label);
  font-size: 14px;
  margin-right: 10px;
  font-weight: 300;
  color: var(--text1);
  white-space: nowrap;
}
.V4 .ColorSelector .colorWindowToggler {
  cursor: pointer;
}
.V4 .ColorSelector .colorWindowToggler .colorIndicatorBG {
  width: 25px;
  height: 25px;
  position: absolute;
}
.V4 .ColorSelector .colorWindowToggler .colorIndicator {
  width: 25px;
  height: 25px;
  position: relative;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
}
.V4 .ColorWindow {
  position: absolute;
  z-index: 999999;
  cursor: auto;
  width: 190px;
  background-color: var(--subMenuItemActiveBG);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.V4 .ColorWindow.overflow {
  height: 300px;
  overflow: auto;
}
.V4 .ColorWindow .ColorGradient {
  position: relative;
}
.V4 .ColorWindow .ColorGradient .gradientPanel {
  position: relative;
  cursor: pointer;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.V4 .ColorWindow .ColorGradient .gradientPanel::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image:
    linear-gradient(
      to right,
      black,
      rgba(127, 127, 127, 0),
      white);
}
.V4 .ColorWindow .ColorGradient .dragHandle {
  width: 15px;
  height: 15px;
  border: 2px solid #ffffff;
  top: 0;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
}
.V4 .ColorWindow .TransparencySlider {
  position: relative;
  padding: 0 10px;
}
.V4 .ColorWindow .TransparencySlider .after {
  height: 100%;
  border-radius: 8px;
}
.V4 .ColorWindow .TransparencySlider .disabled {
  visibility: hidden;
}
.V4 .ColorWindow .sliderTrack {
  border: 1px solid #d5d5d5;
  border-radius: 8px;
}
.V4 .ColorWindow .sliderTrack.Hue {
  margin: 0 10px;
}
.V4 .ColorWindow .sliderTrack::before {
  content: attr(data-label);
  font-size: 14px;
  position: absolute;
  top: -25px;
  left: 0;
}
.V4 .ColorWindow .sliderTrack .dragHandle {
  width: 21px;
  height: 21px;
  background: var(--bg1);
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
}
.V4 .ColorWindow .ColorInput {
  justify-content: flex-end;
}
.V4 .ColorWindow .ColorInput span {
  margin: 3px;
}
.V4 .ColorWindow .ColorInput input {
  text-align: center;
  margin: 0 !important;
  height: 38px;
}
.V4 .ColorWindow .ColorInput input:first-of-type {
  width: 90px;
}
.V4 .ColorWindow .ColorInput input:nth-of-type(2) {
  width: 50px;
  position: relative;
  right: 1px;
}
.V4 .ColorWindow .header {
  padding: 0;
  margin: 5px;
}
.V4 .ColorWindow .header div {
  cursor: pointer;
  flex: 1;
  height: 30px;
  background-color: var(--bg3);
  font-size: 14px;
}
.V4 .ColorWindow .header div.active {
  background-color: var(--blue);
  color: #ffffff;
}
.V4 .ColorWindow div.EyeDropper {
  cursor: pointer;
  background-image: url(../assets/images/spaceviewer/eyeDropper.svg);
  width: 22px;
  height: 22px;
  filter: grayscale(1) brightness(0.5);
  background-size: contain;
  background-position: center;
  padding: 0 15px;
  margin-right: 13px;
}
.V4 .ColorWindow div.EyeDropper.active {
  filter: none;
}
.V4 .ColorWindow .ColorPanelBasic {
  padding: 5px;
}
.V4 .ColorWindow .ColorPanelAdvanced {
  padding: 5px;
}
.V4 .ColorWindow .ColorPanelAdvanced .sliders {
  flex-grow: 1;
  gap: 10px;
  margin: 15px 0;
}
.V4 .ColorWindow .ColorPanelAdvanced .sliders .sliderTrack {
  width: 100%;
}
.V4 .ColorWindow .ColorPalette {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(32px, 1fr));
  gap: 5px;
  position: relative;
  margin-top: 36px;
}
.V4 .ColorWindow .ColorPalette div {
  width: 32px;
  height: 32px;
  cursor: pointer;
  position: relative;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
}
.V4 .ColorWindow .ColorPalette div:hover,
.V4 .ColorWindow .ColorPalette div.active {
  outline: 2px solid #3495f0;
}
.V4 .ColorWindow .ColorPalette div.transparent::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.V4 .ColorWindow .ColorPalette::before {
  content: attr(data-label);
  font-size: 14px;
  position: absolute;
  top: -23px;
  left: 0;
  color: var(--gray);
}
.V4 .dragHandle {
  position: absolute;
  cursor: pointer;
  border-radius: 99px;
  transform: translateX(-50%) translateY(-50%);
}
.V4 .sliderTrack {
  cursor: pointer;
  position: relative;
  height: 16px;
}
.V4 .sliderTrack .dragHandle {
  top: 50%;
  width: 10px;
  height: 10px;
  background-color: #3495f0;
}
.V4 .sliderTrack.disabled {
  opacity: 0.5;
}
.V4 .SliderContainer {
  width: 100%;
  height: 26px;
}
.V4 .SliderContainer .sliderTrack::before {
  content: "";
  position: relative;
  display: block;
  top: 7px;
  border-bottom: 1px solid #d5d5d5;
}
.V4 .SliderContainer.highPerformanceMode .dragHandle {
  background-color: #faab40;
}
.V4 .SliderContainer * {
  touch-action: none;
}
.V4 .SliderContainer .leftArrow {
  cursor: pointer;
  width: 25px;
  height: 25px;
}
.V4 .SliderContainer .leftArrow::before {
  content: "";
  margin-right: 15px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #444444;
}
.V4 .SliderContainer .rightArrow {
  cursor: pointer;
  width: 25px;
  height: 25px;
}
.V4 .SliderContainer .rightArrow::before {
  content: "";
  margin-left: 15px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #444444;
}
.V4 .SliderContainer .sliderTrack {
  height: 15px;
}
.V4 .SizeChanger {
  flex-direction: row;
}
.V4 .SizeChanger .valueContainer {
  position: relative;
  width: 75px;
}
.V4 .SizeChanger .valueContainer > * {
  padding: 0;
  height: 38px;
}
.V4 .SizeChanger .buttonContainer {
  flex-direction: column;
}
.V4 .SizeChanger .buttonContainer div {
  width: 29px;
  height: 19px;
  background-color: #f0f0f0;
  cursor: pointer;
}
.V4 .SizeChanger .buttonContainer div:first-of-type {
  border-bottom: 1px solid #dadada;
}
.V4 .SizeChanger .buttonContainer div:first-of-type::after {
  transform: rotate(-135deg);
}
.V4 .SizeChanger .buttonContainer div::after {
  content: "";
  display: inline-block;
  border: solid #666666;
  border-width: 0 1px 1px 0;
  padding: 3px;
  transform: rotate(45deg);
}
.V4 .SizeChanger select {
  width: 100%;
  border: 1px solid #f0f0f0;
  border-left: none;
  transition: none;
}
.V4 .SizeChanger input {
  position: absolute;
  width: calc(100% - 20px);
  border: 1px solid #f0f0f0;
  border-right: none;
  text-align: center;
}
.V4 .QuickLinks {
  position: absolute;
  z-index: 8000;
  left: 0;
  top: 0;
  background: white;
  width: 180px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
}
.V4 .QuickLinks .BoundarySpaceMapSelector {
  top: 100%;
  left: 0;
}
.V4 .QuickLinks ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.V4 .QuickLinks ul .SideBarNavItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  flex-direction: column;
  border-bottom: solid 1px var(--subMenuItemBG);
}
.V4 .QuickLinks ul .SideBarNavItem .linkContainer {
  width: 100%;
  padding: 0;
}
.V4 .QuickLinks ul .SideBarNavItem .linkContainer:hover {
  background: var(--blue);
  color: white;
}
.V4 .QuickLinks ul .SideBarNavItem .linkContainer:hover svg {
  fill: #ffffff;
}
.V4 .QuickLinks ul .SideBarNavItem .linkContainer:hover .toggleContainer .dropDownToggle {
  border-top: 5px solid #ffffff;
}
.V4 .QuickLinks ul .SideBarNavItem .linkContainer .navLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: auto;
  padding: 15px 0;
  flex-grow: 1;
}
.V4 .QuickLinks ul .SideBarNavItem .linkContainer .navLink:hover {
  background: none;
}
.V4 .QuickLinks ul .SideBarNavItem .linkContainer .iconContainer {
  margin: 0 15px 0 10px;
  height: 16px;
}
.V4 .QuickLinks ul .SideBarNavItem .linkContainer .iconContainer svg {
  width: 16px;
  height: 16px;
}
.V4 .QuickLinks ul .SideBarNavItem .linkContainer .toggleContainer {
  width: 35px;
}
.V4 .QuickLinks ul .SideBarNavItem .linkContainer .toggleContainer:hover {
  background: none;
}
.V4 .QuickLinks ul .SideBarNavItem .linkContainer .toggleContainer .dropDownToggle {
  border-top: 5px solid var(--gray);
}
.V4 .QuickLinks ul .SideBarNavItem .views {
  display: none;
  align-self: flex-start;
  width: 100%;
}
.V4 .QuickLinks ul .SideBarNavItem .views.open {
  display: block;
}
.V4 .QuickLinks ul .SideBarNavItem .views li.view {
  min-height: 20px;
  padding: 5px 5px 5px 40px;
  padding-left: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.V4 .QuickLinks ul .SideBarNavItem .views li.view:hover {
  background: var(--blue);
  color: #ffffff;
}
.V4 .QuickLinks ul .SideBarNavItem .views li.view .viewItem {
  font-weight: 300;
  font-size: 14px;
  font-family: Roboto, sans-serif;
}
.V4 .QuickLinks.navigateLink .listitem {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: auto;
  padding: 15px 0;
  cursor: pointer;
}
.V4 .QuickLinks.navigateLink .listitem .icon {
  width: 16px;
  height: 16px;
  margin: 0 15px 0 10px;
  fill: var(--icon);
}
.V4 .QuickLinks.navigateLink .listitem:hover {
  background: var(--blue);
  color: white;
}
.V4 .QuickLinks.navigateLink .listitem:hover svg {
  fill: #ffffff;
}
.V4 .QuickLinks.navigateLink .listitem:hover .toggleContainer .dropDownToggle {
  border-top: 5px solid #ffffff;
}
.popupBackdropV5 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background-color: rgba(0, 0, 0, 0.65);
  display: flex;
  justify-content: center;
  align-items: center;
}
.popupBackdropV5 .PopupWindowV5 {
  background: #ffffff;
  box-shadow: 0px 16px 16px rgba(50, 50, 71, 0.08), 0px 24px 32px rgba(50, 50, 71, 0.08);
  border-radius: 8px;
  width: 440px;
}
.popupBackdropV5 .PopupWindowV5.PopupDisabledButtons .Button {
  pointer-events: none;
  opacity: 0.5;
}
.popupBackdropV5 .PopupWindowV5.CloseViewWindow .CancelButton {
  display: none;
}
.popupBackdropV5 .PopupWindowV5.CloseViewWindow .OkButton {
  background-color: none;
  color: #1e88e5;
  border-top: #1e88e5;
}
.popupBackdropV5 .PopupWindowV5 .message {
  padding: 16px 16px 24px 16px;
  line-height: 24px;
}
.popupBackdropV5 .PopupWindowV5 .promptInput {
  margin: 0 8px;
  width: calc(100% - 35px);
}
.popupBackdropV5 .PopupWindowV5 .InputContainer {
  margin: 0 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 400px;
  overflow-y: auto;
}
.popupBackdropV5 .PopupWindowV5 .InputContainer input {
  padding: 0 4px;
  flex: 1;
  min-height: 32px;
  max-height: 32px;
  margin-left: 0px;
  margin-right: 0px;
  width: 97%;
}
.popupBackdropV5 .PopupWindowV5 .InputContainer input:focus {
  border: 1px solid #1e88e5;
}
.popupBackdropV5 .PopupWindowV5 input,
.popupBackdropV5 .PopupWindowV5 select {
  border-radius: 4px;
  border: 1px solid #a5a5a5;
  padding: 8px;
  margin: 0 16px 24px 16px;
  width: 88%;
}
.popupBackdropV5 .PopupWindowV5 input:focus,
.popupBackdropV5 .PopupWindowV5 select:focus {
  background: white;
  outline: none;
}
.popupBackdropV5 .PopupWindowV5 .measurementsContainer {
  height: 32px;
  align-items: center;
  gap: 8px;
  margin: 24px 0 16px 0;
}
.popupBackdropV5 .PopupWindowV5 .measurementsContainer > * {
  height: 100%;
  box-sizing: border-box;
}
.popupBackdropV5 .PopupWindowV5 .measurementsContainer > div {
  flex: 1;
}
.popupBackdropV5 .PopupWindowV5 .measurementsContainer input {
  margin: 0;
}
.popupBackdropV5 .PopupWindowV5 .title {
  border-radius: 8px;
  padding: 8px;
  font-size: 18px;
  font-weight: 700;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  display: flex;
}
.popupBackdropV5 .PopupWindowV5 .title .closeBtn {
  cursor: pointer;
  width: 24px;
  height: 24px;
  justify-content: center;
  display: flex;
  align-items: center;
  border-radius: 4px;
}
.popupBackdropV5 .PopupWindowV5 .title .closeBtn svg {
  cursor: pointer;
  width: 12px;
  height: 12px;
  min-width: 12px;
  min-height: 12px;
  stroke-width: 3px;
}
.popupBackdropV5 .PopupWindowV5 .title .closeBtn:hover {
  background-color: #dfdfdf;
}
.popupBackdropV5 .PopupWindowV5 .title.DeleteTitle {
  color: #f5423e;
  line-height: 24px;
}
.popupBackdropV5 .PopupWindowV5 .title.WarningTitle {
  color: #ffb300;
}
.popupBackdropV5 .PopupWindowV5 .buttonContainer {
  align-items: center;
  flex-direction: row;
  display: flex;
  justify-content: flex-end;
}
.popupBackdropV5 .PopupWindowV5 .Button {
  user-select: none;
  white-space: nowrap;
  cursor: pointer;
  padding: 0 18px;
  margin: 0px 8px 8px 0;
  font-size: 14px;
  font-weight: 400;
  transition: all 0.2s ease;
  text-align: center;
  position: relative;
  border-radius: 5px;
  height: 40px;
  display: flex;
  align-items: center;
  font-size: 16px;
}
.popupBackdropV5 .PopupWindowV5 .Button:hover {
  background: #dfdfdf;
}
.popupBackdropV5 .PopupWindowV5 .Button.primary {
  background: #1e88e5;
  color: #ffffff;
}
.popupBackdropV5 .PopupWindowV5 .Button.primary:hover {
  background: #0b5199;
}
.popupBackdropV5 .PopupWindowV5 .Button.DeleteButton {
  background: #f5423e;
  color: #ffffff;
}
.popupBackdropV5 .PopupWindowV5 .Button.DeleteButton .deleteIcon {
  padding: 0 8px 0 0;
  display: flex;
}
.popupBackdropV5 .PopupWindowV5 .Button.DeleteButton svg {
  width: 16px;
  height: 16px;
  fill: white;
}
.popupBackdropV5 .PopupWindowV5 .Button.DeleteButton:hover {
  background: #be1b17;
}
.popupBackdropV5 .PopupWindowV5 .Button.disabled {
  pointer-events: none;
  background: #c8c8c8;
}
.popupBackdropV5 .PopupWindowV5 .ScaleField {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.popupBackdropV5 .PopupWindowV5 .ScaleField .label {
  font-size: 16px;
  margin-right: 15px;
  font-weight: 400;
}
.V4 .DeleteUserAndTransferOwnershipPopup .PopupWindow {
  width: 550px;
  margin: 0 auto;
}
.V4 .DeleteUserAndTransferOwnershipPopup .PopupWindow .AddUserOrUserGroup .SearchField svg.icon {
  right: 30px;
}
.V4 .DeleteUserAndTransferOwnershipPopup .PopupWindow .AddUserOrUserGroup__selector {
  left: auto;
  margin-top: 50px;
}
.V4 .DeleteUserAndTransferOwnershipPopup .PopupWindow .selectedUser {
  background: var(--blue);
  color: #ffffff;
  font-size: 12px;
  font-weight: 300;
  padding: 10px 15px;
  margin: 10px 20px 0;
}
.V4 .DeleteUserAndTransferOwnershipPopup .PopupWindow .selectedUser svg.icon {
  width: 14px;
  height: 14px;
}
.V4 .DeleteUserAndTransferOwnershipPopup .PopupWindow .selectedUser .name {
  font-size: 14px;
}
.V4 .DeleteUserAndTransferOwnershipPopup .PopupWindow .selectedUser .avatar {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.V4 .DeleteUserAndTransferOwnershipPopup .PopupWindow .selectedUser .avatar .Initials {
  position: relative;
  width: inherit;
  height: inherit;
  font-size: 16px;
  font-weight: 500;
  top: 0;
  left: 0;
  box-sizing: border-box;
}
.V4 .FileDropper {
  position: relative;
  flex-direction: column;
  width: 100%;
  height: 100%;
  height: 300px;
  border: 1px dashed #c4c4c4;
}
.V4 .FileDropper.dropping_files {
  border-color: #3495f0;
}
.V4 .FileDropper.dropping_files .cloudIcon {
  filter: grayscale(0);
}
.V4 .FileDropper label {
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0 20px;
}
.V4 .FileDropper input[type=file] {
  display: none;
}
.V4 .FileDropper .label {
  text-align: center;
  font-size: 16px;
  color: #37474f;
}
.V4 .FileDropper .cloudIcon {
  margin-top: 10px;
  width: 75px;
  height: 58px;
  background-image: url(../assets/images/spaceviewer/uploadCloud.svg);
  filter: grayscale(1);
}
.V4 .SpaceView .createPanel.manageVersionSets {
  max-width: calc(100% + 400px);
  overflow: hidden;
}
.V4 .SpaceView .createPanel.manageVersionSets .createPanel {
  position: fixed;
}
.V4 .SpaceView .createPanel.manageVersionSets .createPanel.open {
  max-width: 500px;
}
.V4 .SpaceView .createPanel.manageVersionSets .createPanel.open .Field {
  padding: 0 15px;
}
.V4 .SpaceView .createPanel.manageVersionSets .secondaryHeader {
  margin: 20px 25px 10px 25px;
}
.V4 .SpaceView .createPanel.manageVersionSets .secondaryHeader .Button {
  height: 40px;
}
.V4 .SpaceView .createPanel.manageVersionSets .Table {
  flex-direction: column;
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableHeaders {
  background-color: var(--bg3);
  border-bottom: 1px solid var(--gray5);
  margin-left: 20px;
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableHeaders .th {
  justify-content: space-between;
  height: 40px;
  min-width: 180px;
  max-width: 180px;
  border-right: 1px solid var(--gray5);
  padding: 5px 5px 5px 20px;
  align-items: center;
  color: var(--gray);
  background-color: var(--bg3);
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableHeaders .th:first-child {
  width: 275px;
  max-width: 275px;
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableHeaders .th .thText {
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableHeaders .th .thText .bold {
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableHeaders .th .thText .date {
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableHeaders .th .OptionsButton {
  height: 30px;
  width: 30px;
  margin: 5px 0;
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableHeaders .th .OptionsButton:hover {
  background-color: var(--blue);
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableHeaders .th .OptionsButton:hover .button {
  background-color: transparent;
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableHeaders .th .OptionsButton .icon {
  height: 10px;
  margin: 10px;
  fill: var(--icon);
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableRows {
  overflow-x: hidden;
  overflow-y: scroll;
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableRows .row {
  margin-top: 20px;
  margin-left: 20px;
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableRows .row:first-child {
  margin-top: 25px;
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableRows .row .sortables {
  border: solid 2px transparent;
  padding: 5px 0;
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableRows .row .tr {
  height: 100px;
  min-width: 180px;
  font-size: 18px;
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableRows .row .tr.sortable-ghost .cell .tiledCell {
  border: dashed 2px var(--blue);
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableRows .row .tr.sortable-ghost .cell .tiledCell * {
  visibility: hidden;
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableRows .row .tr .cell {
  position: relative;
  height: 100px;
  width: 160px;
  margin: 0 auto;
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableRows .row .tr .cell.tiledCell {
  border: 1px solid var(--gray5);
  background: #ffffff;
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableRows .row .tr .cell.tiledCell .deleteBtn {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  background-color: var(--bg3);
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableRows .row .tr .cell.tiledCell .deleteBtn .button {
  padding: 8px 9px;
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableRows .row .tr .cell.tiledCell .deleteBtn .button.disabled {
  background-color: var(--bg3);
  color: var(--bg4);
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableRows .row .tr .cell.tiledCell .deleteBtn .button .icon {
  width: 12px;
  height: 14px;
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableRows .row .tr .cell.tiledCell .deleteBtn .button:hover {
  background-color: var(--blue);
  color: white;
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableRows .row .tr .cell.tiledCell .deleteBtn .InfoBubble {
  max-width: 400px;
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableRows .row .tr .cell.tiledCell::before {
  content: "";
  background: url(../assets/images/common/drag-icon.svg) no-repeat center;
  background-color: #f5f5f5;
  width: 20px;
  height: 100%;
  left: 1px;
  top: 50%;
  transform: translate(0, -50%);
  position: absolute;
  cursor: grab;
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableRows .row .tr .cell.tiledCell:hover::before {
  content: "";
  background: url(../assets/images/common/drag-icon-blue.svg) no-repeat center;
  background-color: #f5f5f5;
  width: 20px;
  height: 100%;
  left: 1px;
  top: 50%;
  transform: translate(0, -50%);
  position: absolute;
  cursor: grab;
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableRows .row .tr .cell .thumbnail {
  width: 100%;
  height: 100%;
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableRows .row .tr .cell.emptyCell {
  border: 2px dashed var(--gray5);
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableRows .row .tr .cell:hover {
  border-color: var(--blue);
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableRows .row > .tr {
  padding: 5px 10px;
  border: solid 2px transparent;
  height: 114px;
  width: 275px;
  max-width: 275px;
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableRows .row > .tr .spaceName {
  width: 275px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableRows .row.dragActive > .tr {
  background: var(--light-blue);
  border-color: var(--blue);
  border-right: none;
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableRows .row.dragActive .sortables {
  background: var(--light-blue);
  border-color: var(--blue);
  border-left: none;
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableRows .row.dragActive .sortables .tr .cell.emptyCell {
  border: dashed 2px var(--blue);
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableRows .row.dragActive .sortables .tr .cell.emptyCell::before {
  content: "Drop Here";
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  font-size: 14px;
  background: white;
  color: var(--blue);
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableRows .row.dragActive .sortables .tr.sortable-drag {
  cursor: grabbing;
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableRows .row.dragActive .sortables .tr.sortable-chosen:not(.sortable-drag) .cell {
  border: dashed 2px var(--blue);
}
.V4 .SpaceView .createPanel.manageVersionSets .Table .TableRows .row.dragActive .sortables .tr.sortable-chosen:not(.sortable-drag) .cell::before {
  content: "";
  background: #ffffff;
  width: calc(100% - 1px);
  z-index: 1;
}
.V4 .secondaryHeader {
  display: flex;
  justify-content: flex-end;
  font-size: 20px;
  font-weight: 300;
  margin-left: 4px;
}
.V4 .InfoBubble.DeleteButtonToolTip {
  position: absolute;
  left: -4px;
  top: -5px;
}
.V4 .InfoBubble.DeleteButtonToolTip .icon {
  margin: 0 10px 0 5px;
  width: 16px;
  height: 16px;
  position: relative;
}
.V4 .AppNotifications {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin-top: 20px;
  cursor: initial;
}
.V4 .Notification {
  z-index: 999999;
  position: relative;
  background: #ffffff;
  width: 90%;
  max-width: 1200px;
  margin-top: 5px;
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.25);
  justify-content: space-between;
  border-left: solid 10px var(--blue);
  color: var(--text2);
  overflow: hidden;
  transform-origin: bottom center;
  transition: transform 0.3s ease-out;
}
.V4 .Notification .details {
  margin-right: 20px;
}
.V4 .Notification.message {
  border-left-color: var(--blue);
}
.V4 .Notification.warning {
  border-left-color: #f2c110;
}
.V4 .Notification.success {
  border-left-color: #62b76b;
}
.V4 .Notification.error {
  border-left-color: #ef5350;
}
.V4 .Notification.miniNotification {
  width: 432px;
}
.V4 .Notification.announcement {
  width: 100%;
  max-width: initial;
  margin: 0;
  top: 0;
  background: #f2c110;
  border: none;
  height: 36px;
  box-shadow: none;
}
.V4 .Notification.announcement .details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.V4 .Notification.announcement .details h3 {
  margin-right: 5px;
}
.V4 .Notification.announcement .details .textLink {
  margin-left: 15px;
}
.V4 .Notification.announcement .actions .cancel.icon {
  width: 16px;
  height: 16px;
  color: var(--text1);
}
.V4 .Notification .notificationContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin: 10px;
}
.V4 .Notification .notificationContent .details {
  color: #37474f;
}
.V4 .Notification .notificationContent .details h3 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  padding: 0;
  margin: 2px 0 3px;
}
.V4 .Notification .notificationContent .details div {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
}
.V4 .Notification .notificationContent .details p {
  font-weight: 300;
  font-size: 12px;
  line-height: 16px;
  margin: 0;
}
.V4 .Notification .notificationContent .details ul {
  margin: 10px 0;
}
.V4 .Notification .notificationContent .details ul li {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.V4 .Notification .notificationContent .actions {
  align-items: center;
}
.V4 .Notification .notificationContent .actions > *:not(:last-child) {
  margin-right: 20px;
}
.V4 .Notification .notificationContent .actions .loading {
  width: 24px;
  height: 24px;
}
.V4 .Notification .notificationContent .actions .loading .spinner {
  border: 2px solid var(--bg3);
  border-top: 2px solid var(--blue);
  border-left-color: var(--bg3);
  border-bottom-color: var(--bg3);
  width: 24px;
  height: 24px;
  visibility: visible;
}
.V4 .Notification .notificationContent .actions .loading .cancel.button {
  width: 18px;
  height: 18px;
  cursor: pointer;
  z-index: 1;
}
.V4 .Notification .notificationContent .actions span.locate .icon {
  height: 20px;
}
.notificationBackdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background-color: rgba(0, 0, 0, 0.65);
}
.notificationBackdrop .Notification {
  margin-top: 20px;
}
.V4 .InfoButton {
  position: relative;
  margin: 0px 10px;
  top: 3px;
  left: 4px;
}
.V4 .InfoButton.pointer {
  cursor: pointer;
}
.V4 .InfoButton svg.icon {
  fill: var(--blue);
  width: 14px;
  height: 14px;
}
.InfoBubble {
  z-index: 8500;
  background: #37474f;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  color: white;
  font-size: 12px;
  line-height: 140%;
  position: absolute;
  width: max-content;
  min-width: 200px;
  max-width: 300px;
  padding: 10px;
  left: 50%;
  top: 0;
  transform: translateX(-50%) translateY(-100%) translateY(-10px);
  white-space: initial;
}
.InfoBubble.onPopup {
  z-index: 1008499;
}
.InfoBubble::after {
  content: "";
  background: #37474f;
  transform: rotate(45deg);
  position: absolute;
  bottom: -5px;
  width: 10px;
  height: 10px;
}
.InfoBubble.bottomOuter::after {
  top: -5px;
  bottom: auto;
}
.InfoBubble.left::after {
  right: 10px;
}
.InfoBubble.right::after {
  left: 10px;
}
.InfoBubble.error {
  left: calc(50% - 3px);
  border-color: #ff4136;
  color: #ff4136;
  background: #ffffff;
  border-left: #ff4136 5px solid;
  z-index: 9000;
}
.InfoBubble.error::after {
  background: #ffffff;
}
.InfoBubble.error.passwordInput::after {
  right: 5px;
  background: #ffffff;
}
.InfoBubble.error.emailInput {
  left: 50%;
}
.InfoBubble.error.emailInput::after {
  background: #ffffff;
  right: 12px;
}
.InfoBubble.error.number {
  left: 50%;
}
.InfoBubble.error.number::after {
  background: #ffffff;
  right: 12px;
}
.InfoBubble.error:not(.passwordInput).left {
  transform: translate(calc(-100% + 15px), -44px);
}
.InfoBubble.error:not(.passwordInput).left::after {
  right: 8px;
  background: #ffffff;
}
.InfoBubble.sliderToolTip::after {
  right: 10px;
}
.InfoBubble .content {
  width: 100%;
  word-wrap: break-word;
}
.InfoBubble .content h4 {
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 5px;
}
.V4 .infoIcon {
  position: absolute;
  top: 10px;
  right: 5px;
}
.V4 .infoIcon.inline {
  z-index: 9000;
  top: 7px;
}
.V4 .infoIcon.editing {
  right: 17px;
  top: 10px;
}
.V4 .infoIcon .icon {
  width: 14px;
  height: 14px;
  fill: #ff4136;
}
.V4 .infoIcon.tooltipmsg .icon {
  fill: #3495f0;
}
.V4 .infoIcon.emailInput {
  right: 15px;
}
.V4 .tootltip {
  left: 0px;
  top: -20px;
  max-width: 230px;
}
.V4 .CardLayoutEditor .subTitle {
  font-size: 14px;
  margin-top: 40px;
  margin-bottom: 20px;
}
.V4 .CardLayoutEditor .subTitle span {
  color: #bfbfbf;
}
.V4 .CardLayoutEditor .Button {
  display: none;
}
.V4 .CardLayoutEditor .Field:hover .Button {
  display: block;
}
.V4 .TypeSelector .SelectInput .input::after {
  border-top: 0;
}
.V4 .TypeSelector .SelectInput .input:hover:after {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  background: url(../assets/images/common/edit-icon.svg) no-repeat center;
}
.V4 .dropdownContent {
  padding: 5px;
}
.V4 .dropdownContent .profileItem {
  width: 100%;
  height: 100%;
}
.V4 .dropdownContent .profileItem .ToggleSwitchField {
  padding: 5px;
  align-items: center;
  display: flex;
}
.V4 .dropdownContent .profileItem .ToggleSwitchField label {
  font-size: 16px;
  cursor: pointer;
}
.V4 .dropdownContent .profileItem .ToggleSwitchField .toggleSwitch {
  margin-left: auto;
  padding-right: 8px;
  height: 32px;
}
.V4 .dropdownContent .profileItem .profileButton {
  margin: 0px 15px 5px 15px;
  left: 0;
  justify-content: left;
  font-size: 16px;
  font-weight: 400;
  min-height: 40px;
}
.V4 .dropdownContent .profileItem .profileButton .icon {
  margin-right: 15px;
  fill: black;
}
.V4 .dropdownContent .profileItem .profileButton:hover {
  color: white;
}
.V4 .dropdownContent .profileItem .profileButton svg.palette {
  fill: white;
}
.V4 .dropdownContent .profileItem.lined {
  border-top: 2px solid rgb(245, 245, 245);
  display: flex;
}
.V4 .dropdownContent .profileItem.lined .profileButton {
  margin-bottom: 0;
}
.V4 .dropdownContent .profileItem.lined .CheckboxInput {
  margin-left: 15px;
}
.V4 .dropdownContent .profileItem:hover {
  background-color: var(--blue);
  color: white;
}
.V4 .dropdownContent .profileItem:hover:last-child {
  border-top: 1px solid var(--blue);
}
.V4 .dropdownContent .profileItem:hover .icon {
  fill: white;
}
.V4 .button {
  cursor: pointer;
}
.V4 .button .icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  stroke-width: 0;
  fill: currentColor;
}
.V4 .button .icon.strokeOnly {
  fill: none;
  stroke: currentColor;
  stroke-width: 1px;
}
.V4 .button:hover,
.V4 .button.selected {
  color: var(--navTextActive);
}
html {
  background: #f5f5f5;
  cursor: default;
}
::selection {
  background-color: #fbb700;
  color: #ffffff;
}
body {
  display: flex;
  flex-direction: column;
  margin: 0;
  color: var(--text1);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
body::selection {
  background: #ff4136;
  color: white;
}
.highlighting-disabled {
  user-select: none;
}
.highlighting-disabled ::selection {
  background-color: transparent;
  color: inherit;
}
.appHolder * {
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #c4c4c4;
  border: solid 2px white;
  border-radius: 4px;
  transition: ease-in-out all 0.2s;
}
.V4 .main {
  display: flex;
  min-height: 100px;
  flex: 1;
  position: relative;
}
.V4 .page {
  background: var(--blue);
  padding: 40px;
  overflow: auto;
  height: 100vh;
}
.V4 .bold {
  font-weight: bold;
}
.V4 .arrowDown {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #aaaaaa;
}
.V4 .shadow {
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
}
.V4 .appContent {
  max-width: 100%;
  background-color: var(--bg2);
}
.disabled {
  pointer-events: none;
}
.V4 #appHolder {
  height: 100%;
}
.V4 #appHolder > .LoaderIcon {
  transform: translateY(50%);
  bottom: 50%;
}
.V4 .headerDivider {
  width: 1px;
  background: #e9e9e9;
  place-self: stretch;
  margin: 0 10px;
}
.V4 .form {
  display: grid;
  grid-template-columns: 110px 1fr;
  grid-gap: 16px;
  flex: 1;
}
.V4 .form label {
  grid-column: 1/2;
  margin-top: 8px;
}
.V4 .form textarea {
  height: 100px;
  resize: none;
}
.V4 h4 {
  font-size: 20px;
  font-weight: 300;
  font-family: Roboto, sans-serif;
}
.V4 .heading {
  align-items: center;
  justify-content: space-between;
  padding: 20px;
}
.V4 .heading.createBox {
  background: var(--bg3);
  height: 50px;
}
.V4 .heading h4 {
  font-size: 20px;
  font-weight: 300;
  font-family: Roboto, sans-serif;
}
.V4 .heading h4 .multiSelectHeader {
  margin-left: 20px;
  color: #3495f0;
}
.V4 main > aside {
  flex: 0 0 20vw;
  background: #f5b9f3;
}
.V4 .paragraph {
  color: #74818d;
  font-size: 16px;
  line-height: 1.625;
  font-weight: 400;
}
.V4 .textLink {
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  color: var(--blue);
}
.V4 .hidden {
  display: none;
}
.V5 .hidden {
  display: none !important;
}
.V4 .invisible {
  visibility: hidden;
}
.V4 .createPanel {
  position: absolute;
  min-height: 100%;
  height: 100%;
  width: 100%;
  max-width: 450px;
  z-index: 4001;
  right: -100%;
  background: #ffffff;
  -webkit-transition: right 0.4s ease;
  -moz-transition: right 0.4s ease;
  -ms-transition: right 0.4s ease;
  -o-transition: right 0.4s ease;
  transition: right 0.4s ease;
  box-shadow: -5px 0px 40px -20px black;
  overflow: auto;
}
.V4 .createPanel.manageColumns {
  max-width: 750px;
}
.V4 .createPanel.open {
  right: 0;
}
.V4 .FindInList svg {
  fill: var(--icon);
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-55%);
}
.V4 .FindInList svg.search {
  margin-left: 10px;
}
.V4 .FindInList svg.cancel {
  right: 10px;
  pointer-events: initial !important;
  cursor: pointer;
}
.V4 .FindInList svg.cancel:hover {
  color: var(--blue);
}
.V4 .FindInList input {
  padding-left: 36px;
  height: inherit;
}
.V4 .SpaceView .createPanel:not(.manageColumns):not(.manageVersionSets),
.V4 .CatalogView .createPanel:not(.manageColumns):not(.manageVersionSets),
.V4 .BoundaryView .createPanel:not(.manageColumns):not(.manageVersionSets) {
  max-width: 1280px;
}
.V4 .XyiconView .createPanel {
  max-width: 750px;
}
.V4 .ModuleView .createPanel.import {
  max-width: 700px;
}
.V4 .ModuleView .createPanel.infoPanel {
  max-width: 450px;
}
.V4 .SettingsTableTab .createPanel {
  height: calc(100vh - 50px);
  top: -70px;
}
.V4 .largePadding {
  padding: 40px;
}
.V4 .listItem {
  border: solid 1px transparent;
  border-bottom-color: var(--bg3);
  height: 60px;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  cursor: pointer;
}
.V4 .listItem .button {
  opacity: 0;
  transition: ease-in-out opacity 0.2s;
}
.V4 .listItem:hover {
  border: solid 1px var(--blue);
}
.V4 .listItem:hover .button {
  opacity: 1;
  transition: ease-in-out opacity 0.2s;
}
.V4 .listItem .name {
  font-size: 16px;
}
.V4 .listItem .email {
  font-size: 14px;
  color: #a9a3a3;
}
.V4 .listItem.hover .name {
  color: #ffffff;
}
.V4 .listItem.hover .email {
  color: #b0d3f3;
}
.V4 .CreateUserGroupPanel .AddListItem .SearchField,
.CreatePortfolioGroupPanel .AddListItem .SearchField {
  width: 100%;
  margin-bottom: 0;
}
.V4 .CreateUserGroupPanel .AddListItem .list,
.CreatePortfolioGroupPanel .AddListItem .list {
  max-height: 200px;
}
.preLoadingPage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100vw;
  height: 100vh;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.V4 .simpleSidePanel {
  width: 100%;
  min-width: 400px;
  max-width: 600px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: white;
  border-left: solid 2px var(--bg3);
  transform: translateX(100%);
  transition: ease-in-out transform 0.3s;
  z-index: 99999;
}
.V4 .simpleSidePanel.open {
  transform: translateX(0%);
  transition: ease-in-out transform 0.3s;
}
.V4 .simpleSidePanel .buttons {
  justify-content: flex-end;
  margin: 10px 20px 30px 0px;
}
.V4 #hubspot-messages-iframe-container.widget-align-left,
.V5 #hubspot-messages-iframe-container.widget-align-left {
  visibility: hidden;
  opacity: 0;
  transition: ease-in-out opacity 0.2s;
}
.V4 #hubspot-messages-iframe-container.widget-align-left.open,
.V5 #hubspot-messages-iframe-container.widget-align-left.open {
  visibility: visible;
  opacity: 1;
  transition: ease-in-out opacity 0.2s;
}
.V4 div[class^=IconLauncher]::before {
  content: "";
  width: 30px;
  height: 30px;
  background: red;
  position: absolute;
  top: -5px;
  left: 5px;
}
.V4 div[class^=IconLauncher] svg {
  visibility: hidden;
}
.V4 .dragged {
  transform: rotate(5deg);
  cursor: grabbing;
}
.V4 .spinner {
  border: 2px solid transparent;
  border-top: 2px solid var(--blue);
  border-left: 2px solid var(--blue);
  border-bottom: 2px solid var(--blue);
  border-radius: 50%;
  width: 18px;
  min-width: 18px;
  height: 18px;
  animation: spin 2s linear infinite;
  position: absolute;
  visibility: hidden;
}
.V4 .spinner.visible {
  visibility: visible;
}
.V4 .spinner.selected {
  border-top: 2px solid #a0daf4;
  border-left: 2px solid #a0daf4;
  border-bottom: 2px solid #a0daf4;
}
.V4 .spinner.hasValidation {
  border-top: 2px solid #ef9647;
  border-left: 2px solid #ef9647;
  border-bottom: 2px solid #ef9647;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes xTop {
  to {
    left: 200px;
  }
}
@keyframes yTop {
  to {
    top: 100px;
  }
}
body.color-theme-in-transition,
body.color-theme-in-transition *,
body.color-theme-in-transition *::before,
body.color-theme-in-transition *::after {
  -webkit-transition: background 0.4s ease;
  -moz-transition: background 0.4s ease;
  -ms-transition: background 0.4s ease;
  -o-transition: background 0.4s ease;
  transition: background 0.4s ease;
  -webkit-transition: color 0s linear;
  -moz-transition: color 0s linear;
  -ms-transition: color 0s linear;
  -o-transition: color 0s linear;
  transition: color 0s linear;
}
body[data-theme=light] {
  --text1: #37474f;
  --text2: #37474f;
  --text3: #37474f;
  --text4: #37474f;
  --text5: #37474f;
  --icon: #37474f;
  --textMuted: #aaaaaa;
  --bg1: #ffffff;
  --bg2: #ffffff;
  --bg3: #f5f5f5;
  --bg4: #c4c4c4;
  --bg5: #f5f5f5;
  --gray: #c4c4c4;
  --light-gray: #c4c4c4;
  --gray5: #c4c4c4;
  --green: #62b76b;
  --input-border: #f5f5f5;
  --subMenuItemBG: #f5f5f5;
  --subMenuItemActiveBG: #ffffff;
  --navbg: #ffffff;
  --navShadow: #c4c4c4;
  --navText: #37474f;
  --blue: #3495f0;
  --blue-hover: #4da1f0;
  --dark-blue: #1d8af0;
  --light-blue: #d6eafc;
  --navTextActive: #3495f0;
  --tableSelected: #3495f0;
  --tableTextSelected: #ffffff;
  --elementSelectedText: #ffffff;
  --elementSelectedBg: #3495f0;
  --dragTargetHighlight: #3495f0;
  --checkboxInTable: #37474f;
  --checkboxInTableSelected: #3495f0;
  --inlineEditHover: #d6eafc;
  --inlineEditHoverOnSelectedHoveredRow: #4da1f0;
  --inlineEditBooelanSlider: #4da1f0;
  --dark-gray: #37474f;
  --semantic-muted-info: #f5f5f5;
}
body[data-theme=dark] {
  --text1: #ffffff;
  --text2: #f9f9fa;
  --text3: #eff0f2;
  --text4: #dbdee1;
  --text5: #c4c9d4;
  --icon: white;
  --textMuted: #aaaaaa;
  --bg1: #111418;
  --bg2: #191f24;
  --bg3: #232a31;
  --bg4: #38434f;
  --bg5: #404653;
  --green: #62b76b;
  --input-border: #fff;
  --subMenuItemBG: #38434f;
  --subMenuItemActiveBG: #4a5968;
  --navbg: #161b1f;
  --navShadow: #0b0b0b;
  --navText: #818a9a;
  --blue: hsl(209.0425531915, 106.2385321101%, 57.2549019608%);
  --light-blue: hsl(208.4210526316, 106.3636363636%, 91.3725490196%);
  --navTextActive: rgb(1.1, 116.379558011, 227.9);
  --tableSelected: rgb(1.1, 116.379558011, 227.9);
  --tableTextSelected: #cccccc;
  --elementSelectedText: white;
  --elementSelectedBg: rgb(1.1, 116.379558011, 227.9);
  --dragTargetHighlight: rgb(1.1, 116.379558011, 227.9);
  --checkboxInTable: #fff;
  --checkboxInTableSelected: rgb(1.1, 116.379558011, 227.9);
  --dark-gray: #727272;
  --semantic-muted-info: #d6eafc;
  --inlineEditHover: #b4d8fb;
  --inlineEditHoverOnSelectedHoveredRow: #7fb3e3;
  --inlineEditBooelanSlider: #8fc5f7;
}
input[type=search i]::-webkit-search-cancel-button {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-progress-appearance: none;
  content: "";
  cursor: pointer;
  width: 14px;
  height: 14px;
  background: url(../assets/images/common/xmark.svg) no-repeat center;
  background-size: contain;
}
button:disabled {
  pointer-events: none;
}
/*# sourceMappingURL=main.20250703060332.css.map */