/* montserrat-100 - latin */
@font-face {
  font-family: "Montserrat";
  font-weight: 100;
  font-style: normal;
  src: url("../fonts/montserrat-v25-latin-100.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/montserrat-v25-latin-100.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v25-latin-100.woff2") format("woff2"), url("../fonts/montserrat-v25-latin-100.woff") format("woff"), url("../fonts/montserrat-v25-latin-100.ttf") format("truetype"), url("../fonts/montserrat-v25-latin-100.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-200 - latin */
@font-face {
  font-family: "Montserrat";
  font-weight: 200;
  font-style: normal;
  src: url("../fonts/montserrat-v25-latin-200.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/montserrat-v25-latin-200.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v25-latin-200.woff2") format("woff2"), url("../fonts/montserrat-v25-latin-200.woff") format("woff"), url("../fonts/montserrat-v25-latin-200.ttf") format("truetype"), url("../fonts/montserrat-v25-latin-200.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-300 - latin */
@font-face {
  font-family: "Montserrat";
  font-weight: 300;
  font-style: normal;
  src: url("../fonts/montserrat-v25-latin-300.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/montserrat-v25-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v25-latin-300.woff2") format("woff2"), url("../fonts/montserrat-v25-latin-300.woff") format("woff"), url("../fonts/montserrat-v25-latin-300.ttf") format("truetype"), url("../fonts/montserrat-v25-latin-300.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-regular - latin */
@font-face {
  font-family: "Montserrat";
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/montserrat-v25-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/montserrat-v25-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v25-latin-regular.woff2") format("woff2"), url("../fonts/montserrat-v25-latin-regular.woff") format("woff"), url("../fonts/montserrat-v25-latin-regular.ttf") format("truetype"), url("../fonts/montserrat-v25-latin-regular.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-500 - latin */
@font-face {
  font-family: "Montserrat";
  font-weight: 500;
  font-style: normal;
  src: url("../fonts/montserrat-v25-latin-500.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/montserrat-v25-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v25-latin-500.woff2") format("woff2"), url("../fonts/montserrat-v25-latin-500.woff") format("woff"), url("../fonts/montserrat-v25-latin-500.ttf") format("truetype"), url("../fonts/montserrat-v25-latin-500.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-600 - latin */
@font-face {
  font-family: "Montserrat";
  font-weight: 600;
  font-style: normal;
  src: url("../fonts/montserrat-v25-latin-600.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/montserrat-v25-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v25-latin-600.woff2") format("woff2"), url("../fonts/montserrat-v25-latin-600.woff") format("woff"), url("../fonts/montserrat-v25-latin-600.ttf") format("truetype"), url("../fonts/montserrat-v25-latin-600.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
  font-family: "Montserrat";
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/montserrat-v25-latin-700.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/montserrat-v25-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v25-latin-700.woff2") format("woff2"), url("../fonts/montserrat-v25-latin-700.woff") format("woff"), url("../fonts/montserrat-v25-latin-700.ttf") format("truetype"), url("../fonts/montserrat-v25-latin-700.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-800 - latin */
@font-face {
  font-family: "Montserrat";
  font-weight: 800;
  font-style: normal;
  src: url("../fonts/montserrat-v25-latin-800.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/montserrat-v25-latin-800.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v25-latin-800.woff2") format("woff2"), url("../fonts/montserrat-v25-latin-800.woff") format("woff"), url("../fonts/montserrat-v25-latin-800.ttf") format("truetype"), url("../fonts/montserrat-v25-latin-800.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-900 - latin */
@font-face {
  font-family: "Montserrat";
  font-weight: 900;
  font-style: normal;
  src: url("../fonts/montserrat-v25-latin-900.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/montserrat-v25-latin-900.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v25-latin-900.woff2") format("woff2"), url("../fonts/montserrat-v25-latin-900.woff") format("woff"), url("../fonts/montserrat-v25-latin-900.ttf") format("truetype"), url("../fonts/montserrat-v25-latin-900.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-100italic - latin */
@font-face {
  font-family: "Montserrat";
  font-weight: 100;
  font-style: italic;
  src: url("../fonts/montserrat-v25-latin-100italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/montserrat-v25-latin-100italic.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v25-latin-100italic.woff2") format("woff2"), url("../fonts/montserrat-v25-latin-100italic.woff") format("woff"), url("../fonts/montserrat-v25-latin-100italic.ttf") format("truetype"), url("../fonts/montserrat-v25-latin-100italic.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-200italic - latin */
@font-face {
  font-family: "Montserrat";
  font-weight: 200;
  font-style: italic;
  src: url("../fonts/montserrat-v25-latin-200italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/montserrat-v25-latin-200italic.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v25-latin-200italic.woff2") format("woff2"), url("../fonts/montserrat-v25-latin-200italic.woff") format("woff"), url("../fonts/montserrat-v25-latin-200italic.ttf") format("truetype"), url("../fonts/montserrat-v25-latin-200italic.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-300italic - latin */
@font-face {
  font-family: "Montserrat";
  font-weight: 300;
  font-style: italic;
  src: url("../fonts/montserrat-v25-latin-300italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/montserrat-v25-latin-300italic.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v25-latin-300italic.woff2") format("woff2"), url("../fonts/montserrat-v25-latin-300italic.woff") format("woff"), url("../fonts/montserrat-v25-latin-300italic.ttf") format("truetype"), url("../fonts/montserrat-v25-latin-300italic.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-italic - latin */
@font-face {
  font-family: "Montserrat";
  font-weight: 400;
  font-style: italic;
  src: url("../fonts/montserrat-v25-latin-italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/montserrat-v25-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v25-latin-italic.woff2") format("woff2"), url("../fonts/montserrat-v25-latin-italic.woff") format("woff"), url("../fonts/montserrat-v25-latin-italic.ttf") format("truetype"), url("../fonts/montserrat-v25-latin-italic.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-500italic - latin */
@font-face {
  font-family: "Montserrat";
  font-weight: 500;
  font-style: italic;
  src: url("../fonts/montserrat-v25-latin-500italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/montserrat-v25-latin-500italic.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v25-latin-500italic.woff2") format("woff2"), url("../fonts/montserrat-v25-latin-500italic.woff") format("woff"), url("../fonts/montserrat-v25-latin-500italic.ttf") format("truetype"), url("../fonts/montserrat-v25-latin-500italic.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-600italic - latin */
@font-face {
  font-family: "Montserrat";
  font-weight: 600;
  font-style: italic;
  src: url("../fonts/montserrat-v25-latin-600italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/montserrat-v25-latin-600italic.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v25-latin-600italic.woff2") format("woff2"), url("../fonts/montserrat-v25-latin-600italic.woff") format("woff"), url("../fonts/montserrat-v25-latin-600italic.ttf") format("truetype"), url("../fonts/montserrat-v25-latin-600italic.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-700italic - latin */
@font-face {
  font-family: "Montserrat";
  font-weight: 700;
  font-style: italic;
  src: url("../fonts/montserrat-v25-latin-700italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/montserrat-v25-latin-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v25-latin-700italic.woff2") format("woff2"), url("../fonts/montserrat-v25-latin-700italic.woff") format("woff"), url("../fonts/montserrat-v25-latin-700italic.ttf") format("truetype"), url("../fonts/montserrat-v25-latin-700italic.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-800italic - latin */
@font-face {
  font-family: "Montserrat";
  font-weight: 800;
  font-style: italic;
  src: url("../fonts/montserrat-v25-latin-800italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/montserrat-v25-latin-800italic.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v25-latin-800italic.woff2") format("woff2"), url("../fonts/montserrat-v25-latin-800italic.woff") format("woff"), url("../fonts/montserrat-v25-latin-800italic.ttf") format("truetype"), url("../fonts/montserrat-v25-latin-800italic.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/* montserrat-900italic - latin */
@font-face {
  font-family: "Montserrat";
  font-weight: 900;
  font-style: italic;
  src: url("../fonts/montserrat-v25-latin-900italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/montserrat-v25-latin-900italic.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-v25-latin-900italic.woff2") format("woff2"), url("../fonts/montserrat-v25-latin-900italic.woff") format("woff"), url("../fonts/montserrat-v25-latin-900italic.ttf") format("truetype"), url("../fonts/montserrat-v25-latin-900italic.svg#Montserrat") format("svg"); /* Legacy iOS */
}
/**
 * default colors for icons (svg and fontawesome)
 */
h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-family: Montserrat, Clear Sans;
  color: var(--title-font-color, var(--night-blue, #132c4a));
}

h1.error,
h2.error,
h3.error,
h4.error,
h5.error,
h6.error,
p.error {
  color: var(--error-font-color, var(--error-color, var(--signal-pink, #f01e54)));
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}

h1 {
  font-size: 24px;
  font-weight: 600;
}

h2 {
  font-size: 22px;
  font-weight: 600;
}

h3 {
  font-size: 14px;
  font-weight: 500;
}

h4 {
  font-size: 12px;
  font-weight: bold;
}

.ms_text {
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
}

.ms_button {
  font-size: 10px;
  font-weight: bold;
  line-height: 18px;
  min-width: 100px;
  height: 38px;
  padding: 10px 35px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-align: center;
  letter-spacing: 1.35px;
  color: var(--button-font-color, var(--light-font-color, white));
  border: none;
  border-radius: 8px;
  background-color: var(--button-color, var(--night-blue, #132c4a));
}

.ms_button > svg {
  width: auto;
  height: 18px;
}

.ms_button .ms_svg_fill {
  fill: var(--button-icon-color, var(--ms-icon-light-color, white));
}

.ms_button .ms_svg_stroke {
  stroke: var(--button-icon-color, var(--ms-icon-light-color, white));
}

.ms_button i {
  color: var(--button-icon-color, var(--ms-icon-light-color, white));
}

.ms_button:hover {
  color: var(--button-hover-font-color, var(--light-font-color, white));
  background-color: var(--button-hover-color, var(--blue, #285d9d));
}

.ms_button:hover .ms_svg_fill {
  fill: var(--button-hover-icon-color, var(--ms-icon-light-color, white));
}

.ms_button:hover .ms_svg_stroke {
  stroke: var(--button-hover-icon-color, var(--ms-icon-light-color, white));
}

.ms_button:hover i {
  color: var(--button-hover-icon-color, var(--ms-icon-light-color, white));
}

.ms_button.light {
  font-weight: 600;
  line-height: 18px;
  height: 30px;
  padding: 5px 18px;
  color: var(--button-light-font-color, var(--night-blue, #132c4a));
  border: solid 1px var(--button-light-border-color, var(--dark-grey, #bdbdbd));
  background-color: var(--button-light-color, white);
}

.ms_button.light .ms_svg_fill {
  fill: var(--button-light-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_button.light .ms_svg_stroke {
  stroke: var(--button-light-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_button.light i {
  color: var(--button-light-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_button.light:hover {
  color: var(--button-light-hover-font-color, var(--night-blue, #132c4a));
  border-color: var(--button-light-hover-border-color, var(--dark-grey, #bdbdbd));
  background-color: var(--button-light-hover-color, var(--surface-container-high, #e7e8eb));
}

.ms_button.light:hover .ms_svg_fill {
  fill: var(--button-light-hover-icon-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_button.light:hover .ms_svg_stroke {
  stroke: var(--button-light-hover-icon-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_button.light:hover i {
  color: var(--button-light-hover-icon-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_button[disabled] {
  pointer-events: none;
  color: var(--button-disabled-font-color, var(--dark-grey, #bdbdbd));
  background-color: var(--button-disabled-color, var(--light-grey, #d8d8d8));
}

.ms_button[disabled] i {
  color: var(--button-disabled-icon-color, var(--dark-grey, #bdbdbd));
}

.ms_button[disabled] .ms_svg_fill {
  fill: var(--button-disabled-icon-color, var(--dark-grey, #bdbdbd));
}

.ms_button[disabled] .ms_svg_stroke {
  stroke: var(--button-disabled-icon-color, var(--dark-grey, #bdbdbd));
}

.ms_button_icon {
  font-size: 14px;
  line-height: 18px;
}

.ms_button_icon i {
  pointer-events: none;
}

.ms_button.onEnter::first-letter {
  text-decoration: underline;
}

.ms_input {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 1px 0;
  padding: 0 1px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
}

.ms_input_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.ms_input_target:not(.ms_input_target_toggle):not(.ms_input_target_radio):not(.ms_input_target_check):not(.ms_input_target_select),
.ms_input .select_styled {
  font: inherit;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  min-height: 30px;
  padding: 3px 15px 3px 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--input-font-color, var(--font-color, var(--dark-blue, #272e36)));
  border: 1px solid var(--input-border-color, var(--dark-grey, #bdbdbd));
  border-radius: 4px;
  background: var(--input-color, white);
}

.ms_input_target:not(.ms_input_target_toggle):not(.ms_input_target_radio):not(.ms_input_target_check):not(.ms_input_target_select)[data-error]:not(.on_action),
.ms_input .select_styled[data-error]:not(.on_action) {
  border: 1px solid var(--input-error-border-color, var(--error-color, var(--signal-pink, #f01e54)));
}

.ms_input_target:not(.ms_input_target_toggle):not(.ms_input_target_radio):not(.ms_input_target_check):not(.ms_input_target_select):focus,
.ms_input_target:not(.ms_input_target_toggle):not(.ms_input_target_radio):not(.ms_input_target_check):not(.ms_input_target_select):focus-visible,
.ms_input_target:not(.ms_input_target_toggle):not(.ms_input_target_radio):not(.ms_input_target_check):not(.ms_input_target_select):hover,
.ms_input .select_styled:focus,
.ms_input .select_styled:focus-visible,
.ms_input .select_styled:hover {
  border-width: 1px;
  border-color: var(--input-hover-border-color, var(--night-blue, #132c4a));
  outline: none;
}

.ms_input_target:not(.ms_input_target_toggle):not(.ms_input_target_radio):not(.ms_input_target_check):not(.ms_input_target_select)[data-hidden="1"],
.ms_input .select_styled[data-hidden="1"] {
  visibility: hidden;
  pointer-events: none;
}

.ms_input_target:not(.ms_input_target_toggle):not(.ms_input_target_radio):not(.ms_input_target_check):not(.ms_input_target_select)[type=password],
.ms_input .select_styled[type=password] {
  padding-right: 35px;
  -webkit-text-security: disc;
}

.ms_input_target:not(.ms_input_target_toggle):not(.ms_input_target_radio):not(.ms_input_target_check):not(.ms_input_target_select)[type=password]::-ms-reveal,
.ms_input_target:not(.ms_input_target_toggle):not(.ms_input_target_radio):not(.ms_input_target_check):not(.ms_input_target_select)[type=password]::-ms-clear,
.ms_input .select_styled[type=password]::-ms-reveal,
.ms_input .select_styled[type=password]::-ms-clear {
  display: none;
}

.ms_input_target:not(.ms_input_target_toggle):not(.ms_input_target_radio):not(.ms_input_target_check):not(.ms_input_target_select)[type=date],
.ms_input_target:not(.ms_input_target_toggle):not(.ms_input_target_radio):not(.ms_input_target_check):not(.ms_input_target_select)[type=time],
.ms_input .select_styled[type=date],
.ms_input .select_styled[type=time] {
  padding-right: 11px;
}

.ms_input_target:not(.ms_input_target_toggle):not(.ms_input_target_radio):not(.ms_input_target_check):not(.ms_input_target_select)[type=color],
.ms_input .select_styled[type=color] {
  padding: 2px 7px;
}

.ms_input_target_dim {
  line-height: 22px !important;
  position: relative;
  padding-right: 35px !important;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.ms_input_target_dim:hover {
  cursor: pointer;
  color: var(--dim-input-hover-font-color, var(--font-color, var(--dark-blue, #272e36))) !important;
  background: var(--dim-input-hover-color, var(--surface-container-high, #e7e8eb)) !important;
}

.ms_input_target_dim:hover .show_ellipsis {
  color: var(--dim-input-hover-icon-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a))) !important;
}

.ms_input_target.on_error {
  border-width: 2px !important;
  border-color: var(--input-error-border-color, var(--error-color, var(--signal-pink, #f01e54))) !important;
}

.ms_input_target_freeDim {
  padding-right: 35px !important;
}

.ms_input .show_selection {
  font-size: 18px;
  line-height: 1;
  position: absolute;
  right: 12px;
  bottom: 4px;
  cursor: pointer;
  color: var(--input-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_input .show_selection:hover {
  color: var(--input-icon-hover-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_input .show_selection.on_error {
  bottom: 30px;
}

.ms_input[disabled] {
  pointer-events: none !important;
}

.ms_input[disabled] .ms_input_target,
.ms_input[disabled] .select .select_styled {
  pointer-events: none !important;
  color: var(--input-disabled-font-color, var(--light-grey, #d8d8d8)) !important;
  background: var(--input-disabled-color, var(--light-grey, #d8d8d8)) !important;
}

.ms_input[disabled] .show_pass,
.ms_input[disabled] .show_ellipsis,
.ms_input[disabled] .show_selection {
  color: var(--input-disabled-icon-color, var(--dark-grey, #bdbdbd)) !important;
}

.ms_input[disabled] .select_styled:after {
  border-color: var(--input-disabled-icon-color, var(--dark-grey, #bdbdbd)) !important;
}

.ms_input[readonly] {
  pointer-events: none !important;
}

.ms_input_error_msg {
  font-size: 10px;
  font-weight: 600;
  line-height: 2.5;
  color: var(--input-error-color, var(--error-color, var(--signal-pink, #f01e54)));
}

.ms_input_error_msg > .ms_fa_ico {
  font-size: 12px;
}

.ms_input_container {
  position: relative;
}

.ms_input .show_pass,
.ms_input .show_ellipsis {
  position: absolute;
  top: 50%;
  right: 15px;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: var(--input-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_input .show_pass:hover {
  color: var(--input-icon-hover-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_input .show_ellipsis {
  font-size: 18px;
  line-height: 1;
  right: 10px;
  pointer-events: none;
}

.ms_input_radio .radios {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
}

.ms_input_radio .radios .ms_input_inner {
  height: 22px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: start;
  align-content: start;
}

.ms_input_radio.horizontal .radios {
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
}

.ms_input_label {
  font-size: 12px;
  font-weight: 600;
  line-height: 2.5;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  letter-spacing: -0.08px;
  color: var(--input-label-font-color, var(--title-font-color, var(--night-blue, #132c4a)));
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ms_input .ms_info {
  min-width: 18px;
  margin-left: 8px;
  pointer-events: all;
}

.ms_input.check {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.ms_input.check input:checked + label:after {
  position: absolute;
  top: 2px;
  left: 5px;
  display: block;
  width: 3px;
  height: 7px;
  content: "";
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border: solid var(--checkbox-checked-checkmark-color, white);
  border-width: 0 1px 1px 0;
}

.ms_input.check input:checked + label:before {
  border-color: var(--checkbox-checked-border-color, var(--night-blue, #132c4a));
  background: var(--checkbox-checked-color, var(--night-blue, #132c4a));
}

.ms_input.check label {
  position: relative;
  height: 15px;
  margin-right: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ms_input.check label:before {
  position: relative;
  top: -4px;
  display: inline-block;
  padding: 6px;
  content: "";
  cursor: pointer;
  vertical-align: middle;
  border: 1px solid var(--checkbox-border-color, var(--light-grey, #d8d8d8));
  border-radius: 4px;
  background: var(--checkbox-color, white);
}

.ms_input_toggle,
.ms_input.check {
  flex-direction: row;
  margin: 8px 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ms_input_toggle input,
.ms_input.check input {
  visibility: hidden;
  width: 0 !important;
  height: 0 !important;
  margin: 0;
  border-width: 0 !important;
}

.ms_input_toggle.active label {
  background: var(--toggle-active-color, var(--night-blue, #132c4a));
}

.ms_input_toggle.active label:after {
  left: calc(100% - 4px);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-transform: translate(-100%, -50%);
  -ms-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
  background: var(--toggle-active-switch-color, white);
}

.ms_input_toggle.active label:hover:after {
  left: calc(100% - 3px);
  background: var(--toggle-active-hover-switch-color, var(--inverse-primary, #a6c8ff));
}

.ms_input_toggle label {
  position: relative;
  display: block;
  width: 44px;
  height: 22px;
  margin-right: 20px;
  cursor: pointer;
  -webkit-transform: scale(0.7272727273);
  -ms-transform: scale(0.7272727273);
  transform: scale(0.7272727273);
  border-radius: 11px;
  background: var(--toggle-color, var(--surface-container-highest, #e2e2e5));
}

.ms_input_toggle label.before {
  margin-right: 0;
  margin-left: 10px;
}

.ms_input_toggle label:hover:after {
  left: 3px;
  width: 16px;
  height: 16px;
  background: var(--toggle-hover-switch-color, var(--blue, #285d9d));
}

.ms_input_toggle label:after {
  position: absolute;
  top: 50%;
  left: 4px;
  width: 14px;
  height: 14px;
  content: "";
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  background: var(--toggle-switch-color, var(--inverse-surface, #2e3133));
}

.ms_input_toggle label:active:after {
  width: 15px;
}

.ms_input_toggle.explanation .left,
.ms_input_toggle.explanation .right {
  font-size: 12px;
  font-weight: 500;
  line-height: 2.5;
  position: relative;
  color: var(--input-font-color, var(--font-color, var(--dark-blue, #272e36)));
}

.ms_input_toggle.explanation:not(.active) .right,
.ms_input_toggle.explanation.active .left {
  color: var(--toggle-label-inactive-font-color, var(--outline, #6f797a));
}

.ms_input_toggle.explanation label,
.ms_input_toggle.explanation .before {
  margin: 0;
}

.ms_input_toggle.explanation .right.before {
  margin-right: 10px;
}

.ms_input_toggle.explanation .left.before {
  margin-left: 10px;
}

.ms_input .ms_input_target_radio {
  visibility: hidden;
  width: 0;
  height: 0;
  margin: 4px 0;
}

.ms_input .ms_input_target_radio + label {
  line-height: 14px;
  position: relative;
  display: inline-block;
  padding-left: 34px;
  cursor: pointer;
}

.ms_input .ms_input_target_radio + label:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  content: "";
  border: 1px solid var(--radiobutton-border-color, var(--dark-grey, #bdbdbd));
  border-radius: 100%;
  background: var(--radiobutton-color, white);
}

.ms_input .ms_input_target_radio:checked + label:before {
  border-color: var(--radiobutton-checked-border-color, var(--night-blue, #132c4a));
  background: var(--radiobutton-checked-color, var(--night-blue, #132c4a));
}

.ms_input .ms_input_target_radio + label:after {
  position: absolute;
  width: 8px;
  height: 8px;
  content: "";
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border-radius: 100%;
  background: var(--radiobutton-checked-circle-color, white);
}

.ms_input .ms_input_target_radio:checked + label:after {
  top: 50%;
  left: 3px;
  -webkit-transform: translateY(-50%) scale(1);
  -ms-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
  opacity: 1;
}

.ms_input .ms_input_target_radio:not(:checked) + label:after {
  -webkit-transform: translateY(-50%) scale(0);
  -ms-transform: translateY(-50%) scale(0);
  transform: translateY(-50%) scale(0);
  opacity: 0;
  border-radius: 100%;
}

.ms_input .ms_input_target_radio ~ .ms_input_label,
.ms_input .ms_input_target_check ~ .ms_input_label,
.ms_input .ms_input_target_toggle ~ .ms_input_label,
.ms_input .ms_input_target_select ~ .ms_input_label {
  font-size: 12px;
}

.ms_input .select {
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%;
}

.ms_input .select_hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}

.ms_input .select_styled {
  line-height: 22px;
  position: relative;
  display: block;
  overflow: hidden;
  max-width: 100%;
  padding: 3px 35px 3px 20px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ms_input .select_styled:after {
  position: absolute;
  top: 50%;
  right: 15px;
  display: inline-block;
  width: 0;
  height: 0;
  padding: 3px;
  content: "";
  -webkit-transform: translateY(-50%) scale(0.7, 0.7) rotate(45deg);
  -ms-transform: translateY(-50%) scale(0.7, 0.7) rotate(45deg);
  transform: translateY(-50%) scale(0.7, 0.7) rotate(45deg);
  border: solid var(--dropdown-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
  border-width: 0 2px 2px 0;
}

.ms_input .select_styled:hover {
  background: var(--dropdown-hover-color, var(--surface-container-high, #e7e8eb));
}

.ms_input .select_styled:hover:after {
  border-color: var(--dropdown-hover-icon-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_input .select_options {
  display: none;
}

.ms_input .select.active .select_styled {
  border: 1px solid var(--input-hover-border-color, var(--night-blue, #132c4a));
}

.ms_input .select.active .select_styled:after {
  top: calc(50% + 2px);
  -webkit-transform: translateY(-50%) scale(0.7, 0.7) rotate(-135deg);
  -ms-transform: translateY(-50%) scale(0.7, 0.7) rotate(-135deg);
  transform: translateY(-50%) scale(0.7, 0.7) rotate(-135deg);
}

.ms_input .select.active .select_options {
  display: block;
}

.ms_input .select.on_error .select_styled {
  border-color: var(--input-error-border-color, var(--error-color, var(--signal-pink, #f01e54)));
}

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

.ms_input_search span {
  position: absolute;
  bottom: 6px;
  left: 7px;
  cursor: pointer;
}

.ms_input_search span i {
  font-size: 12px;
  line-height: 1;
  color: var(--input-search-icon-color, var(--dark-grey, #bdbdbd));
}

.ms_input[required] > .ms_input_label .label_text:after {
  margin-left: 3px;
  content: "*";
  color: var(--input-required-color, var(--signal-pink, #f01e54));
}

.ms_input.pill_selection {
  display: block;
}

.ms_input.color .ms_input_target {
  max-height: 30px;
  cursor: pointer;
}

.ms_input.color .ms_input_target::-moz-color-swatch {
  height: 18px;
}

.ms_input.color.labelBefore {
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
}

.ms_input.color.labelBefore .ms_input_target::-moz-color-swatch {
  width: 18px;
}

.ms_input.color.labelBefore .ms_input_label {
  padding-right: 8px;
}

.ms_input.color.labelBefore .ms_input_wrapper {
  min-width: 36px;
  max-height: 30px;
  margin: 0 2px;
}

.ms_input.color.labelBefore .ms_info {
  margin-top: auto;
  margin-bottom: auto;
}

.select_options {
  position: fixed;
  z-index: 999;
  overflow-y: auto;
  max-height: 25vh;
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--dropdown-options-font-color, var(--dark-blue, #272e36));
  border: 1px solid var(--dropdown-options-border-color, var(--night-blue, #132c4a));
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: var(--dropdown-options-color, white);
}

.select_options li {
  font: inherit;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  overflow: hidden;
  min-height: 34px;
  margin: 0;
  padding: 6px 0;
  cursor: pointer;
  white-space: nowrap;
  text-indent: 15px;
  text-overflow: ellipsis;
}

.select_options li:hover {
  color: var(--dropdown-options-hover-font-color, var(--dark-blue, #272e36));
  background: var(--dropdown-options-hover-color, rgba(141, 198, 63, 0.3));
}

.select_options li.is-selected {
  color: var(--dropdown-options-selected-font-color, white);
  background: var(--dropdown-options-selected-color, var(--lightgreen, #8dc63f));
}

.select_options li.is-selected {
  cursor: default;
  pointer-events: none !important;
}

.ms_slider {
  position: relative;
  background: var(--slider-color, white);
}

.ms_slider_slide {
  display: none;
}

.ms_slider_slide.active {
  display: block;
}

.ms_slider_control {
  position: absolute;
  bottom: -20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 100px;
  height: 20px;
  padding: 0 38px;
  background: var(--slider-control-color, white);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ms_slider_control_arrow {
  position: absolute;
  top: 3px;
}

.ms_slider_control_arrow[data-left] {
  left: 15px;
}

.ms_slider_control_arrow[data-right] {
  right: 15px;
}

.ms_slider_control_dot {
  font-size: 8px;
  position: relative;
  margin: 0 3px;
}

.ms_slider_control_dot.active {
  cursor: default;
  pointer-events: none !important;
  color: var(--slider-control-icon-selected-color, var(--lightgreen, #8dc63f));
}

.ms_slider_control_arrow,
.ms_slider_control_dot {
  cursor: pointer;
  color: var(--slider-control-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_slider_control_arrow:hover,
.ms_slider_control_dot:hover {
  color: var(--slider-control-icon-hover-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  width: 100vw;
  background-color: var(--tabs-background-color, white);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
}

.ms_tabs .tabs_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 25px;
}

.ms_tabs .tabs_container .tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: hidden;
}

.ms_tabs .tabs_container .tabs .tab {
  font-size: 12px;
  margin-right: 5px;
  padding: 10px;
  white-space: nowrap;
  color: var(--tab-font-color, var(--font-color, var(--dark-blue, #272e36)));
  border-top: 1px solid var(--tab-border-color, var(--dark-grey, #bdbdbd));
  border-right: 1px solid var(--tab-border-color, var(--dark-grey, #bdbdbd));
  border-left: 1px solid var(--tab-border-color, var(--dark-grey, #bdbdbd));
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background: var(--tab-color, white);
}

.ms_tabs .tabs_container .tabs .tab .ms_svg_fill {
  fill: var(--tab-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_tabs .tabs_container .tabs .tab .ms_svg_stroke {
  stroke: var(--tab-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_tabs .tabs_container .tabs .tab:hover:not(.active) {
  cursor: pointer;
}

.ms_tabs .tabs_container .tabs .tab:hover {
  color: var(--tab-hover-font-color, var(--font-color, var(--dark-blue, #272e36)));
  border-color: var(--tab-hover-border-color, var(--dark-grey, #bdbdbd));
  background: var(--tab-hover-color, var(--surface-container-high, #e7e8eb));
}

.ms_tabs .tabs_container .tabs .tab:hover .ms_svg_fill {
  fill: var(--tab-hover-icon-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_tabs .tabs_container .tabs .tab:hover .ms_svg_stroke {
  stroke: var(--tab-hover-icon-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_tabs .tabs_container .tabs .tab.active {
  color: var(--tab-selected-font-color, white);
  border-color: var(--tab-selected-border-color, var(--dark-blue, #272e36));
  background: var(--tab-selected-color, var(--dark-blue, #272e36));
}

.ms_tabs .tabs_container .tabs .tab.active .ms_svg_fill {
  fill: var(--tab-selected-icon-color, var(--ms-icon-light-color, white));
}

.ms_tabs .tabs_container .tabs .tab.active .ms_svg_stroke {
  stroke: var(--tab-selected-icon-color, var(--ms-icon-light-color, white));
}

.ms_tabs .tabs_container .tabs .tab.active svg.click:hover {
  cursor: pointer;
}

.ms_tabs .tabs_container .tabs .tab.active svg.click:hover .ms_svg_fill {
  fill: var(--tab-selected-icon-hover-color, var(--ms-icon-light-hover-color, var(--inverse-primary, #a6c8ff)));
}

.ms_tabs .tabs_container .tabs .tab.active svg.click:hover .ms_svg_stroke {
  stroke: var(--tab-selected-icon-hover-color, var(--ms-icon-light-hover-color, var(--inverse-primary, #a6c8ff)));
}

.ms_tabs .tabs_container .tabs .tab svg {
  width: auto;
  height: 18px;
}

.ms_tabs .tabs_container .tabs .tab svg.click,
.ms_tabs .tabs_container .tabs .tab svg.warning {
  cursor: pointer;
}

.ms_tabs .tabs_container .tabs .tab svg.warning:hover .ms_svg_fill {
  fill: var(--tab-icon-warning-color, var(--error-color, var(--signal-pink, #f01e54)));
}

.ms_tabs .tabs_container .tabs .tab svg.warning:hover .ms_svg_stroke {
  stroke: var(--tab-icon-warning-color, var(--error-color, var(--signal-pink, #f01e54)));
}

.ms_tabs .tabs_container .tabs .tab:first-child {
  margin-left: 5px;
}

.ms_tabs .tabs_container .tabs .tab.error {
  color: var(--tab-error-font-color, var(--error-font-color, var(--error-color, var(--signal-pink, #f01e54)))) !important;
}

.ms_tabs .tabs_container .tabs_action {
  display: none;
}

.ms_tabs .content {
  position: relative;
  border-top: 1px solid var(--tabs-bottom-border-color, var(--dark-grey, #bdbdbd));
}

.ms_tabs .content:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 15px;
  content: "";
  background-image: var(--tabs-bottom-gradient, linear-gradient(to bottom, #eee, #fff));
}

.ms_tabs .content .tab_content {
  display: none;
}

.ms_tabs .content .tab_content.active {
  display: block;
}

.ms_table {
  position: relative;
  overflow: auto;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  border-radius: 4px;
  -webkit-box-shadow: var(--table-shadow, 0 2px 20px 0 rgba(0, 0, 0, 0.1));
  box-shadow: var(--table-shadow, 0 2px 20px 0 rgba(0, 0, 0, 0.1));
}

.ms_table table {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-collapse: collapse;
}

.ms_table table thead tr {
  position: sticky;
  z-index: 1;
  top: 0;
  width: 100%;
}

.ms_table table th {
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  display: table-cell;
  width: 1%;
  margin: 0;
  padding: 12px;
  border-spacing: 0;
  text-align: left;
  letter-spacing: -0.08px;
  color: var(--table-header-font-color, var(--light-font-color, white));
  background: var(--table-header-color, var(--dark-blue, #272e36));
}

.ms_table table th svg {
  width: auto;
  height: 18px;
}

.ms_table table th svg .ms_svg_fill {
  fill: var(--table-header-icon-color, var(--ms-icon-light-color, white));
}

.ms_table table th svg .ms_svg_stroke {
  stroke: var(--table-header-icon-color, var(--ms-icon-light-color, white));
}

.ms_table table th svg.click {
  cursor: pointer;
}

.ms_table table th svg.click:hover .ms_svg_fill {
  fill: var(--table-header-icon-hover-color, var(--ms-icon-light-hover-color, var(--inverse-primary, #a6c8ff)));
}

.ms_table table th svg.click:hover .ms_svg_stroke {
  stroke: var(--table-header-icon-hover-color, var(--ms-icon-light-hover-color, var(--inverse-primary, #a6c8ff)));
}

.ms_table table th .ms_info {
  position: relative;
  top: 4px;
  margin-top: -8px;
  margin-left: 8px;
}

.ms_table table th .add_icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ms_table table tbody {
  background: var(--table-row-color, white);
}

.ms_table table tbody tr {
  width: 100%;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  border-bottom: 1px solid var(--table-row-bottom-line-color, var(--light-grey, #d8d8d8));
}

.ms_table table tbody tr:hover {
  -webkit-box-shadow: var(--table-row-hover-shadow, 0 0 15px 0 rgba(0, 0, 0, 0.1));
  box-shadow: var(--table-row-hover-shadow, 0 0 15px 0 rgba(0, 0, 0, 0.1));
}

.ms_table table tbody tr:last-child {
  border-bottom: none;
}

.ms_table table td {
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  padding: 12px;
  letter-spacing: -0.08px;
  color: var(--table-row-font-color, var(--dark-blue, #272e36));
}

.ms_table table td .iconCell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  gap: 12px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ms_table table td .iconCell > div {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.ms_table table td svg {
  width: auto;
  height: 18px;
}

.ms_table table td svg .ms_svg_fill {
  fill: var(--table-row-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_table table td svg .ms_svg_stroke {
  stroke: var(--table-row-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_table table td svg.click {
  cursor: pointer;
}

.ms_table table td svg.click:hover .ms_svg_fill {
  fill: var(--table-row-icon-hover-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_table table td svg.click:hover .ms_svg_stroke {
  stroke: var(--table-row-icon-hover-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_table table td svg.warning {
  cursor: pointer;
}

.ms_table table td svg.warning:hover .ms_svg_fill {
  fill: var(--table-row-icon-warning-hover-color, var(--ms-icon-warning-hover-color, var(--signal-pink, #f01e54)));
}

.ms_table table td svg.warning:hover .ms_svg_stroke {
  stroke: var(--table-row-icon-warning-hover-color, var(--ms-icon-warning-hover-color, var(--signal-pink, #f01e54)));
}

.ms_input_ml {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
}

.ms_input_ml > .text {
  padding-right: 0;
}

.ms_input_ml > .text > .ms_input_wrapper > .ms_input_target {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.ms_input_ml > .text > .ms_input_wrapper > .ms_input_target.on_error {
  padding-right: 13px !important;
}

.ms_input_ml > .text > .ms_input_wrapper > .ms_input_target:focus:not(.on_error) {
  padding-right: 14px !important;
}

.ms_input_ml > .text:not(:hover) > .ms_input_wrapper > .ms_input_target:not(:focus):not(.on_error) {
  border-right: 0 !important;
}

.ms_input_ml > .text:hover > .ms_input_wrapper > .ms_input_target:not(.on_error) {
  padding-right: 14px !important;
}

.ms_input_ml > .languages {
  min-width: 125px;
  padding: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0;
  flex: 1 0 0;
}

.ms_input_ml > .languages .select {
  width: 100%;
}

.ms_input_ml > .languages .select_styled {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.ms_input_ml > .button {
  margin: 1px 0;
  margin-left: 8px;
}

.ms_pill {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  padding: 6px 8px 6px 12px;
  border-radius: 16px;
  background: var(--pill-color, var(--night-blue, #132c4a));
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.ms_pill.selection {
  width: 150px;
}

.ms_pill.selection.unselected {
  padding: 5px 7px 5px 11px;
  cursor: pointer;
  border: 1px solid var(--pill-unselected-border-color, var(--night-blue, #132c4a));
  background: var(--pill-unselected-color, white);
}

.ms_pill.selection.unselected .text {
  color: var(--pill-unselected-font-color, var(--night-blue, #132c4a));
}

.ms_pill.selection.unselected .icon .ms_svg_fill {
  fill: var(--pill-unselected-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_pill.selection.unselected .icon .ms_svg_stroke {
  stroke: var(--pill-unselected-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_pill.selection.unselected:hover {
  background: var(--pill-unselected-hover-color, var(--surface-container-high, #e7e8eb));
}

.ms_pill.selection.unselected:hover .icon .ms_svg_fill {
  fill: var(--pill-unselected-icon-hover-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_pill.selection.unselected:hover .icon .ms_svg_stroke {
  stroke: var(--pill-unselected-icon-hover-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_pill.normal {
  min-width: 300px;
}

.ms_pill .icon {
  height: 18px;
}

.ms_pill .icon > * {
  font-size: 18px;
  width: auto;
  height: 18px;
  color: var(--pill-icon-color, var(--ms-icon-light-color, white));
}

.ms_pill .text {
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  line-height: 20px;
  overflow: hidden;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--pill-font-color, var(--light-font-color, white));
}

.ms_pill .edit {
  margin-right: 4px;
}

.ms_pill .icon .ms_svg_fill,
.ms_pill .edit .ms_svg_fill,
.ms_pill .close .ms_svg_fill {
  fill: var(--pill-icon-color, var(--ms-icon-light-color, white));
}

.ms_pill .icon .ms_svg_stroke,
.ms_pill .edit .ms_svg_stroke,
.ms_pill .close .ms_svg_stroke {
  stroke: var(--pill-icon-color, var(--ms-icon-light-color, white));
}

.ms_pill .edit,
.ms_pill .close {
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.ms_pill .edit:hover .ms_svg_fill,
.ms_pill .close:hover .ms_svg_fill {
  fill: var(--pill-icon-hover-color, var(--ms-icon-light-hover-color, var(--inverse-primary, #a6c8ff)));
}

.ms_pill .edit:hover .ms_svg_stroke,
.ms_pill .close:hover .ms_svg_stroke {
  stroke: var(--pill-icon-hover-color, var(--ms-icon-light-hover-color, var(--inverse-primary, #a6c8ff)));
}

.ms_pill.button {
  padding: 5px 7px;
  cursor: pointer;
  border: 1px solid var(--pill-button-border-color, var(--night-blue, #132c4a));
  background: var(--pill-button-color, white);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ms_pill.button .icon .ms_svg_fill {
  fill: var(--pill-button-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_pill.button .icon .ms_svg_stroke {
  stroke: var(--pill-button-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_pill.button .text {
  margin-right: unset;
  color: var(--pill-button-font-color, var(--night-blue, #132c4a));
  -webkit-box-flex: 0;
  -ms-flex: 0 0 0;
  flex: 0 0 0;
}

.ms_pill.button.normal .text {
  -webkit-box-flex: fit-content;
  -ms-flex: fit-content 0 0;
  flex: fit-content 0 0;
}

.ms_pill.button:hover {
  background: var(--pill-button-hover-color, var(--surface-container-high, #e7e8eb));
}

.ms_pill.button:hover .icon .ms_svg_fill {
  fill: var(--pill-button-icon-hover-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_pill.button:hover .icon .ms_svg_stroke {
  stroke: var(--pill-button-icon-hover-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_pill .context_icon {
  width: 18px;
  height: 18px;
  margin-right: 4px;
}

.ms_pill .context_icon svg {
  width: 100%;
  height: 100%;
}

.ms_pill .context_icon .ms_svg_fill {
  fill: var(--pill-icon-color, var(--ms-icon-light-color, white));
}

.ms_pill .context_icon .ms_svg_stroke {
  stroke: var(--pill-icon-color, var(--ms-icon-light-color, white));
}

.ms_pill_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ms_pill_list .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ms_pill_list.horizontal {
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  gap: 16px;
}

.ms_pill_list.horizontal .wrapper {
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  gap: 16px;
}

.ms_pill_list.horizontal .button .text {
  display: none;
}

.ms_pill_list.vertical {
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  gap: 8px;
}

.ms_pill_list.vertical .wrapper {
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  gap: 8px;
}

.ms_pill_selection {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, min(100% - 0px, max(150px, 1% - 15.84px))));
  gap: 16px;
}

.ms_info {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 18px;
  height: 18px;
}

.ms_info_icon {
  max-width: 100%;
  max-height: 100%;
}

.ms_info_icon .ms_svg_fill {
  fill: var(--info-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_info_icon .ms_svg_stroke {
  stroke: var(--info-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_info_icon:hover .ms_svg_fill {
  fill: var(--info-icon-hover-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_info_icon:hover .ms_svg_stroke {
  stroke: var(--info-icon-hover-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_info_icon.light .ms_svg_fill {
  fill: var(--info-light-icon-color, var(--ms-icon-light-color, white));
}

.ms_info_icon.light .ms_svg_stroke {
  stroke: var(--info-light-icon-color, var(--ms-icon-light-color, white));
}

.ms_info_icon.light:hover .ms_svg_fill {
  fill: var(--info-light-icon-hover-color, var(--ms-icon-light-hover-color, var(--inverse-primary, #a6c8ff)));
}

.ms_info_icon.light:hover .ms_svg_stroke {
  stroke: var(--info-light-icon-hover-color, var(--ms-icon-light-hover-color, var(--inverse-primary, #a6c8ff)));
}

@-webkit-keyframes visible {
  0% {
    opacity: 0;
  }
  67% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes visible {
  0% {
    opacity: 0;
  }
  67% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.hasTooltip:hover > .ms_tooltip {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-animation: visible 750ms forwards;
  animation: visible 750ms forwards;
}

.ms_tooltip {
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
  line-height: 20px;
  position: fixed;
  z-index: 9999;
  display: none;
  flex-direction: column;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 325px;
  padding: 12px 16px;
  text-align: start;
  letter-spacing: 0;
  pointer-events: none;
  opacity: 0;
  color: var(--tooltip-font-color, var(--surface, #f9f9fc));
  border-radius: 12px;
  background: var(--tooltip-color, var(--dark-surface, #111416));
  -webkit-box-shadow: var(--tooltip-shadow, 0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3));
  box-shadow: var(--tooltip-shadow, 0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3));
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 4px;
}

.ms_tooltip.content_only {
  font-size: 12px;
  line-height: 16px;
  padding: 4px 8px;
  border-radius: 4px;
}

.ms_tooltip.dim_tooltip .grid {
  display: grid;
  grid-template-columns: auto auto;
  gap: 4px;
}

.ms_tooltip_title {
  font-weight: 600;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ms_tooltip_content {
  font-weight: 400;
  white-space: normal;
  word-break: break-word;
}

.ms_stepper_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 80%;
  margin: 10px 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ms_stepper_item {
  width: 32px;
  padding: 0 260px 0 0;
}

.ms_stepper_item_icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ms_stepper_item_icon > .check {
  min-width: 40px;
  height: 40px;
  padding: 12px 0 0 12px;
  color: var(--stepper-icon-checkmark-color, white);
  border-radius: 20px;
  background-color: var(--stepper-icon-check-color, var(--lightgreen, #8dc63f));
}

.ms_stepper_item_icon > .svg {
  min-width: 40px;
  height: 40px;
}

.ms_stepper_item_icon > .svg .ms_svg_fill {
  fill: var(--stepper-icon-color, var(--night-blue, #132c4a));
}

.ms_stepper_item_icon > .svg .ms_svg_stroke {
  stroke: var(--stepper-icon-color, var(--night-blue, #132c4a));
}

.ms_stepper_item_icon > .svg > svg {
  width: auto;
  height: 100%;
}

.ms_stepper_item_icon > .line {
  min-width: 200px;
  margin: 0 10px 0 10px;
  border: solid 1px var(--stepper-line-color, var(--light-grey, #d8d8d8));
  border-radius: 1px;
}

.ms_stepper_item_text {
  font-size: 12px;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  width: 260px;
  margin: 7px 0 0 0;
  color: var(--stepper-text-font-color, var(--title-font-color, var(--night-blue, #132c4a)));
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
}

.ms_stepper_item_text > .step {
  font-weight: 500;
  color: var(--stepper-number-font-color, #9d9d9d);
}

.ms_stepper_item.last {
  padding: 0;
}

.ms_details {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-transition: padding 250ms ease-in;
  transition: padding 250ms ease-in;
  border-radius: 4px;
  background: var(--details-background-color, white);
  -webkit-box-shadow: var(--details-shadow, 2px 2px 16px 12px rgba(159, 159, 159, 0.13));
  box-shadow: var(--details-shadow, 2px 2px 16px 12px rgba(159, 159, 159, 0.13));
}

.ms_details summary {
  font-size: 22px;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 24px 8px 24px;
  list-style: none;
  color: var(--details-summary-font-color, var(--font-color, var(--dark-blue, #272e36)));
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ms_details summary::marker {
  display: none;
}

.ms_details summary .ms_svg_toggle {
  margin-left: auto;
}

.ms_details:not(.open) {
  padding-bottom: 8px;
}

.ms_details .content {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.select_none {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select_none_all {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select_none_all * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.force_select {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important;
}

.hideElement {
  display: none !important;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  overflow: hidden;
  height: 100%;
}

body {
  margin: 0;
}

a:link,
a:visited {
  text-decoration: none;
}

a:hover,
a:active {
  text-decoration: underline;
}

.mosaik {
  font-family: Montserrat, Clear Sans;
  font-size: 15px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  height: 100vh;
  margin: auto;
  color: var(--font-color, var(--dark-blue, #272e36));
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.licenses {
  overflow: auto;
  padding: 0 15px;
  scrollbar-gutter: stable both-edges;
}

main {
  position: relative;
  overflow-y: hidden;
  min-height: 20px;
  background: var(--background, #f5f7fb);
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

/*
 * styles for standard elements like buttons, inputs, ...
 */
select::-ms-expand {
  display: none;
}

.ms_error_pane {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  text-align: center;
  color: var(--error-font-color, var(--error-color, var(--signal-pink, #f01e54)));
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#mosaik_error_start {
  margin-top: 25px;
}

#mosaik_error_start:not(:hover):not(:active) {
  color: var(--font-color, var(--dark-blue, #272e36));
}

header {
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  height: 46px;
  background-color: var(--header-color, white);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ms_header_left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  padding-right: 50px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.ms_header_left > .suite {
  height: 46px;
  padding-right: 25px;
}

.ms_header_left > .img,
.ms_header_left > .svg {
  height: max(17px, min(46px, var(--header-left-logo-height, 17px)));
}

.ms_header_left > .img > svg,
.ms_header_left > .svg > svg {
  width: auto;
  height: 100%;
}

.ms_header_left > .img .ms_svg_fill,
.ms_header_left > .svg .ms_svg_fill {
  fill: var(--header-left-icon-color, var(--title-font-color, var(--night-blue, #132c4a)));
}

.ms_header_left > .img .ms_svg_stroke,
.ms_header_left > .svg .ms_svg_stroke {
  stroke: var(--header-left-icon-color, var(--title-font-color, var(--night-blue, #132c4a)));
}

.ms_header_left > .icon {
  font-size: 17px;
  line-height: 17px;
  color: var(--header-left-icon-color, var(--title-font-color, var(--night-blue, #132c4a)));
}

.ms_header_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1.2;
  -ms-flex: 1.2;
  flex: 1.2;
}

.ms_header_title > .img,
.ms_header_title > .svg {
  height: 20px;
  padding: 0 5px;
}

.ms_header_title > .img > svg,
.ms_header_title > .svg > svg {
  width: auto;
  height: 100%;
}

.ms_header_title > .img .ms_svg_fill,
.ms_header_title > .svg .ms_svg_fill {
  fill: var(--header-center-icon-color, var(--title-font-color, var(--night-blue, #132c4a)));
}

.ms_header_title > .img .ms_svg_stroke,
.ms_header_title > .svg .ms_svg_stroke {
  stroke: var(--header-center-icon-color, var(--title-font-color, var(--night-blue, #132c4a)));
}

.ms_header_title > .icon {
  font-size: 20px;
  line-height: 20px;
  color: var(--header-center-icon-color, var(--title-font-color, var(--night-blue, #132c4a)));
}

.ms_header_title > .text {
  padding: 0 5px;
  color: var(--header-center-font-color, var(--title-font-color, var(--night-blue, #132c4a)));
}

.ms_header_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  padding: 0 25px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.ms_header_right_img {
  width: auto;
  height: 17px;
  padding-right: 25px;
}

.ms_header_right .ms_header_right_img svg {
  cursor: pointer;
}

.ms_header_right .ms_header_right_img .ms_svg_fill {
  fill: var(--header-right-icon-color, var(--ms-second-icon-color, var(--outline, #6f797a)));
}

.ms_header_right .ms_header_right_img .ms_svg_stroke {
  stroke: var(--header-right-icon-color, var(--ms-second-icon-color, var(--outline, #6f797a)));
}

.ms_header_right .ms_header_right_img:hover .ms_svg_fill {
  fill: var(--header-right-icon-hover-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_header_right .ms_header_right_img:hover .ms_svg_stroke {
  stroke: var(--header-right-icon-hover-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 38px;
  padding: 10px 20px;
  background: var(--breadcrumb-background-color, var(--header-color, white));
  gap: 5px;
}

.ms_breadcrumb > h3 {
  margin: 0;
}

.ms_breadcrumb > h3.page {
  overflow: hidden;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--breadcrumb-font-color, var(--title-font-color, var(--night-blue, #132c4a)));
}

.ms_breadcrumb > h3.page:hover {
  text-decoration: underline;
}

.ms_breadcrumb > h3.separator {
  color: var(--breadcrumb-font-color, var(--title-font-color, var(--night-blue, #132c4a)));
}

footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 22px;
  background-color: var(--footer-color, var(--dark-blue, #272e36));
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ms_footer_left .ms_footer_left_icon svg,
.ms_footer_left .ms_footer_right_icon svg,
.ms_footer_right .ms_footer_left_icon svg,
.ms_footer_right .ms_footer_right_icon svg {
  cursor: pointer;
}

.ms_footer_left .ms_footer_left_icon .ms_svg_fill,
.ms_footer_left .ms_footer_right_icon .ms_svg_fill,
.ms_footer_right .ms_footer_left_icon .ms_svg_fill,
.ms_footer_right .ms_footer_right_icon .ms_svg_fill {
  fill: var(--footer-icon-color, #cfcfcf);
}

.ms_footer_left .ms_footer_left_icon .ms_svg_stroke,
.ms_footer_left .ms_footer_right_icon .ms_svg_stroke,
.ms_footer_right .ms_footer_left_icon .ms_svg_stroke,
.ms_footer_right .ms_footer_right_icon .ms_svg_stroke {
  stroke: var(--footer-icon-color, #cfcfcf);
}

.ms_footer_left .ms_footer_left_icon:hover .ms_svg_fill,
.ms_footer_left .ms_footer_right_icon:hover .ms_svg_fill,
.ms_footer_right .ms_footer_left_icon:hover .ms_svg_fill,
.ms_footer_right .ms_footer_right_icon:hover .ms_svg_fill {
  fill: var(--footer-icon-hover-color, var(--ms-icon-light-hover-color, var(--inverse-primary, #a6c8ff)));
}

.ms_footer_left .ms_footer_left_icon:hover .ms_svg_stroke,
.ms_footer_left .ms_footer_right_icon:hover .ms_svg_stroke,
.ms_footer_right .ms_footer_left_icon:hover .ms_svg_stroke,
.ms_footer_right .ms_footer_right_icon:hover .ms_svg_stroke {
  stroke: var(--footer-icon-hover-color, var(--ms-icon-light-hover-color, var(--inverse-primary, #a6c8ff)));
}

.ms_footer_version {
  font-size: 10px;
  font-weight: 500;
  position: absolute;
  width: 40%;
  text-align: center;
  letter-spacing: -0.07px;
  color: var(--footer-font-color, #cfcfcf);
}

.ms_footer_left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ms_footer_left_icon {
  width: auto;
  height: 16px;
  margin-left: 10px;
}

.ms_footer_left_icon > svg {
  width: auto;
  height: 100%;
}

.ms_footer_space {
  width: 100%;
}

.ms_footer_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 22px;
}

.ms_footer_right_icon {
  width: auto;
  height: 16px;
  margin-top: 3px;
  margin-right: 10px;
}

.ms_footer_right_icon > svg {
  width: auto;
  height: 100%;
}

.ms_session_bar {
  width: 100%;
  margin-top: 5.5px;
  padding: 2px;
  border: var(--footer-timer-color, #cfcfcf) solid 1px;
  border-radius: 4.5px;
}

.ms_session_bar_wrapper {
  display: none;
  width: 100px;
  height: 100%;
  margin-right: 10px;
}

.ms_session_bar_filler {
  display: block;
  width: 100%;
  height: 3px;
  border-radius: 1.5px;
  background-color: var(--footer-timer-color, #cfcfcf);
}

.ms_tb {
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: scroll;
  flex-direction: column;
  -webkit-transition: -webkit-box-flex 500ms;
  transition: -webkit-box-flex 500ms;
  transition: flex 500ms;
  transition: flex 500ms, -webkit-box-flex 500ms, -ms-flex 500ms;
  color: var(--tb-font-color, var(--night-blue, #132c4a));
  background: var(--tb-color, white);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 173px;
  flex: 0 0 173px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.ms_tb::-webkit-scrollbar {
  width: 0 !important;
}

.ms_tb i {
  -webkit-transition: font-size 500ms;
  transition: font-size 500ms;
}

.ms_tb.closed {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50px;
  flex: 0 0 50px;
}

.ms_tb.closed .ms_tb_arrow {
  width: 20px;
  margin: 0 15px 0 auto;
}

.ms_tb.closed i {
  font-size: 20px;
  line-height: 32px;
}

.ms_tb.closed .ms_tb_nav_icon_img {
  width: 20px;
  height: 20px;
}

.ms_tb.closed .ms_tb_container {
  padding-bottom: 0;
}

.ms_tb.closed .ms_tb_item {
  height: 32px;
}

.ms_tb.closed .ms_tb_text {
  opacity: 0;
}

.ms_tb.closed .ms_tb_header:not(.ms_tb_sandbox_header) {
  height: 0;
}

.ms_tb.closed .ms_tb_sandbox_header {
  height: 32px;
  color: #fff;
}

.ms_tb.closed .ms_tb_sandbox_header .ms_tb_overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ms_tb {
  /*
  * Style for the arrow that closes the sidebar
  */
}

.ms_tb_arrow {
  width: 16px;
  min-height: 56px;
  margin: 0 17px 0 auto;
  -webkit-transition: all 500ms;
  transition: all 500ms;
}

.ms_tb {
  /*
  * Style for the items in the sidebar
  */
}

.ms_tb_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  padding-bottom: 10px;
  -webkit-transition: padding-bottom 500ms;
  transition: padding-bottom 500ms;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.ms_tb_header {
  line-height: 24px;
  height: 24px;
  padding-left: 12px;
  cursor: default;
}

.ms_tb_header_text {
  font-size: 13px;
  font-weight: bold;
  -webkit-transition: height 500ms;
  transition: height 500ms;
}

.ms_tb_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  min-height: 24px;
  padding: 4px 12px;
  cursor: pointer;
  -webkit-transition: height 500ms;
  transition: height 500ms;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ms_tb_item .ms_tb_text {
  overflow: hidden;
  min-width: 123px;
  margin: 0 3px;
  -webkit-transition: opacity 500ms;
  transition: opacity 500ms;
  text-overflow: ellipsis;
  opacity: 1;
}

.ms_tb_item[selected] {
  padding: 0 12px 0 8px;
  border-left: 4px solid var(--tb-item-selected-border-color, var(--night-blue, #132c4a));
  background-color: var(--tb-item-selected-background-color, var(--background, #f5f7fb));
}

.ms_tb .ms_tooltip:has(+ .ms_tb_overlay:hover) {
  display: none;
}

.ms_tb_overlay {
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  bottom: 0;
  display: none;
  padding-right: 12px;
  pointer-events: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ms_tb_overlay_action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  margin: auto 1px;
  cursor: pointer;
  pointer-events: all;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ms_tb_overlay_action svg {
  width: auto;
  height: 100%;
}

.ms_tb_overlay_action .ms_svg_fill {
  fill: var(--tb-item-overlay-icon-color, var(--ms-icon-light-color, white));
}

.ms_tb_overlay_action .ms_svg_stroke {
  stroke: var(--tb-item-overlay-icon-color, var(--ms-icon-light-color, white));
}

.ms_tb_overlay_action .ms_svg_fill {
  fill: var(--tb-item-overlay-icon-color, var(--ms-icon-light-color, white)) !important;
}

.ms_tb_overlay_action .ms_svg_stroke {
  stroke: var(--tb-item-overlay-icon-color, var(--ms-icon-light-color, white)) !important;
}

.ms_tb_overlay_action:hover .ms_svg_fill {
  fill: var(--tb-item-overlay-icon-hover-color, var(--ms-icon-light-hover-color, var(--inverse-primary, #a6c8ff))) !important;
}

.ms_tb_overlay_action:hover .ms_svg_stroke {
  stroke: var(--tb-item-overlay-icon-hover-color, var(--ms-icon-light-hover-color, var(--inverse-primary, #a6c8ff))) !important;
}

.ms_tb_overlay_action:hover.warning .ms_svg_fill {
  fill: var(--tb-item-overlay-icon-hover-warning-color, var(--ms-icon-warning-hover-color, var(--signal-pink, #f01e54))) !important;
}

.ms_tb_overlay_action:hover.warning .ms_svg_stroke {
  stroke: var(--tb-item-overlay-icon-hover-warning-color, var(--ms-icon-warning-hover-color, var(--signal-pink, #f01e54))) !important;
}

.ms_tb_overlay_action i {
  color: var(--tb-item-overlay-icon-color, var(--ms-icon-light-color, white)) !important;
}

.ms_tb_overlay_action i:hover {
  color: var(--tb-item-overlay-icon-hover-color, var(--ms-icon-light-hover-color, var(--inverse-primary, #a6c8ff))) !important;
}

.ms_tb {
  /*
  * Styles for the sandboxes
  */
}

.ms_tb_sandbox_header {
  position: relative;
}

.ms_tb_sandbox_item {
  position: relative;
  min-height: 30px;
}

.ms_tb_sandbox_item:not([clickable]),
.ms_tb_sandbox_item .ms_tb_sandbox_item[selected] {
  cursor: default;
}

.ms_tb_nav_icon {
  max-height: 16px;
  -ms-flex-item-align: center;
  align-self: center;
}

.ms_tb_nav_icon_img {
  width: auto;
  min-width: 16px;
  height: 16px;
  margin-right: 2px;
  margin-left: 2px;
  -webkit-transition: height, width 500ms;
  transition: height, width 500ms;
}

.ms_tb {
  /*
  * Styles for the eventmenu
  */
}

.ms_tb_eventmenu {
  font-size: 12px;
  position: absolute;
  z-index: 10000;
  width: 0;
  border-radius: 4px;
  background: var(--tb-color, white);
  -webkit-box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.1);
}

.ms_tb_eventmenu_item {
  color: var(--tb-font-color, var(--night-blue, #132c4a));
}

.ms_tb_eventmenu_item_text {
  overflow: hidden;
  margin: 0 3px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ms_tb_eventmenu_item .ms_svg_fill {
  fill: var(--tb-menu-icon-color, var(--night-blue, #132c4a));
}

.ms_tb_eventmenu_item .ms_svg_stroke {
  stroke: var(--tb-menu-icon-color, var(--night-blue, #132c4a));
}

.ms_tb_eventmenu_item:hover .ms_svg_fill {
  fill: var(--tb-menu-hover-icon-color, white);
}

.ms_tb_eventmenu_item:hover .ms_svg_stroke {
  stroke: var(--tb-menu-hover-icon-color, white);
}

.ms_tb .ms_tb_item .ms_svg_fill {
  fill: var(--tb-item-icon-color, var(--night-blue, #132c4a));
}

.ms_tb .ms_tb_item .ms_svg_stroke {
  stroke: var(--tb-item-icon-color, var(--night-blue, #132c4a));
}

.ms_tb .ms_tb_item:hover .ms_svg_fill {
  fill: var(--tb-item-hover-icon-color, white);
}

.ms_tb .ms_tb_item:hover .ms_svg_stroke {
  stroke: var(--tb-item-hover-icon-color, white);
}

.ms_tb:not(.closed) .ms_tb_item:not(:hover):not(:active) .ms_svg_fill {
  fill: var(--tb-open-item-icon-color, var(--outline, #6f797a));
}

.ms_tb:not(.closed) .ms_tb_item:not(:hover):not(:active) .ms_svg_stroke {
  stroke: var(--tb-open-item-icon-color, var(--outline, #6f797a));
}

.ms_tb:not(.closed) .ms_tb_item:not(:hover):not(:active) i {
  color: var(--tb-open-item-icon-color, var(--outline, #6f797a));
}

.ms_tb_sandbox_header:hover,
.ms_tb_item:not(.ms_tb_sandbox_item):hover,
.ms_tb_sandbox_item[clickable]:not([selected]):hover {
  color: var(--tb-item-hover-font-color, white);
  background-color: var(--tb-item-hover-color, var(--blue, #285d9d));
}

.ms_tb_sandbox_item[clickable][selected]:hover .ms_tb_nav_icon_img .ms_svg_fill {
  fill: var(--tb-font-color, var(--night-blue, #132c4a));
}

.ms_tb_sandbox_item[clickable][selected]:hover .ms_tb_nav_icon_img .ms_svg_stroke {
  stroke: var(--tb-font-color, var(--night-blue, #132c4a));
}

.ms_tb:not(.closed) .ms_tb_sandbox_item:not([clickable]) .ms_tb_nav_icon_img .ms_svg_fill {
  fill: var(--tb-open-item-icon-color, var(--outline, #6f797a));
}

.ms_tb:not(.closed) .ms_tb_sandbox_item:not([clickable]) .ms_tb_nav_icon_img .ms_svg_stroke {
  stroke: var(--tb-open-item-icon-color, var(--outline, #6f797a));
}

.ms_tb.closed .ms_tb_sandbox_item:not([clickable]) .ms_tb_nav_icon_img .ms_svg_fill {
  fill: var(--tb-item-icon-color, var(--night-blue, #132c4a));
}

.ms_tb.closed .ms_tb_sandbox_item:not([clickable]) .ms_tb_nav_icon_img .ms_svg_stroke {
  stroke: var(--tb-item-icon-color, var(--night-blue, #132c4a));
}

.ms_tb_header:not([selected]):hover .ms_tb_overlay,
.ms_tb_sandbox_item:not([selected]):hover .ms_tb_overlay,
.ms_tb_item:not([selected]):hover .ms_tb_overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--tb-item-hover-color, var(--blue, #285d9d));
}

.ms_dialog {
  position: absolute;
  z-index: 12;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow-y: auto;
  flex-direction: column;
  padding: 30px;
  background-color: var(--dialog-overlay-color, rgba(0, 0, 0, 0.4));
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ms_dialog_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  max-width: calc(100% - 60px);
  max-height: calc(100% - 60px);
  padding: 20px;
  border-radius: 14px;
  background-color: var(--dialog-background-color, white);
  -webkit-box-shadow: var(--dialog-shadow, 1px 2px 4px rgba(0, 0, 0, 0.5));
  box-shadow: var(--dialog-shadow, 1px 2px 4px rgba(0, 0, 0, 0.5));
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ms_dialog_deactivation {
  position: absolute;
  z-index: 12;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 14px;
  background-color: var(--dialog-overlay-color, rgba(0, 0, 0, 0.4));
}

.ms_dialog_header {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ms_dialog_header_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  margin-left: 30px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ms_dialog_header_right svg {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.ms_dialog_header_right svg .ms_svg_fill {
  fill: var(--dialog-header-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_dialog_header_right svg .ms_svg_stroke {
  stroke: var(--dialog-header-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_dialog_header_right svg:hover .ms_svg_fill {
  fill: var(--dialog-header-icon-hover-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_dialog_header_right svg:hover .ms_svg_stroke {
  stroke: var(--dialog-header-icon-hover-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_dialog_title {
  margin: 0;
  color: var(--dialog-header-font-color, var(--title-font-color, var(--night-blue, #132c4a)));
}

.ms_dialog_message {
  min-height: 40px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.ms_dialog_close {
  width: 18px;
  height: 18px;
  margin: 1px 0;
}

.ms_dialog_dimcontent_header_icon {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.ms_dialog_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  margin: 13px 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ms_dialog_content .dim_content_box {
  width: 100%;
  min-width: 300px;
}

.ms_dialog_content .empty_dialog_div {
  width: 100%;
  min-width: 300px;
}

.ms_dialog_content .empty_dialog_div .ms_editor_process_tabs .content {
  height: 100%;
}

.ms_dialog_content .empty_dialog_div .ms_editor_process_tabs .content .tab_content {
  height: 100%;
}

.ms_dialog_content {
  max-width: inherit;
  max-height: inherit;
}

.ms_dialog_table {
  font-size: 12px;
  overflow: auto;
}

.ms_dialog_icon {
  font-size: 18px;
  padding-right: 10px;
}

.ms_dialog_form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ms_dialog_line {
  margin: 5px;
}

.ms_dialog_footer {
  display: none;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.ms_dialog_footer .ms_button {
  margin: 5px;
}

.ms_dialog_footer > .buttonWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  margin-top: 8px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.ms_dialog_footer > .buttonWrapper > .left {
  min-width: 75px;
  margin-right: auto;
}

.ms_dialog_export {
  width: 100%;
}

.ms_dialog_export_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  padding: 10px 5px 10px 5px;
  cursor: pointer;
  color: var(--dialog-export-font-color, var(--font-color, var(--dark-blue, #272e36)));
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
}

.ms_dialog_export_item_icon {
  -ms-flex-item-align: center;
  align-self: center;
}

.ms_dialog_export_item_icon i {
  color: var(--dialog-export-icon-color, var(--font-color, var(--dark-blue, #272e36)));
}

.ms_dialog_export_item:hover {
  color: var(--dialog-export-hover-font-color, var(--light-font-color, white));
  background-color: var(--dialog-export-hover-color, var(--night-blue, #132c4a));
}

.ms_dialog_export_item:hover i {
  color: var(--dialog-export-hover-icon-color, var(--light-font-color, white));
}

.ms_dialog_export_item_text {
  padding-left: 10px;
}

.ms_dialog_erroricon {
  padding: 0 5px 0 5px;
}

.ms_dialog_error_message {
  padding: 5px 0 5px 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
  opacity: 0;
  color: var(--error-font-color, var(--error-color, var(--signal-pink, #f01e54)));
}

.ms_dialog_focus {
  position: absolute;
  top: calc(100% - 40px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 160px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  height: 60px;
  border-radius: 42px;
  background: var(--dialog-focus-color, white);
  -webkit-box-shadow: var(--dialog-focus-shadow, 0 2px 10px 0 rgba(0, 0, 0, 0.5));
  box-shadow: var(--dialog-focus-shadow, 0 2px 10px 0 rgba(0, 0, 0, 0.5));
}

.ms_dialog_focus_arrow {
  height: 60px;
  padding: 0 10px;
  cursor: pointer;
}

.ms_dialog_focus_arrow .ms_svg_fill {
  fill: var(--dialog-focus-arrow-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_dialog_focus_arrow .ms_svg_stroke {
  stroke: var(--dialog-focus-arrow-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_dialog_focus_arrow:hover .ms_svg_fill {
  fill: var(--dialog-focus-arrow-hover-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_dialog_focus_arrow:hover .ms_svg_stroke {
  stroke: var(--dialog-focus-arrow-hover-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_dialog_focus_arrow > svg {
  width: auto;
  height: 60px;
}

.ms_warning_dialog {
  color: var(--dialog-message-warning-color, var(--warning-color, darkorange));
}

.ms_error_dialog {
  color: var(--dialog-message-error-color, var(--error-color, var(--signal-pink, #f01e54)));
}

.ms_info_dialog {
  color: var(--dialog-message-info-color, var(--info-color, darkgreen));
}

.ms_question_dialog {
  color: var(--dialog-message-question-color, var(--question-color, var(--dark-blue, #272e36)));
}

.ms_help_dialog_main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ms_fill_available {
  min-width: -moz-available; /* WebKit-based browsers will ignore this. */
  min-width: -webkit-stretch; /* Mozilla-based browsers will ignore this. */
  min-width: -webkit-fill-available;
  min-width: stretch;
}

.ms_progress {
  position: fixed;
  z-index: 13;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow-y: auto;
  flex-direction: column;
  -webkit-transition: width 600ms;
  transition: width 600ms;
  opacity: 0;
  background-color: var(--progress-overlay-color, rgba(0, 0, 0, 0.5));
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ms_progress_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  padding: 2px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
}

.ms_progress_message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 30px 10px 30px;
  color: var(--progress-font-color, var(--light-font-color, white));
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ms_progress_footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ms_progress_close {
  font-size: 50px;
  position: absolute;
  top: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  cursor: pointer;
  text-align: center;
  opacity: 0.8;
  color: var(--progress-close-icon-color, var(--ms-icon-light-color, white));
}

.ms_frames {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* layout children */
  overflow-y: auto;
  width: 100%;
  height: 100%;
  /* layout this container */
  min-height: 20px;
}

.ms_frames[orientation=horizontal] {
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
}

.ms_frames[orientation=vertical] {
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
}

.ms_frames_set {
  /* layout children */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-y: auto;
  flex-direction: column;
  min-height: 20px;
  margin: 7px;
  /* layout this container */
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
}

.ms_frames_set.single_frame,
.ms_frames_set.single_frame .ms_frames_frame,
.ms_frames_set.single_frame .ms_frames_frame_content {
  margin: 0;
}

.ms_frames_area_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.ms_frames_collapsible {
  padding: 10px;
}

.ms_frames_collapsible:hover {
  padding-left: 7px;
  border-left: solid 3px var(--row-collapsible-indicator-color, var(--lightgreen, #8dc63f));
}

.ms_frames_collapsible_arrow {
  width: 18px;
  height: 18px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.ms_frames_collapsible_text {
  line-height: 37px;
  height: 38px;
  margin: 0;
  padding-left: 11px;
  color: var(--row-closed-font-color, var(--title-font-color, var(--night-blue, #132c4a)));
  border-bottom: solid 1px var(--row-closed-border-color, var(--light-grey, #d8d8d8));
  background: var(--row-closed-background-color, white);
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.ms_frames_collapsible_empty {
  width: 38px;
}

.ms_frames_frame {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  max-height: -webkit-fill-available;
  max-height: -moz-available;
  max-height: stretch;
  margin: 7px;
  -webkit-box-shadow: var(--frame-shadow, 2px 2px 7px 0 rgba(0, 0, 0, 0.1));
  box-shadow: var(--frame-shadow, 2px 2px 7px 0 rgba(0, 0, 0, 0.1));
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.ms_frames_frame.highlight {
  -webkit-box-shadow: var(--frame-highlight-shadow, 0 0 7px 2px var(--lightgreen, #8dc63f));
  box-shadow: var(--frame-highlight-shadow, 0 0 7px 2px var(--lightgreen, #8dc63f));
}

.ms_dialog_content .ms_frames_frame {
  margin: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ms_frames_frame_content {
  /* layout children */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  flex-direction: column;
  width: 100%;
  margin: 7px;
  -webkit-box-shadow: var(--frame-shadow, 2px 2px 7px 0 rgba(0, 0, 0, 0.1));
  box-shadow: var(--frame-shadow, 2px 2px 7px 0 rgba(0, 0, 0, 0.1));
  /* layout this container */
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
}

.ms_frames_frame_content .ms_frames_frame {
  height: calc(100% - 38px);
  margin: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ms_frames_frame_content.highlight {
  -webkit-box-shadow: var(--frame-highlight-shadow, 0 0 7px 2px var(--lightgreen, #8dc63f));
  box-shadow: var(--frame-highlight-shadow, 0 0 7px 2px var(--lightgreen, #8dc63f));
}

.ms_frames_frame_title {
  line-height: 37px;
  height: 38px;
  margin: 0;
  padding-left: 11px;
  color: var(--frame-title-font-color, var(--title-font-color, var(--night-blue, #132c4a)));
}

iframe {
  width: -moz-available;
  width: -webkit-stretch;
  width: 100%;
  height: -webkit-stretch;
  height: -moz-available;
  height: 100%;
  border: 0;
}

/* Scrollbars */
::-webkit-scrollbar {
  width: 10px; /* for vertical scrollbars */
  height: 10px; /* for horizontal scrollbars */
}

::-webkit-scrollbar-track {
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.5);
}

.ms_icon .ms_svg_fill {
  fill: var(--ms-icon-color, var(--blue, #285d9d));
}

.ms_icon .ms_svg_stroke {
  stroke: var(--ms-icon-color, var(--blue, #285d9d));
}

.ms_icon.second .ms_svg_fill {
  fill: var(--ms-second-icon-color, var(--outline, #6f797a));
}

.ms_icon.second .ms_svg_stroke {
  stroke: var(--ms-second-icon-color, var(--outline, #6f797a));
}

.ms_icon.light .ms_svg_fill {
  fill: var(--ms-icon-light-color, white);
}

.ms_icon.light .ms_svg_stroke {
  stroke: var(--ms-icon-light-color, white);
}

.ms_clickable_svg {
  cursor: pointer;
}

.ms_clickable_svg:hover {
  color: var(--ms-icon-hover-color, var(--night-blue, #132c4a)) !important;
}

.ms_clickable_svg:hover.ms_svg_stroke,
.ms_clickable_svg:hover .ms_svg_stroke {
  stroke: var(--ms-icon-hover-color, var(--night-blue, #132c4a)) !important;
}

.ms_clickable_svg:hover.ms_svg_fill,
.ms_clickable_svg:hover .ms_svg_fill {
  fill: var(--ms-icon-hover-color, var(--night-blue, #132c4a)) !important;
}

.ms_clickable_svg.light:hover {
  color: var(--ms-icon-light-hover-color, var(--inverse-primary, #a6c8ff)) !important;
}

.ms_clickable_svg.light:hover.ms_svg_stroke,
.ms_clickable_svg.light:hover .ms_svg_stroke {
  stroke: var(--ms-icon-light-hover-color, var(--inverse-primary, #a6c8ff)) !important;
}

.ms_clickable_svg.light:hover.ms_svg_fill,
.ms_clickable_svg.light:hover .ms_svg_fill {
  fill: var(--ms-icon-light-hover-color, var(--inverse-primary, #a6c8ff)) !important;
}

.ms_clickable_svg.warning:hover,
.ms_clickable_svg.light.warning:hover {
  color: var(--ms-icon-warning-hover-color, var(--signal-pink, #f01e54)) !important;
}

.ms_clickable_svg.warning:hover.ms_svg_stroke,
.ms_clickable_svg.warning:hover .ms_svg_stroke,
.ms_clickable_svg.light.warning:hover.ms_svg_stroke,
.ms_clickable_svg.light.warning:hover .ms_svg_stroke {
  stroke: var(--ms-icon-warning-hover-color, var(--signal-pink, #f01e54)) !important;
}

.ms_clickable_svg.warning:hover.ms_svg_fill,
.ms_clickable_svg.warning:hover .ms_svg_fill,
.ms_clickable_svg.light.warning:hover.ms_svg_fill,
.ms_clickable_svg.light.warning:hover .ms_svg_fill {
  fill: var(--ms-icon-warning-hover-color, var(--signal-pink, #f01e54)) !important;
}

.ms_svg_toggle {
  cursor: pointer;
}

.ms_svg_toggle g {
  stroke: var(--svg-toggle-color, var(--ms-second-icon-color, var(--outline, #6f797a))) !important;
}

.ms_svg_toggle.light g {
  stroke: var(--svg-toggle-light-color, white) !important;
}

.ms_svg_toggle:not(.light).closed g {
  stroke: var(--svg-toggle-closed-color, var(--ms-icon-color, var(--blue, #285d9d))) !important;
}

.ms_svg_toggle:hover:not(.light) g,
.ms_svg_toggle:hover:not(.light).closed g {
  stroke: var(--ms-icon-hover-color, var(--night-blue, #132c4a)) !important;
}

.ms_svg_toggle:hover.light g {
  stroke: var(--ms-icon-light-hover-color, var(--inverse-primary, #a6c8ff)) !important;
}

.ms_svg_toggle.disabled,
.ms_svg_toggle:hover.disabled {
  cursor: default !important;
}

.ms_svg_toggle.disabled g,
.ms_svg_toggle:hover.disabled g {
  pointer-events: none !important;
  stroke: var(--button-disabled-color, var(--light-grey, #d8d8d8)) !important;
}

.ms_svg_drag {
  cursor: -webkit-grab;
  cursor: grab;
}

.ms_configurator {
  height: 0;
  opacity: 0;
}

.ms_configurator > .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  height: 46px;
  padding: 0 25px;
  background-color: var(--configurator-header-color, var(--dark-blue, #272e36));
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ms_configurator > .header > *:first-child {
  position: fixed;
  left: 25px;
}

.ms_configurator > .header > *:last-child {
  position: fixed;
  right: 25px;
}

.ms_configurator > .header h3 {
  color: var(--configurator-header-font-color, var(--light-font-color, white));
}

.ms_configurator > .header > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
}

.ms_configurator .main {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.ms_configurator .main_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-y: auto;
  flex-direction: row;
  height: calc(100% - 46px);
  padding: 0 92px 0 92px;
  scrollbar-gutter: stable both-edges;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
}

.ms_configurator .main > .ms_details {
  margin: 24px;
  margin-bottom: 40px;
}

.ms_configurator .main > .ms_details > .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  margin: 0 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  gap: 24px;
}

.ms_configurator .main > *:last-child {
  margin-bottom: 64px !important;
}

.ms_configurator .main > *:first-child {
  margin-top: 64px !important;
}

.ms_configurator .fabs {
  position: absolute;
  top: calc(50% - 57px);
  left: calc(100% - 92px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  margin: auto 28.5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  gap: 8px;
}

.ms_configurator .fabs .fab {
  font-size: 14px;
  font-weight: 500;
  color: var(--configurator-floating-button-font-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_configurator .fabs .fab:hover {
  color: var(--configurator-floating-button-hover-font-color, var(--dark-blue, #272e36));
}

.ms_configurator .fabs .fab.selected {
  color: var(--configurator-floating-button-selected-font-color, white);
  background: var(--configurator-floating-button-selected-color, var(--night-blue, #132c4a));
}

.ms_configurator .fab,
.ms_configurator .scroll_up_fab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 33px;
  height: 33px;
  cursor: pointer;
  border-radius: 8px;
  background: var(--configurator-floating-button-color, white);
  -webkit-box-shadow: var(--configurator-floating-button-shadow, 2px 2px 7px 0 rgba(0, 0, 0, 0.1));
  box-shadow: var(--configurator-floating-button-shadow, 2px 2px 7px 0 rgba(0, 0, 0, 0.1));
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ms_configurator .fab:hover,
.ms_configurator .scroll_up_fab:hover {
  background: var(--configurator-floating-button-hover-color, var(--light-grey, #d8d8d8));
}

.ms_configurator .scroll_up_fab {
  position: absolute;
  bottom: 0;
  left: calc(100% - 92px);
  margin: 0 28.5px 8px 28.5px;
}

.ms_configurator .scroll_up_fab > svg {
  width: 20px;
  height: 20px;
}

.ms_configurator .scroll_up_fab .ms_svg_fill {
  fill: var(--configurator-floating-button-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_configurator .scroll_up_fab .ms_svg_stroke {
  stroke: var(--configurator-floating-button-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_configurator .scroll_up_fab:hover .ms_svg_fill {
  fill: var(--configurator-floating-button-hover-icon-color, var(--dark-blue, #272e36));
}

.ms_configurator .scroll_up_fab:hover .ms_svg_stroke {
  stroke: var(--configurator-floating-button-hover-icon-color, var(--dark-blue, #272e36));
}

.ms_configurator_toolbar_collapsible .area,
.ms_configurator_header_collapsible .area {
  border: 1px solid var(--configurator-area-border-color, var(--light-grey, #d8d8d8));
  border-radius: 4px;
}

.ms_configurator_toolbar_collapsible .area .title,
.ms_configurator_header_collapsible .area .title {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 16px;
  color: var(--configurator-area-title-font-color, var(--dark-blue, #272e36));
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.ms_configurator_toolbar_collapsible > .content,
.ms_configurator_header_collapsible > .content {
  padding-bottom: 24px;
}

.ms_configurator_header_collapsible .area {
  padding: 24px 24px 32px 24px;
}

.ms_configurator_header_collapsible .area .titletext {
  padding-bottom: 24px;
}

.ms_configurator_header_collapsible .area .logos {
  display: grid;
  grid-template-rows: -webkit-max-content -webkit-max-content;
  grid-template-rows: max-content max-content;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  grid-auto-flow: row;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  row-gap: 4px;
}

.ms_configurator_header_collapsible .area .logos .logo_title {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--configurator-header-logo-title-font-color, #3f484a);
}

.ms_configurator_header_collapsible .area .logos .logo_title > .ms_info {
  margin-left: 8px;
}

.ms_configurator_header_collapsible .area .logos .logo_select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ms_configurator_header_collapsible .area .logos .logo_button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ms_configurator_toolbar_collapsible .sandbox,
.ms_configurator_toolbar_collapsible .back {
  margin: 0;
}

.ms_configurator_toolbar_collapsible .back {
  padding-bottom: 8px;
}

.ms_configurator_toolbar_collapsible .area {
  padding: 16px 48px 32px 24px;
}

.ms_configurator_toolbar_collapsible .toolbar {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100% - 0px, max(372px, 33.3333333333% - 16px)), 1fr));
  gap: 24px;
}

.ms_configurator_preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  height: 64px;
  padding: 12px;
  border-radius: 8px;
  background: var(--configurator-logo-preview-color, var(--surface-container-high, #e7e8eb));
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ms_configurator_preview.dialog > div,
.ms_configurator_preview.header > div {
  height: 40px;
  margin-right: 8px;
  padding: 8px 16px;
}

.ms_configurator_preview.dialog > div img,
.ms_configurator_preview.dialog > div svg,
.ms_configurator_preview.header > div img,
.ms_configurator_preview.header > div svg {
  width: auto;
  height: 100%;
  max-height: 24px;
}

.ms_configurator_preview.dialog > div i,
.ms_configurator_preview.header > div i {
  font-size: 24px;
  line-height: 24px;
}

.ms_configurator_preview.dialog > .logo,
.ms_configurator_preview.header > .logo {
  background: var(--header-color, white);
}

.ms_configurator_preview.dialog > .logo img .ms_svg_fill,
.ms_configurator_preview.dialog > .logo svg .ms_svg_fill,
.ms_configurator_preview.header > .logo img .ms_svg_fill,
.ms_configurator_preview.header > .logo svg .ms_svg_fill {
  fill: var(--header-left-icon-color, var(--title-font-color, var(--night-blue, #132c4a)));
}

.ms_configurator_preview.dialog > .logo img .ms_svg_stroke,
.ms_configurator_preview.dialog > .logo svg .ms_svg_stroke,
.ms_configurator_preview.header > .logo img .ms_svg_stroke,
.ms_configurator_preview.header > .logo svg .ms_svg_stroke {
  stroke: var(--header-left-icon-color, var(--title-font-color, var(--night-blue, #132c4a)));
}

.ms_configurator_preview.dialog > .logo i,
.ms_configurator_preview.header > .logo i {
  color: var(--header-left-icon-color, var(--title-font-color, var(--night-blue, #132c4a)));
}

.ms_configurator_preview.dialog > .titleLogo,
.ms_configurator_preview.header > .titleLogo {
  background: var(--header-color, white);
}

.ms_configurator_preview.dialog > .titleLogo img .ms_svg_fill,
.ms_configurator_preview.dialog > .titleLogo svg .ms_svg_fill,
.ms_configurator_preview.header > .titleLogo img .ms_svg_fill,
.ms_configurator_preview.header > .titleLogo svg .ms_svg_fill {
  fill: var(--header-center-icon-color, var(--title-font-color, var(--night-blue, #132c4a)));
}

.ms_configurator_preview.dialog > .titleLogo img .ms_svg_stroke,
.ms_configurator_preview.dialog > .titleLogo svg .ms_svg_stroke,
.ms_configurator_preview.header > .titleLogo img .ms_svg_stroke,
.ms_configurator_preview.header > .titleLogo svg .ms_svg_stroke {
  stroke: var(--header-center-icon-color, var(--title-font-color, var(--night-blue, #132c4a)));
}

.ms_configurator_preview.dialog > .titleLogo i,
.ms_configurator_preview.header > .titleLogo i {
  color: var(--header-center-icon-color, var(--title-font-color, var(--night-blue, #132c4a)));
}

.ms_configurator_preview.dialog > .titleLogo,
.ms_configurator_preview.header > .titleLogo {
  margin-right: 0;
}

.ms_configurator_preview.dialog > .navLogo,
.ms_configurator_preview.header > .navLogo {
  cursor: pointer;
  background: var(--tb-color, white);
}

.ms_configurator_preview.dialog > .navLogo img .ms_svg_fill,
.ms_configurator_preview.dialog > .navLogo svg .ms_svg_fill,
.ms_configurator_preview.header > .navLogo img .ms_svg_fill,
.ms_configurator_preview.header > .navLogo svg .ms_svg_fill {
  fill: var(--tb-open-item-icon-color, var(--outline, #6f797a));
}

.ms_configurator_preview.dialog > .navLogo img .ms_svg_stroke,
.ms_configurator_preview.dialog > .navLogo svg .ms_svg_stroke,
.ms_configurator_preview.header > .navLogo img .ms_svg_stroke,
.ms_configurator_preview.header > .navLogo svg .ms_svg_stroke {
  stroke: var(--tb-open-item-icon-color, var(--outline, #6f797a));
}

.ms_configurator_preview.dialog > .navLogo i,
.ms_configurator_preview.header > .navLogo i {
  color: var(--tb-open-item-icon-color, var(--outline, #6f797a));
}

.ms_configurator_preview.dialog > .navLogo:hover,
.ms_configurator_preview.header > .navLogo:hover {
  background: var(--tb-item-hover-color, var(--blue, #285d9d));
}

.ms_configurator_preview.dialog > .navLogo:hover img .ms_svg_fill,
.ms_configurator_preview.dialog > .navLogo:hover svg .ms_svg_fill,
.ms_configurator_preview.header > .navLogo:hover img .ms_svg_fill,
.ms_configurator_preview.header > .navLogo:hover svg .ms_svg_fill {
  fill: var(--tb-item-hover-icon-color, white);
}

.ms_configurator_preview.dialog > .navLogo:hover img .ms_svg_stroke,
.ms_configurator_preview.dialog > .navLogo:hover svg .ms_svg_stroke,
.ms_configurator_preview.header > .navLogo:hover img .ms_svg_stroke,
.ms_configurator_preview.header > .navLogo:hover svg .ms_svg_stroke {
  stroke: var(--tb-item-hover-icon-color, white);
}

.ms_configurator_preview.dialog > .navLogo:hover i,
.ms_configurator_preview.header > .navLogo:hover i {
  color: var(--tb-item-hover-icon-color, white);
}

.ms_configurator_preview.dialog {
  width: 100%;
}

.ms_configurator_preview.header {
  padding-right: 16px;
}

.ms_configurator_preview.header > .icon {
  width: 18px;
  height: 18px;
  margin-left: 8px;
  cursor: pointer;
}

.ms_configurator_preview.header > .icon .ms_svg_fill {
  fill: var(--configurator-logo-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_configurator_preview.header > .icon .ms_svg_stroke {
  stroke: var(--configurator-logo-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_configurator_preview.header > .icon:hover .ms_svg_fill {
  fill: var(--configurator-logo-icon-hover-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_configurator_preview.header > .icon:hover .ms_svg_stroke {
  stroke: var(--configurator-logo-icon-hover-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_configurator_preview.header > .icon:hover.warning .ms_svg_fill {
  fill: var(--configurator-logo-icon-warning-color, var(--ms-icon-warning-hover-color, var(--signal-pink, #f01e54)));
}

.ms_configurator_preview.header > .icon:hover.warning .ms_svg_stroke {
  stroke: var(--configurator-logo-icon-warning-color, var(--ms-icon-warning-hover-color, var(--signal-pink, #f01e54)));
}

.ms_configurator_content_collapsible > .content {
  padding-bottom: 30px;
}

.ms_configurator_desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--configurator-description-font-color, var(--dark-blue, #272e36));
}

.ms_configurator_row {
  overflow-y: hidden;
  min-height: 44px;
  border: 1px solid var(--configurator-row-border-color, var(--light-grey, #d8d8d8));
  border-radius: 4px;
}

.ms_configurator_row.error {
  border-color: var(--configurator-row-error-border-color, var(--error-color, var(--signal-pink, #f01e54)));
}

.ms_configurator_row > .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  cursor: pointer;
}

.ms_configurator_row > .button > svg {
  margin: auto;
}

.ms_configurator_row > .button .ms_svg_fill {
  fill: var(--configurator-row-add-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_configurator_row > .button .ms_svg_stroke {
  stroke: var(--configurator-row-add-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_configurator_row > .button:hover {
  background: var(--configurator-row-add-hover-color, var(--light-grey, #d8d8d8));
}

.ms_configurator_row > .button:hover .ms_svg_fill {
  fill: var(--configurator-row-add-hover-icon-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_configurator_row > .button:hover .ms_svg_stroke {
  stroke: var(--configurator-row-add-hover-icon-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_configurator_row .collapsible {
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.ms_configurator_row .collapsible:not(.open) summary {
  padding-top: 10px;
  padding-bottom: 2px;
}

.ms_configurator_row .collapsible summary {
  padding-top: 21px;
  padding-bottom: 13px;
  -webkit-transition: padding 250ms ease-in;
  transition: padding 250ms ease-in;
}

.ms_configurator_row .collapsible summary .summary {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 30px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ms_configurator_row .collapsible summary .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ms_configurator_row .collapsible summary .left .ms_input_toggle {
  margin: 0;
  margin-left: 24px;
}

.ms_configurator_row .collapsible summary .left .ms_input_toggle .ms_input_label {
  color: var(--configurator-content-input-label-font-color, var(--outline, #6f797a));
}

.ms_configurator_row .collapsible summary .left .ms_info {
  margin-left: 8px;
}

.ms_configurator_row .collapsible summary .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  white-space: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ms_configurator_row .collapsible summary .right .ms_input {
  flex-direction: row;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -ms-flex-wrap: unset;
  flex-wrap: unset;
}

.ms_configurator_row .collapsible summary .right .ms_input .number {
  width: 100px !important;
}

.ms_configurator_row .collapsible summary .right .ms_input.dropdown {
  width: 75px;
}

.ms_configurator_row .collapsible summary .right .ms_input.dropdown .select {
  width: 100%;
}

.ms_configurator_row .collapsible summary .right .ms_input .ms_input_label {
  padding-right: 10px;
  color: var(--configurator-content-input-label-font-color, var(--outline, #6f797a));
}

.ms_configurator_row .collapsible summary .right .svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 16px;
}

.ms_configurator_row .collapsible summary .right .svg .ms_clickable_svg.warning .ms_svg_fill {
  fill: var(--configurator-content-icon-color, var(--outline, #6f797a));
}

.ms_configurator_row .collapsible summary .right .svg .ms_clickable_svg.warning .ms_svg_stroke {
  stroke: var(--configurator-content-icon-color, var(--outline, #6f797a));
}

.ms_configurator_row .collapsible summary .right svg:not(.ms_info_icon) {
  width: auto;
  height: 18px;
  margin: auto 0;
}

.ms_configurator_row .collapsible summary .right .ms_info {
  margin-left: 8px;
}

.ms_configurator_row .collapsible > .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  padding-top: 3px;
  padding-bottom: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
}

.ms_configurator_row .collapsible > .content > * {
  width: auto;
  margin: 0 24px;
}

.ms_configurator_row_text > .ms_input {
  margin: 0 0 16px 0;
}

.ms_configurator_row_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-y: hidden;
  flex-direction: row;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  min-height: 320px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  gap: 24px;
}

.ms_configurator_frame {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  padding: 0;
  -webkit-transition: -webkit-box-flex 250ms ease-in;
  transition: -webkit-box-flex 250ms ease-in;
  transition: flex 250ms ease-in;
  transition: flex 250ms ease-in, -webkit-box-flex 250ms ease-in, -ms-flex 250ms ease-in;
  border: 2px solid var(--configurator-frame-border-color, var(--surface-container, #edeef0));
  border-radius: 2px;
  background: var(--configurator-frame-color, var(--surface-container, #edeef0));
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 48px;
  flex: 1 0 48px;
}

.ms_configurator_frame:not(.add) > .icon,
.ms_configurator_frame:not(.closed) > .closedWrapper,
.ms_configurator_frame:not(.empty) > .selectionWrapper {
  display: none;
}

.ms_configurator_frame.add > .configWrapper,
.ms_configurator_frame.closed > .configWrapper,
.ms_configurator_frame.empty > .configWrapper {
  display: none;
}

.ms_configurator_frame.add {
  cursor: pointer;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 48px;
  flex: 0 0 48px;
}

.ms_configurator_frame.add .icon {
  width: 24px;
  height: 24px;
  margin: auto;
}

.ms_configurator_frame.add .icon .ms_svg_fill {
  fill: var(--configurator-frame-add-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_configurator_frame.add .icon .ms_svg_stroke {
  stroke: var(--configurator-frame-add-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_configurator_frame.add:hover {
  border-color: var(--configurator-frame-add-hover-color, var(--light-grey, #d8d8d8));
  background: var(--configurator-frame-add-hover-color, var(--light-grey, #d8d8d8));
}

.ms_configurator_frame.add:hover .icon .ms_svg_fill {
  fill: var(--configurator-frame-add-hover-icon-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_configurator_frame.add:hover .icon .ms_svg_stroke {
  stroke: var(--configurator-frame-add-hover-icon-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_configurator_frame.closed {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 142px;
  flex: 0 0 142px;
}

.ms_configurator_frame.closed.error {
  border-color: var(--configurator-frame-error-color, var(--error-color, var(--signal-pink, #f01e54)));
}

.ms_configurator_frame.closed .closedWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  padding: 0 24px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0;
  flex: 1 0 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
}

.ms_configurator_frame.closed .closedHeader {
  font-size: 12px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  padding: 16px 0;
  color: var(--configurator-frame-closed-header-font-color, var(--outline, #6f797a));
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  gap: 16px;
}

.ms_configurator_frame.closed .closedHeader .warning {
  width: auto;
  height: 18px;
  margin: 0 auto;
  cursor: pointer;
}

.ms_configurator_frame.closed .closedHeader .warning .ms_svg_fill {
  fill: var(--configurator-frame-closed-header-icon-color, var(--outline, #6f797a));
}

.ms_configurator_frame.closed .closedHeader .warning .ms_svg_stroke {
  stroke: var(--configurator-frame-closed-header-icon-color, var(--outline, #6f797a));
}

.ms_configurator_frame.closed .closedHeader .warning:hover .ms_svg_fill {
  fill: var(--configurator-frame-closed-header-icon-warning-color, var(--ms-icon-warning-hover-color, var(--signal-pink, #f01e54)));
}

.ms_configurator_frame.closed .closedHeader .warning:hover .ms_svg_stroke {
  stroke: var(--configurator-frame-closed-header-icon-warning-color, var(--ms-icon-warning-hover-color, var(--signal-pink, #f01e54)));
}

.ms_configurator_frame.closed .closedWidthWrapper {
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  max-width: 94px;
  margin: 0 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
}

.ms_configurator_frame.closed .closedWidthLabel {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ms_configurator_frame.closed .closedMain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  padding: 40px 0 120px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0;
  flex: 1 0 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  gap: 8px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ms_configurator_frame.closed .closedType {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  overflow: hidden;
  max-width: 94px;
  margin: 0 auto;
  text-align: center;
  text-overflow: ellipsis;
  color: var(--configurator-frame-closed-font-color, black);
}

.ms_configurator_frame.closed .icon {
  width: 20px;
  height: 20px;
  margin: 0 auto;
  cursor: pointer;
}

.ms_configurator_frame.closed .icon .ms_svg_fill {
  fill: var(--configurator-frame-closed-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_configurator_frame.closed .icon .ms_svg_stroke {
  stroke: var(--configurator-frame-closed-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_configurator_frame.closed .icon:hover .ms_svg_fill {
  fill: var(--configurator-frame-closed-icon-hover-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_configurator_frame.closed .icon:hover .ms_svg_stroke {
  stroke: var(--configurator-frame-closed-icon-hover-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_configurator_frame .selectionWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
}

.ms_configurator_frame .selectionHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  padding: 16px 24px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ms_configurator_frame .selectionHeader .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
}

.ms_configurator_frame .selectionHeader .right .ms_input {
  flex-direction: row;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -ms-flex-wrap: unset;
  flex-wrap: unset;
}

.ms_configurator_frame .selectionHeader .right .ms_input .number {
  width: 100px !important;
}

.ms_configurator_frame .selectionHeader .right .ms_input.dropdown {
  width: 75px;
}

.ms_configurator_frame .selectionHeader .right .ms_input.dropdown .select {
  width: 100%;
}

.ms_configurator_frame .selectionHeader .right .ms_input .ms_input_label {
  padding-right: 10px;
  color: var(--configurator-content-input-label-font-color, var(--outline, #6f797a));
}

.ms_configurator_frame .selectionHeader .right .svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-left: 16px;
}

.ms_configurator_frame .selectionHeader .right .svg .warning .ms_svg_fill {
  fill: var(--configurator-frame-selection-header-icon-color, var(--outline, #6f797a));
}

.ms_configurator_frame .selectionHeader .right .svg .warning .ms_svg_stroke {
  stroke: var(--configurator-frame-selection-header-icon-color, var(--outline, #6f797a));
}

.ms_configurator_frame .selectionHeader .right .svg .warning {
  cursor: pointer;
}

.ms_configurator_frame .selectionHeader .right .svg .warning:hover .ms_svg_fill {
  fill: var(--configurator-frame-selection-header-icon-warning-color, var(--ms-icon-warning-hover-color, var(--signal-pink, #f01e54)));
}

.ms_configurator_frame .selectionHeader .right .svg .warning:hover .ms_svg_stroke {
  stroke: var(--configurator-frame-selection-header-icon-warning-color, var(--ms-icon-warning-hover-color, var(--signal-pink, #f01e54)));
}

.ms_configurator_frame .selectionHeader .right svg:not(.ms_info_icon) {
  width: auto;
  height: 18px;
  margin: auto 0;
}

.ms_configurator_frame .selectionHeader .right .ms_info {
  margin: auto 0 auto 8px;
}

.ms_configurator_frame .selectionHeaderTitle {
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  line-height: 32px;
  color: var(--configurator-frame-selection-header-font-color, black);
}

.ms_configurator_frame .selectionMain {
  display: grid;
  min-width: 376px;
  max-width: 968px;
  margin: 0 auto;
  padding: 32px 48px 64px 48px;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(0, min(50% - 8px, max(132px, 16.6666666667% - 13.3333333333px))));
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ms_configurator_frame .selectionMain .type_selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  width: 132px;
  height: 136px;
  padding: 40px 24px;
  border: 2px solid var(--configurator-frame-selection-button-border-color, white);
  border-radius: 8px;
  background: var(--configurator-frame-selection-button-color, var(--surface-container, #edeef0));
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.ms_configurator_frame .selectionMain .type_selector .ms_svg_fill {
  fill: var(--configurator-frame-selection-button-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_configurator_frame .selectionMain .type_selector .ms_svg_stroke {
  stroke: var(--configurator-frame-selection-button-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_configurator_frame .selectionMain .type_selector {
  cursor: pointer;
}

.ms_configurator_frame .selectionMain .type_selector.light {
  background: var(--configurator-frame-selection-button-other-color, var(--surface, #f9f9fc));
}

.ms_configurator_frame .selectionMain .type_selector .icon {
  width: 24px;
  height: 24px;
}

.ms_configurator_frame .selectionMain .type_selector .text {
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  line-height: 20px;
  overflow: hidden;
  max-width: 80px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--configurator-frame-selection-button-font-color, var(--night-blue, #132c4a));
}

.ms_configurator_frame .selectionMain .type_selector:hover {
  background: var(--configurator-frame-selection-button-hover-color, var(--surface-container-highest, #e2e2e5));
}

.ms_configurator_frame .selectionMain .type_selector:hover .ms_svg_fill {
  fill: var(--configurator-frame-selection-button-hover-icon-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_configurator_frame .selectionMain .type_selector:hover .ms_svg_stroke {
  stroke: var(--configurator-frame-selection-button-hover-icon-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_configurator_frame .configWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
}

.ms_configurator_frame .configHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  padding: 16px 24px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ms_configurator_frame .configHeader .left .ms_input {
  min-width: 150px;
}

.ms_configurator_frame .configHeader .left .ms_input .select {
  width: 100%;
}

.ms_configurator_frame .configHeader .left .ms_input .select .select_styled {
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 3px 16px 3px 0;
  color: var(--configurator-frame-open-type-font-color, black);
  border: unset;
  background: unset;
}

.ms_configurator_frame .configHeader .left .ms_input .select .select_styled::after {
  top: calc(50% - 1px);
  right: 0;
  border-color: var(--configurator-frame-open-type-dropdown-caret-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_configurator_frame .configHeader .left .ms_input .select.active .select_styled::after {
  top: calc(50% + 1px);
}

.ms_configurator_frame .configHeader .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
}

.ms_configurator_frame .configHeader .right .ms_input {
  flex-direction: row;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -ms-flex-wrap: unset;
  flex-wrap: unset;
}

.ms_configurator_frame .configHeader .right .ms_input .number {
  width: 100px !important;
}

.ms_configurator_frame .configHeader .right .ms_input.dropdown {
  width: 75px;
}

.ms_configurator_frame .configHeader .right .ms_input.dropdown .select {
  width: 100%;
}

.ms_configurator_frame .configHeader .right .ms_input .ms_input_label {
  padding-right: 10px;
  color: var(--configurator-content-input-label-font-color, var(--outline, #6f797a));
}

.ms_configurator_frame .configHeader .right .svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-left: 16px;
}

.ms_configurator_frame .configHeader .right .svg .warning .ms_svg_fill {
  fill: var(--configurator-frame-open-header-icon-color, var(--outline, #6f797a));
}

.ms_configurator_frame .configHeader .right .svg .warning .ms_svg_stroke {
  stroke: var(--configurator-frame-open-header-icon-color, var(--outline, #6f797a));
}

.ms_configurator_frame .configHeader .right .svg .warning {
  cursor: pointer;
}

.ms_configurator_frame .configHeader .right .svg .warning:hover .ms_svg_fill {
  fill: var(--configurator-frame-open-header-icon-warning-color, var(--ms-icon-warning-hover-color, var(--signal-pink, #f01e54)));
}

.ms_configurator_frame .configHeader .right .svg .warning:hover .ms_svg_stroke {
  stroke: var(--configurator-frame-open-header-icon-warning-color, var(--ms-icon-warning-hover-color, var(--signal-pink, #f01e54)));
}

.ms_configurator_frame .configHeader .right svg:not(.ms_info_icon) {
  width: auto;
  height: 18px;
  margin: auto 0;
}

.ms_configurator_frame .configHeader .right .ms_info {
  margin: auto 0 auto 8px;
}

.ms_configurator_frame .configMain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  padding: 24px;
  padding-bottom: 32px;
  background: var(--configurator-frame-open-background-color, white);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  gap: 24px;
}

.ms_configurator_frame .configMain .area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  padding: 24px;
  padding-bottom: 32px;
  border: 1px solid var(--configurator-frame-open-area-border-color, var(--surface-container-highest, #e2e2e5));
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  gap: 16px;
}

.ms_configurator_frame .configMain .area.noFrame {
  padding: 24px 0 0 0;
  border: 0;
}

.ms_configurator_frame .configMain .area.noFrame > .ms_input_error_msg {
  margin-top: -16px;
}

.ms_configurator_frame .configMain .area .ms_input_label {
  color: var(--configurator-content-input-label-font-color, var(--outline, #6f797a));
}

.ms_configurator_frame .configMain .area .titleWrapper {
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  line-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  text-align: center;
  color: var(--configurator-frame-open-area-title-font-color, black);
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  gap: 8px;
}

.ms_configurator_frame .configMain .area .titleWrapper > .ms_info {
  margin: auto 0;
}

.ms_configurator_frame .configMain .area .titleWrapper > .ms_input_toggle {
  max-height: 24px;
  margin: 0;
  margin-left: 8px;
}

.ms_configurator_frame .configMain .area .eventsWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  gap: 24px;
}

.ms_configurator_frame .configMain .area .eventsWrapper .col {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0;
  flex: 1 0 0;
}

.ms_configurator_frame .configMain .area .lineWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.ms_configurator_frame .configMain .area .lineWrapper .ms_input {
  margin: 0;
}

.ms_configurator_frame .configMain .area .lineWrapper.label .ms_button {
  margin-top: 30px;
}

.ms_configurator_frame .configMain .area .lineWrapper .ms_input_toggle {
  margin-top: auto;
  margin-bottom: 0;
}

.ms_configurator_frame .ms_details {
  width: 100%;
  border: 1px solid var(--configurator-frame-open-area-border-color, var(--surface-container-highest, #e2e2e5));
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.ms_configurator_frame .ms_details .contentWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  padding: 24px;
  padding-top: 3px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
}

.ms_configurator_process {
  min-width: 710px;
  padding: 0 20px;
}

.ms_configurator_process .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  gap: 24px;
}

.ms_configurator_process .row > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0;
  flex: 1 0 0;
}

.ms_configurator_process .row > div > .ms_input {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0;
  flex: 1 0 0;
}

.ms_configurator_process .row .unit,
.ms_configurator_process .row .button {
  min-width: 75px;
  max-width: 100px;
  margin-top: 31px;
  margin-left: 8px;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 0 !important;
  flex: 0 0 0 !important;
}

.ms_configurator_process .row .ms_configurator_preview {
  width: 100px;
  height: 54px;
  margin: 9px 0 1px 8px;
  padding: 10px;
}

.ms_configurator_process .row .ms_configurator_preview .delete {
  width: 18px;
  height: 18px;
  margin-left: 8px;
}

.ms_configurator_process .row .ms_configurator_preview .delete .ms_svg_fill {
  fill: var(--configurator-logo-icon-disabled-color, var(--button-disabled-color, var(--light-grey, #d8d8d8)));
}

.ms_configurator_process .row .ms_configurator_preview .delete .ms_svg_stroke {
  stroke: var(--configurator-logo-icon-disabled-color, var(--button-disabled-color, var(--light-grey, #d8d8d8)));
}

.ms_configurator_process .row .ms_configurator_preview .delete.warning {
  cursor: pointer;
}

.ms_configurator_process .row .ms_configurator_preview .delete.warning .ms_svg_fill {
  fill: var(--configurator-logo-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_configurator_process .row .ms_configurator_preview .delete.warning .ms_svg_stroke {
  stroke: var(--configurator-logo-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_configurator_process .row .ms_configurator_preview .delete.warning:hover .ms_svg_fill {
  fill: var(--configurator-logo-icon-warning-color, var(--ms-icon-warning-hover-color, var(--signal-pink, #f01e54)));
}

.ms_configurator_process .row .ms_configurator_preview .delete.warning:hover .ms_svg_stroke {
  stroke: var(--configurator-logo-icon-warning-color, var(--ms-icon-warning-hover-color, var(--signal-pink, #f01e54)));
}

.ms_configurator_process .row .ms_configurator_preview > .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 34px;
  height: 100%;
  padding: 8px;
  cursor: pointer;
  background: var(--tb-color, white);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ms_configurator_process .row .ms_configurator_preview > .icon i {
  font-size: 18px;
  line-height: 18px;
  color: var(--tb-open-item-icon-color, var(--outline, #6f797a));
}

.ms_configurator_process .row .ms_configurator_preview > .icon:hover {
  background: var(--tb-item-hover-color, var(--blue, #285d9d));
}

.ms_configurator_process .row .ms_configurator_preview > .icon:hover i {
  color: var(--tb-item-hover-icon-color, white);
}

.ms_configurator_process .ms_details {
  margin: 12px 0;
  border: 1px solid var(--configurator-frame-open-area-border-color, var(--surface-container-highest, #e2e2e5));
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.ms_configurator_process .ms_details.open {
  padding-bottom: 24px;
}

.ms_configurator_process .ms_details summary {
  font-size: 14px;
  font-weight: 500;
}

.ms_configurator_process .ms_details .content {
  height: 0;
  padding: 0 24px;
}

.ms_configurator_process .params_table {
  margin-bottom: 10px;
}

.ms_configurator_process .params_table thead th:last-child {
  width: 1%;
}

.ms_configurator_process .inputs_table thead th:last-child {
  width: 0.1%;
}

.ms_cubeview_config_grid,
.ms_paw_config_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.ms_cubeview_config_grid > .view_wrapper,
.ms_paw_config_grid > .view_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
}

.ms_cubeview_config_grid > .view_wrapper .button,
.ms_paw_config_grid > .view_wrapper .button {
  min-width: 75px;
  max-width: 100px;
  margin-top: 31px;
  margin-left: 8px;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 0 !important;
  flex: 0 0 0 !important;
}

.ms_cubeview_dim_wrapper > .title,
.ms_paw_dim_wrapper > .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ms_cubeview_dim_wrapper > .dim_grid,
.ms_paw_dim_wrapper > .dim_grid {
  display: grid;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(min(50% - 8px, max(280px, 25% - 12px)), 1fr));
}

.ms_chart_line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.ms_chart_line > * {
  margin: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
}

.ms_chart_dataset_line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.ms_chart_dataset_line > * {
  margin: 0;
}

.ms_chart_dataset_line .ms_input_toggle {
  margin-top: 30px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 fit-content;
  flex: 0 0 fit-content;
}

.ms_chart_dataset_line .dim {
  max-width: 300px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 40%;
  flex: 1 1 40%;
}

.ms_chart_dataset_line .mdx {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 60%;
  flex: 1 1 60%;
}

.ms_chart_dataset_line .button {
  margin-top: 30px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 125px;
  flex: 0 0 125px;
}

.ms_chart_dataset_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
}

.ms_chart_dataset_add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  cursor: pointer;
  border: 1px solid var(--configurator-frame-open-area-border-color, var(--surface-container-highest, #e2e2e5));
  border-radius: 4px;
}

.ms_chart_dataset_add > svg {
  margin: auto;
}

.ms_chart_dataset_add .ms_svg_fill {
  fill: var(--configurator-chart-dataset-add-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_chart_dataset_add .ms_svg_stroke {
  stroke: var(--configurator-chart-dataset-add-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_chart_dataset_add:hover {
  background: var(--configurator-chart-dataset-add-hover-color, var(--light-grey, #d8d8d8));
}

.ms_chart_dataset_add:hover .ms_svg_fill {
  fill: var(--configurator-chart-dataset-add-hover-icon-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_chart_dataset_add:hover .ms_svg_stroke {
  stroke: var(--configurator-chart-dataset-add-hover-icon-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_chart_dataset_mdx .ms_info {
  margin-left: 8px;
}

.ms_chart_dataset_mdx > .ms_ace_wrapper {
  width: 100%;
  height: 400px;
}

.ms_chart_dataset_mdx > .ms_ace_wrapper.error {
  height: 425px;
}

.ms_chart_dataset_mdx > .ms_ace_wrapper.error > .ms_ace_editor {
  height: calc(100% - 50px);
}

.ms_navigator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  margin-top: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  gap: 24px;
}

.ms_navigator_context table th,
.ms_navigator_title table th,
.ms_navigator_filter table th,
.ms_navigator_copy table th {
  width: 49.99%;
}

.ms_navigator_context table th:first-child,
.ms_navigator_context table th:last-child,
.ms_navigator_title table th:first-child,
.ms_navigator_title table th:last-child,
.ms_navigator_filter table th:first-child,
.ms_navigator_filter table th:last-child,
.ms_navigator_copy table th:first-child,
.ms_navigator_copy table th:last-child {
  width: 0.01%;
}

.ms_navigator_context svg,
.ms_navigator_title svg,
.ms_navigator_filter svg,
.ms_navigator_copy svg {
  width: auto;
  height: 18px;
}

.ms_navigator_context tbody td:first-child,
.ms_navigator_title tbody td:first-child,
.ms_navigator_filter tbody td:first-child,
.ms_navigator_copy tbody td:first-child {
  padding-right: 0;
}

.ms_navigator_context tbody td:first-child div,
.ms_navigator_title tbody td:first-child div,
.ms_navigator_filter tbody td:first-child div,
.ms_navigator_copy tbody td:first-child div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ms_navigator_context tbody td:first-child div svg,
.ms_navigator_title tbody td:first-child div svg,
.ms_navigator_filter tbody td:first-child div svg,
.ms_navigator_copy tbody td:first-child div svg {
  margin: auto;
}

.ms_navigator_context tbody .dummy,
.ms_navigator_title tbody .dummy,
.ms_navigator_filter tbody .dummy,
.ms_navigator_copy tbody .dummy {
  opacity: 0.75;
  background: rgba(0, 0, 0, 0.1);
}

.ms_navigator_context tbody .source,
.ms_navigator_title tbody .source,
.ms_navigator_filter tbody .source,
.ms_navigator_copy tbody .source {
  display: none;
}

.ms_navigator_context tbody .addCell,
.ms_navigator_title tbody .addCell,
.ms_navigator_filter tbody .addCell,
.ms_navigator_copy tbody .addCell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  gap: 8px;
}

.ms_navigator_context tbody .addCell .button,
.ms_navigator_title tbody .addCell .button,
.ms_navigator_filter tbody .addCell .button,
.ms_navigator_copy tbody .addCell .button {
  min-width: 75px;
  max-width: 75px;
}

.ms_navigator_copy {
  position: absolute;
  z-index: 9999;
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  opacity: 0.75;
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.ms_navigator_copy * {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
}

.ms_navigator_copy.drop {
  cursor: pointer !important;
}

.ms_navigator_copy.drop * {
  cursor: pointer !important;
}

.ms_navigator_copy thead,
.ms_navigator_copy thead * {
  padding: 0 !important;
}

.ms_navigator_dialog {
  min-width: 710px;
  padding: 0 20px;
}

.ms_navigator_dialog .ms_details {
  margin: 12px 0;
  border: 1px solid var(--configurator-frame-open-area-border-color, var(--surface-container-highest, #e2e2e5));
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.ms_navigator_dialog .ms_details.open {
  padding-bottom: 24px;
}

.ms_navigator_dialog .ms_details summary {
  font-size: 14px;
  font-weight: 500;
}

.ms_navigator_dialog .ms_details .content {
  height: 0;
  padding: 0 24px;
}

.ms_navigator_dialog .ms_details {
  margin-top: 16px;
}

.ms_navigator_dialog .line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  gap: 8px;
}

.ms_navigator_dialog .line .button {
  min-width: 75px;
  max-width: 75px;
  margin-top: 30px;
}

.ms_navigator_dialog .mdx {
  width: 100%;
  height: 300px;
}

.ms_navigator_dialog .mdxTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.ms_navigator_dialog .filterTable {
  margin: 16px 0;
}

.ms_navigator_dialog .filterTable th:last-child {
  width: 0.01%;
}

.ms_navigator_dialog .filterTable svg {
  width: auto;
  height: 18px;
}

.ms_navigator_dialog .filterTable tbody td {
  line-height: 1.25;
}

.ms_navigator_dialog .dim_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  margin: 16px 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  gap: 8px;
}

.ms_connector_config {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  margin-top: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
}

.ms_connector_config .ms_details {
  margin-top: 24px;
}

.ms_connector_config .subsetWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.ms_connector_config .subsetWrapper .ms_input {
  margin: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.ms_connector_config .subsetWrapper .ms_input_toggle {
  margin-top: 30px;
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
}

.ms_connector_config .subsetButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  margin-top: 24px;
  cursor: pointer;
  border: 1px solid var(--configurator-frame-open-area-border-color, var(--surface-container-highest, #e2e2e5));
  border-radius: 4px;
}

.ms_connector_config .subsetButton > svg {
  margin: auto;
}

.ms_connector_config .subsetButton .ms_svg_fill {
  fill: var(--configurator-chart-subset-add-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_connector_config .subsetButton .ms_svg_stroke {
  stroke: var(--configurator-chart-subset-add-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_connector_config .subsetButton:hover {
  background: var(--configurator-chart-subset-add-hover-color, var(--light-grey, #d8d8d8));
}

.ms_connector_config .subsetButton:hover .ms_svg_fill {
  fill: var(--configurator-chart-subset-add-hover-icon-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_connector_config .subsetButton:hover .ms_svg_stroke {
  stroke: var(--configurator-chart-subset-add-hover-icon-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.empty_dialog_div .area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  min-width: 550px;
  margin-top: 16px;
  padding: 24px;
  padding-bottom: 32px;
  border: 1px solid var(--configurator-frame-open-area-border-color, var(--surface-container-highest, #e2e2e5));
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  gap: 16px;
}

.empty_dialog_div .area .ms_input_label {
  color: var(--configurator-content-input-label-font-color, var(--outline, #6f797a));
}

.empty_dialog_div .area .titleWrapper {
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  line-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  text-align: center;
  color: var(--configurator-frame-open-area-title-font-color, black);
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  gap: 8px;
}

.empty_dialog_div .area .titleWrapper > .ms_info {
  margin: auto 0;
}

.empty_dialog_div .area .titleWrapper > .ms_input_toggle {
  max-height: 24px;
  margin: 0;
  margin-left: 8px;
}

.empty_dialog_div .area .eventsWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  gap: 24px;
}

.empty_dialog_div .area .eventsWrapper .col {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0;
  flex: 1 0 0;
}

.empty_dialog_div .area .lineWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.empty_dialog_div .area .lineWrapper .ms_input {
  margin: 0;
}

.empty_dialog_div .area .lineWrapper.label .ms_button {
  margin-top: 30px;
}

.empty_dialog_div .help_size_line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  gap: 8px;
}

.empty_dialog_div .help_size_line .unit {
  max-width: 75px;
  margin-top: 31px;
}

.ms_start_news_editor {
  height: 500px;
}

.ms_start {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  color: var(--start-color, var(--night-blue, #132c4a));
  background-color: var(--start-background, var(--background, #f5f7fb));
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ms_start.on_grab {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
}

.ms_start.on_grab .item {
  border-color: var(--start-item-target-border-color, var(--blue, #285d9d));
}

.ms_start.on_grab .item_title,
.ms_start.on_grab .item_icon,
.ms_start.on_grab .item_context {
  pointer-events: none;
}

.ms_start.on_grab .item.item_temp {
  border-style: dotted;
  background: transparent;
}

.ms_start.on_grab .item:hover {
  border-color: var(--start-item-target-hover-border-color, var(--lightgreen, #8dc63f));
}

.ms_start_sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100%;
  padding: 0 17px;
  -webkit-transition: -webkit-box-flex 500ms;
  transition: -webkit-box-flex 500ms;
  transition: flex 500ms;
  transition: flex 500ms, -webkit-box-flex 500ms, -ms-flex 500ms;
  background: var(--start-sidebar-color, white);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.ms_start_sidebar_toggle {
  display: block;
  width: 17px;
  height: 16px;
  margin: 20px 0 20px auto;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.ms_start_sidebar_toggle:hover {
  opacity: 1;
}

.ms_start_sidebar .ms_input_search {
  margin-bottom: 20px;
}

.ms_start_sidebar_items {
  position: relative;
  overflow: auto;
  overflow-x: hidden;
  margin-right: -17px;
  padding-right: 17px;
}

.ms_start_sidebar_items_list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.ms_start_sidebar_items_list .block_title {
  font-size: 14px;
  font-weight: bold;
  width: 100%;
  cursor: pointer;
  white-space: nowrap;
}

.ms_start_sidebar_items_list .list_item {
  display: none;
  max-width: 100%;
}

.ms_start_sidebar_items_list .list_item_title {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.67;
  position: relative;
  margin-bottom: 4px;
  cursor: pointer;
}

.ms_start_sidebar_items_list .list_item .item_inner:first-child,
.ms_start_sidebar_items_list .list_item:nth-child(2) {
  margin-top: 10px;
}

.ms_start_sidebar_items_list .list_item:last-child {
  margin-bottom: 10px;
}

.ms_start_sidebar_items_list .list_item .list_item {
  display: none !important;
  width: calc(100% - 10px);
  margin: 4px 0 4px 10px;
}

.ms_start_sidebar_items_list .list_item .list_item .item_inner {
  display: none !important;
}

.ms_start_sidebar_items_list .list_item .list_item.opened > .item_inner {
  display: block !important;
}

.ms_start_sidebar_items_list .list_item.opened > .list_item {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.ms_start_sidebar_items_list .list_item.opened .item_inner {
  display: block;
}

.ms_start_sidebar_items_list .list_item.opened > .list_item_title {
  margin-bottom: 10px;
}

.ms_start_sidebar_items_list .item_inner {
  font-size: 10px;
  font-weight: 600;
  line-height: 1.5;
  display: none;
  overflow: hidden;
  max-width: 100%;
  min-height: 25px;
  margin-bottom: 3px;
  padding: 5px 10px;
  cursor: -webkit-grab;
  cursor: grab;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--start-sidebar-item-font-color, white);
  border-radius: 12.5px;
  background: var(--start-sidebar-item-color, var(--night-blue, #132c4a));
}

.ms_start_sidebar_items_list .item_inner:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.ms_start_sidebar_items_list .item_inner:hover {
  color: var(--start-sidebar-item-hover-font-color, white);
  background: var(--start-sidebar-item-hover-color, var(--blue, #285d9d));
}

.ms_start_sidebar_items_list .item_inner.temp {
  position: fixed;
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
  background: var(--start-sidebar-item-color, var(--night-blue, #132c4a));
}

.ms_start_sidebar_items_list .item_inner span {
  pointer-events: none;
}

.ms_start_sidebar_items_list .item_inner:last-child {
  margin-bottom: 20px;
}

.ms_start_sidebar_items_list.opened .list_item,
.ms_start_sidebar_items_list.match .list_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.ms_start_sidebar_items_list.opened > .item_inner,
.ms_start_sidebar_items_list.match > .item_inner {
  display: inline-block;
  margin: 4px 0;
}

.ms_start_sidebar_items_list .block_title:after,
.ms_start_sidebar_items_list .list_item_title:after {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  position: relative;
  margin-left: 8px;
  content: "+";
  color: var(--start-sidebar-plus-color, var(--lightgreen, #8dc63f));
}

.ms_start_sidebar_items_list .list_item.opened > .list_item_title:after,
.ms_start_sidebar_items_list.opened .block_title:after,
.ms_start_sidebar_items_list.match .block_title:after {
  content: "-";
  color: var(--start-sidebar-minus-color, var(--night-blue, #132c4a));
}

.ms_start_sidebar.opened {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 212px;
  flex: 0 0 212px;
}

.ms_start_sidebar.opened .ms_start_sidebar_placeholder {
  display: none;
}

.ms_start_sidebar.close {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50px;
  flex: 0 0 50px;
}

.ms_start_sidebar.close .ms_start_sidebar_toggle {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  opacity: 1;
}

.ms_start_sidebar.close .ms_start_sidebar_items {
  display: none;
}

.ms_start_sidebar.close .ms_start_sidebar_placeholder {
  width: 100%;
  height: 100%;
}

.ms_start_sidebar.close .ms_start_sidebar_placeholder .block_title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 25px;
  padding: 0;
  cursor: default !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -ms-writing-mode: tb-rl;
  color: var(--start-sidebar-closed-title-font-color, var(--light-grey, #d8d8d8));
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  text-orientation: mixed;
}

.ms_start_sidebar.close .ms_input_search {
  display: none;
}

.ms_start_sidebar.on_search .ms_start_sidebar_items_list .list_item {
  display: none !important;
  pointer-events: none;
}

.ms_start_sidebar.on_search .ms_start_sidebar_items_list .list_item.opened {
  display: none !important;
  pointer-events: none;
}

.ms_start_sidebar.on_search .ms_start_sidebar_items_list .list_item .item_inner,
.ms_start_sidebar.on_search .ms_start_sidebar_items_list .list_item.opened .item_inner,
.ms_start_sidebar.on_search .ms_start_sidebar_items_list .list_item .item_inner .list_item,
.ms_start_sidebar.on_search .ms_start_sidebar_items_list .list_item.opened .item_inner .list_item,
.ms_start_sidebar.on_search .ms_start_sidebar_items_list .list_item .item_inner .list_item.opened,
.ms_start_sidebar.on_search .ms_start_sidebar_items_list .list_item.opened .item_inner .list_item.opened,
.ms_start_sidebar.on_search .ms_start_sidebar_items_list .list_item .item_inner .list_item .item_inner,
.ms_start_sidebar.on_search .ms_start_sidebar_items_list .list_item.opened .item_inner .list_item .item_inner,
.ms_start_sidebar.on_search .ms_start_sidebar_items_list .list_item .item_inner .list_item.opened .item_inner,
.ms_start_sidebar.on_search .ms_start_sidebar_items_list .list_item.opened .item_inner .list_item.opened .item_inner {
  display: none !important;
}

.ms_start_sidebar.on_search .ms_start_sidebar_items_list .list_item .item_inner .list_item .item_inner.temp,
.ms_start_sidebar.on_search .ms_start_sidebar_items_list .list_item.opened .item_inner .list_item .item_inner.temp,
.ms_start_sidebar.on_search .ms_start_sidebar_items_list .list_item .item_inner .list_item.opened .item_inner.temp,
.ms_start_sidebar.on_search .ms_start_sidebar_items_list .list_item.opened .item_inner .list_item.opened .item_inner.temp,
.ms_start_sidebar.on_search .ms_start_sidebar_items_list .list_item .item_inner.temp,
.ms_start_sidebar.on_search .ms_start_sidebar_items_list .list_item.opened .item_inner.temp {
  display: block !important;
}

.ms_start_sidebar.on_search .ms_start_sidebar_items_list .list_item.match,
.ms_start_sidebar.on_search .ms_start_sidebar_items_list .list_item.opened.match {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.ms_start_sidebar.on_search .ms_start_sidebar_items_list .list_item.match .item_inner.match,
.ms_start_sidebar.on_search .ms_start_sidebar_items_list .list_item.opened.match .item_inner.match {
  display: block !important;
}

.ms_start_sidebar.on_search .ms_start_sidebar_items_list .item_inner {
  display: none !important;
}

.ms_start_sidebar.on_search .ms_start_sidebar_items_list .item_inner.match {
  display: inline-block !important;
  pointer-events: all !important;
}

.ms_start_sidebar.on_search .ms_start_sidebar_items_list .item_inner .highlight {
  color: var(--start-sidebar-item-highlight-font-color, white);
}

.ms_start_sidebar.on_search .ms_start_sidebar_items_list .item_inner.temp {
  display: block !important;
}

.ms_start_sidebar.on_search .block_title {
  pointer-events: none;
}

.ms_start_main {
  overflow: auto;
  width: 100%;
  height: 100%;
  padding: 55px;
  scrollbar-gutter: stable both-edges;
}

.ms_start_main_content {
  display: grid;
  max-width: calc(var(--start-items-per-row, 4) * var(--start-item-width, 320px) + (var(--start-items-per-row, 4) - 1) * var(--start-items-gap, 20px));
  margin: 0 auto;
  grid-template-columns: repeat(auto-fit, minmax(var(--start-item-width, 320px), var(--start-item-width, 320px)));
  grid-gap: var(--start-items-gap, 20px);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ms_start_main_content_hello,
.ms_start_main_content_banner {
  width: 100%;
  margin-bottom: 15px;
  grid-column: 1/-1;
}

.ms_start_main_content_hello h2,
.ms_start_main_content_banner h2 {
  margin: 0;
}

.ms_start_main_content_hello h2,
.ms_start_main_content_hello time {
  color: var(--start-color, var(--night-blue, #132c4a));
}

.ms_start_main_content .item {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: var(--start-item-width, 320px);
  height: 118px;
  padding: 15px 15px 15px 0;
  cursor: pointer;
  border: 2px solid var(--start-item-border-color, white);
  border-radius: 14px;
  background: var(--start-item-color, white);
  -webkit-box-shadow: var(--start-item-shadow, 0 2px 20px 0 rgba(0, 0, 0, 0.11));
  box-shadow: var(--start-item-shadow, 0 2px 20px 0 rgba(0, 0, 0, 0.11));
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ms_start_main_content .item:hover {
  z-index: 2;
  -webkit-box-shadow: var(--start-item-hover-shadow, 0 2px 20px 3px rgba(0, 0, 0, 0.31));
  box-shadow: var(--start-item-hover-shadow, 0 2px 20px 3px rgba(0, 0, 0, 0.31));
}

.ms_start_main_content .item.ot {
  padding: 15px;
}

.ms_start_main_content .item.ot .item_title {
  padding: 0 20px;
  text-align: center;
}

.ms_start_main_content .item_title {
  overflow: hidden !important;
  width: 100%;
  max-height: 100%;
  text-overflow: ellipsis;
}

.ms_start_main_content .item_icon {
  position: relative;
  min-width: 72px;
  max-width: 72px;
  min-height: 72px;
  max-height: 72px;
  margin-right: 36px;
  margin-left: 34px;
  text-align: center;
}

.ms_start_main_content .item_icon img,
.ms_start_main_content .item_icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.ms_start_main_content .item_icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.ms_start_main_content .item_icon i:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.ms_start_main_content .item_icon img {
  max-width: 100%;
  max-height: 100%;
}

.ms_start_main_content .item_icon svg {
  width: auto;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}

.ms_start_main_content .item_icon svg .ms_svg_fill {
  fill: var(--start-item-icon-color, var(--night-blue, #132c4a));
}

.ms_start_main_content .item_icon svg .ms_svg_stroke {
  stroke: var(--start-item-icon-color, var(--night-blue, #132c4a));
}

.ms_start_main_content .item_icon i {
  font-size: 50px;
  width: 47px;
  height: 47px;
  color: var(--start-item-icon-color, var(--night-blue, #132c4a));
}

.ms_start_main_content .item_context {
  position: absolute;
  z-index: 9999;
  top: 13px;
  right: 15px;
  width: 25px;
  height: 25px;
  padding: 5px;
}

.ms_start_main_content .item_context svg,
.ms_start_main_content .item_context_icon {
  pointer-events: none;
}

.ms_start_main_content .item_context svg {
  position: absolute;
  width: 15px;
  height: 15px;
}

.ms_start_main_content .item_context_icon .ms_svg_fill {
  fill: var(--start-item-context-icon-color, var(--night-blue, #132c4a));
}

.ms_start_main_content .item_context_icon .ms_svg_stroke {
  stroke: var(--start-item-context-icon-color, var(--night-blue, #132c4a));
}

.ms_start_main_content .item_context_icon_hover {
  display: none;
  color: var(--start-item-context-icon-hover-color, var(--ms-icon-warning-hover-color, var(--signal-pink, #f01e54)));
}

.ms_start_main_content .item_context_icon_hover .ms_svg_fill {
  fill: var(--start-item-context-icon-hover-color, var(--ms-icon-warning-hover-color, var(--signal-pink, #f01e54)));
}

.ms_start_main_content .item_context_icon_hover .ms_svg_stroke {
  stroke: var(--start-item-context-icon-hover-color, var(--ms-icon-warning-hover-color, var(--signal-pink, #f01e54)));
}

.ms_start_main_content .item_external {
  position: absolute;
  z-index: 9999;
  top: 13px;
  right: 15px;
  display: none;
  width: 25px;
  height: 25px;
  padding: 3px;
}

.ms_start_main_content .item_external svg {
  position: absolute;
  width: auto;
  height: 19px;
}

.ms_start_main_content .item_external .ms_svg_fill {
  fill: var(--start-item-external-icon-color, var(--night-blue, #132c4a));
}

.ms_start_main_content .item_external .ms_svg_stroke {
  stroke: var(--start-item-external-icon-color, var(--night-blue, #132c4a));
}

.ms_start_main_content .item_external:hover .ms_svg_fill {
  fill: var(--start-item-external-icon-hover-color, var(--blue, #285d9d));
}

.ms_start_main_content .item_external:hover .ms_svg_stroke {
  stroke: var(--start-item-external-icon-hover-color, var(--blue, #285d9d));
}

.ms_start_main_content .item.placeholder {
  visibility: hidden;
  pointer-events: none;
}

.ms_start_main_content .item.error {
  border-color: var(--start-item-error-border-color, var(--error-color, var(--signal-pink, #f01e54)));
}

.ms_start_main_content.on_mode .item_context:hover .item_context_icon {
  display: none;
}

.ms_start_main_content.on_mode .item_context:hover .item_context_icon_hover {
  display: unset;
}

.ms_start_main_content.on_mode .item_external {
  display: unset;
}

.ms_start_main_content.on_action .item {
  min-width: var(--start-item-width, 320px);
  -webkit-transition: none;
  transition: none;
}

.ms_start_main_content.on_action .item_title,
.ms_start_main_content.on_action .item_icon,
.ms_start_main_content.on_action .item_context {
  pointer-events: none;
}

.ms_start_main_content.on_action .item:hover {
  z-index: 3;
  border-color: var(--start-item-target-hover-border-color, var(--lightgreen, #8dc63f));
}

.ms_start_main_content.on_action .item.grabbed {
  position: fixed;
  z-index: 3;
  pointer-events: none;
  -webkit-box-shadow: var(--start-item-grabbed-shadow, 0 2px 20px 0 rgba(255, 255, 255, 0.65));
  box-shadow: var(--start-item-grabbed-shadow, 0 2px 20px 0 rgba(255, 255, 255, 0.65));
}

.ms_start_main_content.on_action:after {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  pointer-events: none;
  background: var(--start-item-grabbed-overlay, rgba(0, 0, 0, 0.4));
}

.ms_start_main_content .del_box {
  position: fixed;
  z-index: 3;
  top: 80px;
  left: calc(50% - 55px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 110px;
  height: 110px;
  border-radius: 14px;
  background: var(--start-delete-background-color, var(--night-blue, #132c4a));
  -webkit-box-shadow: var(--start-delete-shadow, 0 2px 20px 0 rgba(0, 0, 0, 0.11));
  box-shadow: var(--start-delete-shadow, 0 2px 20px 0 rgba(0, 0, 0, 0.11));
}

.ms_start_main_content .del_box svg {
  width: auto;
  height: 90%;
  margin: auto;
  pointer-events: none;
}

.ms_start_main_content .del_box .ms_svg_fill {
  fill: var(--start-delete-icon-color, var(--ms-icon-light-color, white));
}

.ms_start_main_content .del_box .ms_svg_stroke {
  stroke: var(--start-delete-icon-color, var(--ms-icon-light-color, white));
}

.ms_start_main_content .del_box:hover .ms_svg_fill,
.ms_start_main_content .del_box.on_hover .ms_svg_fill {
  fill: var(--start-delete-hover-icon-color, var(--ms-icon-warning-hover-color, var(--signal-pink, #f01e54)));
}

.ms_start_main_content .del_box:hover .ms_svg_stroke,
.ms_start_main_content .del_box.on_hover .ms_svg_stroke {
  stroke: var(--start-delete-hover-icon-color, var(--ms-icon-warning-hover-color, var(--signal-pink, #f01e54)));
}

.ms_start_main_content_banner {
  z-index: 1;
  min-width: var(--start-item-width, 320px);
  height: 210px;
  max-height: 210px;
  padding: 37px 30px;
  border-radius: 14px;
  background-color: var(--start-banner-color, white);
  -webkit-box-shadow: var(--start-banner-shadow, 0 2px 20px 0 rgba(0, 0, 0, 0.11));
  box-shadow: var(--start-banner-shadow, 0 2px 20px 0 rgba(0, 0, 0, 0.11));
}

.ms_start_main_content_banner .slider_bg {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 49%;
  height: 100%;
  pointer-events: none;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  background-image: url(../images/start_banner.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
}

.ms_start_main_content_banner.single_col .slider_bg {
  display: none;
}

.ms_start_main_content_banner.single_col .ms_wfl_row {
  padding: 5px 10px 0 1px;
}

.ms_start_main_content_banner.single_col .collapse_btn {
  top: 10px;
  padding: 3px 13px;
}

.ms_start_main_content_banner .ms_wfl_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 5px 10px 5px 1px;
  color: var(--start-banner-font-color, var(--font-color, var(--dark-blue, #272e36)));
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ms_start_main_content_banner .ms_wfl_row.first {
  padding-top: 0;
}

.ms_start_main_content_banner .ms_wfl_icon {
  height: 25px;
}

.ms_start_main_content_banner .ms_wfl_icon .ms_svg_fill {
  fill: var(--start-banner-wfl-icon-color, var(--info-color, darkgreen));
}

.ms_start_main_content_banner .ms_wfl_icon .ms_svg_stroke {
  stroke: var(--start-banner-wfl-icon-color, var(--info-color, darkgreen));
}

.ms_start_main_content_banner .ms_wfl_icon.overdue .ms_svg_fill {
  fill: var(--start-banner-wfl-icon-overdue-color, var(--error-color, var(--signal-pink, #f01e54)));
}

.ms_start_main_content_banner .ms_wfl_icon.overdue .ms_svg_stroke {
  stroke: var(--start-banner-wfl-icon-overdue-color, var(--error-color, var(--signal-pink, #f01e54)));
}

.ms_start_main_content_banner .ms_wfl_icon.due_today .ms_svg_fill {
  fill: var(--start-banner-wfl-icon-due-color, var(--warning-color, darkorange));
}

.ms_start_main_content_banner .ms_wfl_icon.due_today .ms_svg_stroke {
  stroke: var(--start-banner-wfl-icon-due-color, var(--warning-color, darkorange));
}

.ms_start_main_content_banner .ms_wfl_icon > svg {
  width: auto;
  height: 30px;
  margin-top: -2.5px;
}

.ms_start_main_content_banner .ms_wfl_link_icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 25px;
  cursor: pointer;
}

.ms_start_main_content_banner .ms_wfl_link_icon .ms_svg_fill {
  fill: var(--start-banner-font-color, var(--font-color, var(--dark-blue, #272e36)));
}

.ms_start_main_content_banner .ms_wfl_link_icon .ms_svg_stroke {
  stroke: var(--start-banner-font-color, var(--font-color, var(--dark-blue, #272e36)));
}

.ms_start_main_content_banner .ms_wfl_link_icon > svg {
  width: auto;
  height: 19px;
  margin: auto;
}

.ms_start_main_content_banner .ms_wfl_text {
  font-size: 16px;
  line-height: 25px;
  padding: 0 10px;
  cursor: pointer;
}

.ms_start_main_content_banner .ms_slider_slide {
  overflow: hidden;
  min-width: 290px;
  max-width: 51%;
  height: 100%;
  padding-right: 30px;
}

.ms_start_main_content_banner .ms_slider_slide .tasks_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ms_start_main_content_banner .ms_slider_slide h2 {
  line-height: 24px;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  padding-bottom: 2px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ms_start_main_content_banner .ms_slider_slide .tasks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0;
  margin: 0;
  -webkit-transition: margin-left 0.2s, opacity 0.2s;
  transition: margin-left 0.2s, opacity 0.2s;
  opacity: 0;
}

.ms_start_main_content_banner .ms_slider_slide .tasks > div {
  font-size: 14px;
  display: none;
  width: 21px;
  height: 21px;
  margin-left: 15px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  color: var(--start-banner-wfl-icon-font-color, var(--light-font-color, white));
  border-radius: 50%;
  background: var(--start-banner-wfl-icon-color, var(--info-color, darkgreen));
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ms_start_main_content_banner .ms_slider_slide .tasks > div.overdue {
  color: var(--start-banner-wfl-icon-overdue-font-color, var(--light-font-color, white));
  background: var(--start-banner-wfl-icon-overdue-color, var(--error-color, var(--signal-pink, #f01e54)));
}

.ms_start_main_content_banner .ms_slider_slide .tasks > div.due_today {
  color: var(--start-banner-wfl-icon-due-font-color, var(--light-font-color, white));
  background: var(--start-banner-wfl-icon-due-color, var(--warning-color, darkorange));
}

.ms_start_main_content_banner .ms_slider_slide .tasks > div:hover {
  color: var(--start-banner-wfl-icon-hover-font-color, var(--light-font-color, white));
  background: var(--start-banner-wfl-icon-hover-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_start_main_content_banner .ms_slider_slide .slider_content {
  font-size: 12px;
  overflow-y: auto;
  width: 100%;
  height: calc(100% - 36px);
  margin-top: 10px;
  margin-bottom: 0;
  color: var(--dark-grey, #bdbdbd);
}

.ms_start_main_content_banner .ms_slider_slide .slider_content.ms_start_news {
  font-size: 14px;
  line-height: 20px;
  color: var(--start-banner-font-color, var(--font-color, var(--dark-blue, #272e36)));
}

.ms_start_main_content_banner .ms_slider_slide .slider_content.ms_start_news > b {
  font-weight: 600;
}

.ms_start_main_content_banner .ms_slider_slide .ms_button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 11px;
}

.ms_start_main_content_banner .ms_slider_slide.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.ms_start_main_content_banner .ms_slider_control {
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background: var(--start-banner-color, white);
  -webkit-box-shadow: var(--start-banner-shadow, 0 2px 20px 0 rgba(0, 0, 0, 0.11));
  box-shadow: var(--start-banner-shadow, 0 2px 20px 0 rgba(0, 0, 0, 0.11));
}

.ms_start_main_content_banner .collapse_btn {
  font-size: 10px;
  font-weight: bold;
  position: absolute;
  top: 13px;
  right: 30px;
  padding: 4px 13px;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  transition: 0.2s;
  color: var(--start-banner-collapse-button-font-color, var(--light-font-color, white));
  border: none;
  border-radius: 8px;
  background: var(--start-banner-collapse-button-color, rgba(0, 0, 0, 0.5));
}

.ms_start_main_content_banner .collapse_btn:hover {
  background: var(--start-banner-collapse-button-hover-color, black);
}

.ms_start_main_content_banner.collapsing .ms_slider_slide {
  overflow-y: hidden;
}

.ms_start_main_content_banner.collapsing .ms_slider_slide .tasks_title > div {
  opacity: 0;
}

.ms_start_main_content_banner.collapsing .slider_content {
  overflow: hidden;
}

.ms_start_main_content_banner.collapsing .collapse_btn {
  pointer-events: none;
  opacity: 0.5;
}

.ms_start_main_content_banner.collapse {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.ms_start_main_content_banner.collapse .ms_slider_slide {
  overflow: hidden;
  height: auto;
}

.ms_start_main_content_banner.collapse .ms_slider_slide *:not(.tasks_title):not(.tasks_title *) {
  display: none;
}

.ms_start_main_content_banner.collapse .ms_slider_slide h2 {
  padding-bottom: 0;
}

.ms_start_main_content_banner.collapse .ms_slider_slide .tasks {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-left: 15px;
  opacity: 1;
}

.ms_start_main_content_banner.collapse .ms_slider_slide .tasks > div {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  min-width: 24px;
  height: 24px;
  pointer-events: all;
}

.ms_start_main_content_banner.collapse .ms_slider_control {
  display: none;
}

.ms_start_main_content_banner.no_bg .slider_bg {
  display: none;
}

.ms_start_main_content_banner.no_bg .ms_slider_slide {
  max-width: 100%;
  padding-right: 0;
}

.ms_start_external_url {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 500px;
  gap: 8px;
}

.ms_start_external_url .ms_input {
  margin: 0;
}

.ms_start_external_url .ms_button {
  margin-top: 30px;
}

.ms_start_external_translations {
  padding-right: 0;
}

.ms_wfl_start_dialog {
  padding: 10px 0;
}

.ms_wfl_start_dialog_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 10px 0 10px;
  cursor: pointer;
}

.ms_wfl_start_dialog_bullet {
  font-size: 6px;
  line-height: 19px;
}

.ms_wfl_start_dialog_text {
  padding: 0 10px;
}

.ms_wfl_start_dialog_link_icon {
  height: 100%;
}

.ms_wfl_start_dialog_link_icon svg {
  width: auto;
  height: 19px;
}

.ms_wfl_start_dialog_link_icon svg .ms_svg_fill {
  fill: var(--title-font-color, var(--night-blue, #132c4a));
}

.ms_wfl_start_dialog_link_icon svg .ms_svg_stroke {
  stroke: var(--title-font-color, var(--night-blue, #132c4a));
}

.ms_login {
  overflow: hidden;
  width: 400px;
  margin: 0 auto;
  padding: 0;
  border-radius: 14px;
  background: var(--login-color, white);
  -webkit-box-shadow: var(--login-shadow, 0 2px 20px 0 rgba(0, 0, 0, 0.11));
  box-shadow: var(--login-shadow, 0 2px 20px 0 rgba(0, 0, 0, 0.11));
}

.ms_login_form_header_logo {
  font-size: 23px;
  font-weight: bold;
  padding: 27px 0 23px 0;
  text-align: center;
  letter-spacing: 2px;
  color: var(--login-header-font-color, var(--light-font-color, white));
  background: var(--dark-blue, #272e36);
}

.ms_login_form_header_logo > img {
  width: auto;
  height: 28px;
  pointer-events: none;
}

.ms_login_form_header_title {
  margin: 12px 0;
  padding: 0 15px;
}

.ms_login_form_content {
  padding: 0 15px 23px;
}

.ms_login_form_footer {
  padding: 0 15px 24px;
}

.ms_nav {
  font-size: 12px;
  overflow: hidden;
  margin: 7px;
  letter-spacing: -0.08px;
  color: var(--navigation-font-color, var(--title-font-color, var(--night-blue, #132c4a)));
  border-radius: 14px;
  background: var(--navigation-color, white);
  -webkit-box-shadow: var(--navigation-shadow, 2px 2px 7px 0 rgba(0, 0, 0, 0.1));
  box-shadow: var(--navigation-shadow, 2px 2px 7px 0 rgba(0, 0, 0, 0.1));
}

.ms_nav_header {
  font-size: 14px;
  font-weight: 600;
  line-height: 35px;
  min-width: 215px;
  max-width: 215px;
  height: auto;
  padding-left: 10px;
  letter-spacing: -0.1px;
  color: var(--navigation-header-font-color, #797979);
  background-color: var(--navigation-header-color, #f3f3f3);
}

.ms_nav_context {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 35px;
  border-left: 8px solid var(--navigation-context-color, var(--lightgreen, #8dc63f));
  border-top-left-radius: 14px;
}

.ms_nav_context_text {
  font-weight: 600;
  line-height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 20px;
}

.ms_nav_context_split {
  white-space: pre;
}

.ms_nav_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-left: 8px solid var(--navigation-title-color, #008002);
}

.ms_nav_filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  border-left: 8px solid var(--navigation-filter-color, var(--dark-blue, #272e36));
}

.ms_nav_filter.noFilter {
  min-height: 35px;
}

.ms_nav_filter.close {
  height: 35px;
}

.ms_nav_filter_closed {
  font-weight: 600;
  line-height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding-left: 20px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.ms_nav_filter_toggle {
  min-width: 18px;
  max-width: 18px;
  min-height: 18px;
  max-height: 18px;
  margin: 10px;
  margin-left: auto;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.ms_nav_filter_toggle.on_action {
  cursor: pointer;
  pointer-events: none;
}

.ms_nav_divider {
  height: 1px;
  border-left-width: 8px;
  border-left-style: solid;
  background-color: var(--navigation-divider-color, var(--dark-grey, #bdbdbd));
}

.ms_nav_divider_title {
  border-left-color: var(--navigation-title-color, #008002);
}

.ms_nav_divider_filter {
  border-left-color: var(--navigation-filter-color, var(--dark-blue, #272e36));
}

.ms_nav_dim {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  width: 256px;
  padding-left: 6px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
}

.ms_nav_dim .ms_input {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
}

.ms_nav_dim_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: 0 0 10px 0;
  padding: 0 14px;
}

.ms_nav_dim_label {
  line-height: 28px;
  overflow: hidden;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  height: 28px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ms_nav_dim_selection {
  font-weight: 600;
  line-height: 21px;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  height: 23px;
  padding-left: 6px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--navigation-input-font-color, var(--title-font-color, var(--night-blue, #132c4a)));
  border: dotted 1px var(--navigation-input-border-color, #cfcfcf);
  border-radius: 4px;
  background-color: var(--navigation-input-color, #f3f3f3);
}

.ms_nav_dim_selection:hover {
  cursor: pointer;
  color: var(--navigation-input-hover-font-color, white) !important;
  border-color: var(--navigation-input-hover-border-color, var(--night-blue, #132c4a));
  background: var(--navigation-input-hover-color, var(--lightgreen, #8dc63f)) !important;
}

.ms_nav_dim_selection.error {
  border: solid 1px var(--navigation-input-error-border-color, var(--error-color, var(--signal-pink, #f01e54))) !important;
}

.ms_nav_dim_selection.help {
  border: solid 1px var(--navigation-input-help-border-color, var(--blue, #285d9d)) !important;
}

.ms_nav_dim_selection span {
  display: none;
}

.ms_nav_dim_filter.ms_input {
  height: 23px;
  margin-top: 5px;
}

.ms_nav_dim_filter.select {
  width: 100%;
  max-width: 100%;
  height: 23px;
}

.ms_nav_dim_filter.select_styled {
  font-size: 12px;
  font-weight: 600;
  line-height: 21px;
  display: inline-block;
  overflow: hidden;
  min-height: 23px;
  max-height: 23px;
  padding: 0;
  padding-right: 20px;
  padding-left: 6px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--navigation-input-font-color, var(--title-font-color, var(--night-blue, #132c4a)));
  border: dotted 1px var(--navigation-input-border-color, #cfcfcf);
  border-radius: 4px;
  background-color: var(--navigation-input-color, #f3f3f3);
}

.ms_nav_dim_filter.select_styled::after {
  top: calc(50% - 1px);
  right: 6px;
  border-color: var(--navigation-input-font-color, var(--title-font-color, var(--night-blue, #132c4a)));
}

.ms_nav_dim_filter.select_styled.active::after {
  top: calc(50% + 1px);
  right: 6px;
}

.ms_nav_dim_filter.select_styled:hover {
  color: var(--navigation-input-hover-font-color, white) !important;
  border-color: var(--navigation-input-hover-border-color, var(--night-blue, #132c4a));
  background: var(--navigation-input-hover-color, var(--lightgreen, #8dc63f)) !important;
}

.ms_nav_dim_filter.select_styled:hover::after {
  border-color: var(--navigation-input-hover-font-color, white);
}

.ms_nav_dim_filter.select_options li {
  font-size: 12px;
  padding: 6px;
  text-indent: 0;
}

.ms_dim_elem {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  padding: 4px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
}

.ms_dim_elem .ms_dim_elem_label {
  overflow: hidden;
  margin-left: 4px;
  white-space: nowrap;
  pointer-events: none;
  opacity: 60%;
  color: var(--dimension-element-font-color, var(--font-color, var(--dark-blue, #272e36)));
}

.ms_dim_elem .ms_dim_elem_icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 19px;
  height: 19px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ms_dim_elem .ms_dim_elem_icon svg {
  width: 90%;
  height: auto;
  max-height: 100%;
  margin: auto;
}

.ms_dim_elem .ms_dim_elem_icon .ms_svg_fill {
  fill: var(--dimension-element-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_dim_elem .ms_dim_elem_icon .ms_svg_stroke {
  stroke: var(--dimension-element-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_dim_elem.selected {
  background: var(--dimension-element-selected-color, var(--lightgreen, #8dc63f));
}

.ms_dim_elem.selected i {
  color: var(--dimension-element-selected-icon-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_dim_elem.selected .ms_dim_elem_label {
  color: var(--dimension-element-selected-font-color, var(--font-color, var(--dark-blue, #272e36)));
}

.ms_dim_elem.selected .ms_dim_elem_icon .ms_svg_fill {
  fill: var(--dimension-element-selected-icon-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_dim_elem.selected .ms_dim_elem_icon .ms_svg_stroke {
  stroke: var(--dimension-element-selected-icon-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_dim_elem.selectable {
  cursor: pointer;
}

.ms_dim_elem.selectable .ms_dim_elem_label {
  opacity: 100% !important;
}

.ms_dim_elem:not(.selected).selectable:hover {
  background: var(--dimension-element-hover-color, rgba(141, 198, 63, 0.3));
}

.ms_dim_elem:not(.selected).selectable:hover i {
  color: var(--dimension-element-hover-icon-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_dim_elem:not(.selected).selectable:hover .ms_dim_elem_label {
  color: var(--dimension-element-hover-font-color, var(--font-color, var(--dark-blue, #272e36)));
}

.ms_dim_elem:not(.selected).selectable:hover .ms_dim_elem_icon .ms_svg_fill {
  fill: var(--dimension-element-hover-icon-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_dim_elem:not(.selected).selectable:hover .ms_dim_elem_icon .ms_svg_stroke {
  stroke: var(--dimension-element-hover-icon-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_dim_elem i {
  color: var(--dimension-element-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_dim_elem_tooltip {
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  z-index: 13;
  max-width: 150px;
  max-height: 150px;
  padding: 10px;
  color: var(--dimension-element-preview-color, var(--ms-icon-color, var(--blue, #285d9d)));
  border-radius: 8px;
  background: var(--dimension-element-preview-background-color, var(--surface-container-high, #e7e8eb));
}

.ms_dim_elem_tooltip > svg {
  position: relative;
  width: 130px;
}

.ms_dim_elem_tooltip .ms_svg_fill {
  fill: var(--dimension-element-preview-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_dim_elem_tooltip .ms_svg_stroke {
  stroke: var(--dimension-element-preview-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

#MosaikElementSelection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
}

#MosaikElementTree {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  min-width: -moz-available;
  /* WebKit-based browsers will ignore this. */
  min-width: -webkit-stretch;
  /* Mozilla-based browsers will ignore this. */
  min-width: -webkit-fill-available;
  min-width: stretch;
  padding: 5px;
  border: solid 1px var(--dimension-border-color, #cfcfcf);
  border-radius: 4px;
  background-color: var(--dimension-background-color, #f3f3f3);
}

#MosaikElementTreeScroll {
  position: "absolute";
  top: 0;
  left: 0;
  width: 1px;
  opacity: 0;
}

.dim_tooltip span {
  font-weight: bold;
}

.dim_tooltip ul {
  width: 100%;
  margin: 0;
  padding: 0;
}

.dim_tooltip ul li {
  list-style: none;
  white-space: nowrap;
}

.dim_tooltip ul li:nth-child(2) {
  margin-top: 3px;
}

.dim_tooltip ul li p,
.dim_tooltip ul li span {
  margin: 0;
}

.ms_chart_frame {
  background: var(--chart-background-color, white);
}

.ms_chart_frame .cursor {
  cursor: pointer;
}

.ms_chart_error {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  text-align: center;
  color: var(--chart-error-color, var(--error-color, var(--signal-pink, #f01e54)));
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ms_chart_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}

.ms_chart_wrapper.horizontal {
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
}

.ms_chart_wrapper.horizontal .canvas {
  max-width: calc(100% - 200px);
}

.ms_chart_wrapper.vertical {
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
}

.ms_chart_wrapper.vertical .canvas {
  max-height: calc(100% - 48px);
}

.ms_chart_wrapper .canvas {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.ms_chart_legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  gap: 8px;
}

.ms_chart_legend.top,
.ms_chart_legend.bottom {
  flex-direction: row;
  padding: 8px 16px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 48px;
  flex: 0 0 48px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
}

.ms_chart_legend.top .item,
.ms_chart_legend.bottom .item {
  min-width: 0;
}

.ms_chart_legend.right,
.ms_chart_legend.left {
  flex-direction: column;
  padding: 16px 8px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 200px;
  flex: 0 0 200px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
}

.ms_chart_legend .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  max-width: 184px;
  padding: 8px 12px;
  cursor: pointer;
  border: 1px solid var(--chart-legend-border-color, #edeef0);
  border-radius: 8px;
  gap: 8px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ms_chart_legend .item .color {
  min-width: 12px;
  min-height: 12px;
  border-radius: 50%;
}

.ms_chart_legend .item .label {
  font-size: 12px;
  line-height: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--chart-legend-font-color, #272e36);
}

.ms_chart_legend .item .label.hidden {
  text-decoration: line-through;
}

.claro .dijitTabPaneWrapper {
  background: none !important;
}

.dijitContentPaneSingleChild {
  background: none !important;
}

.tm1webFullScreen {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

.tm1webGridPane {
  background-color: rgba(255, 255, 255, 0.95) !important;
}

.tm1webColumnHeaderCell {
  font-size: 6px !important;
}

.tm1webRowHeaderCell {
  font-size: 6px !important;
}

.tm1webGridScrollGutter {
  background-color: rgba(255, 255, 255, 0.95) !important;
}

.tm1webGridActionButton {
  cursor: pointer !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: var(--light-grey, #d8d8d8) !important;
  border-radius: 5px;
}

.tm1webGridActionButton:hover {
  background-color: lightgray;
}

.tm1webMultiSelect {
  height: initial;
}

/********************************************/
/* TM1 CubeView                             */
/********************************************/
.ms_tm1_cubeviewer * {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.ms_tm1_cubeviewer_toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 44px;
  padding: 0 8px;
  background: var(--cubeview-toolbar-color, #f6f7fb);
  gap: 8px;
}

.zeroSupItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 28px;
  margin: auto 0;
  padding: 5px 18px;
  cursor: pointer;
  border: solid 1px var(--cubeview-toolbar-button-border-color, var(--dark-grey, #bdbdbd));
  border-radius: 8px;
  background-color: var(--cubeview-toolbar-button-color, white);
}

.zeroSupItem .ms_svg_fill {
  fill: var(--cubeview-toolbar-button-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.zeroSupItem .ms_svg_stroke {
  stroke: var(--cubeview-toolbar-button-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.zeroSupItem svg {
  width: 16px;
  height: 16px;
  margin: auto;
}

.zeroSupItem:hover {
  border-color: var(--cubeview-toolbar-button-hover-color, var(--surface-container-high, #e7e8eb));
  background-color: var(--cubeview-toolbar-button-hover-color, var(--surface-container-high, #e7e8eb));
}

.zeroSupItem:hover .ms_svg_fill {
  fill: var(--cubeview-toolbar-button-hover-icon-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.zeroSupItem:hover .ms_svg_stroke {
  stroke: var(--cubeview-toolbar-button-hover-icon-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.zeroSupItem.selected {
  border-color: var(--cubeview-toolbar-button-selected-color, var(--blue, #285d9d));
  background-color: var(--cubeview-toolbar-button-selected-color, var(--blue, #285d9d));
}

.zeroSupItem.selected .ms_svg_fill {
  fill: var(--cubeview-toolbar-button-selected-icon-color, white);
}

.zeroSupItem.selected .ms_svg_stroke {
  stroke: var(--cubeview-toolbar-button-selected-icon-color, white);
}

.ms_connector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 8px 0;
  background: var(--connector-background-color, white);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  gap: 8px;
}

.ms_connector_header {
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  flex-direction: row;
  padding: 0 8px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  scrollbar-gutter: stable both-edges;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.ms_connector_header > .source,
.ms_connector_header > .target {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  width: calc(50% - 25px);
  padding: 12px;
  border: solid 1px var(--connector-header-border-color, var(--surface-container-highest, #e2e2e5));
  border-radius: 4px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  gap: 12px;
}

.ms_connector_header > .source > .row,
.ms_connector_header > .target > .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 8px;
}

.ms_connector_header > .source > .row > .text,
.ms_connector_header > .target > .row > .text {
  font-weight: 600;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ms_connector_header > .source > .row > .label,
.ms_connector_header > .target > .row > .label {
  font-size: 14px;
  overflow: hidden;
  margin: auto 0;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ms_connector_header > .source > .row > .ms_input,
.ms_connector_header > .target > .row > .ms_input {
  width: unset;
  min-width: 300px;
}

.ms_connector_header > .arrow,
.ms_connector_header > .search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 100%;
  background: var(--connector-header-divider-background-color, var(--night-blue, #132c4a));
}

.ms_connector_header > .arrow > svg,
.ms_connector_header > .search > svg {
  width: auto;
  height: 25px;
  margin: auto;
}

.ms_connector_header > .arrow > svg .ms_svg_fill,
.ms_connector_header > .search > svg .ms_svg_fill {
  fill: var(--connector-header-divider-icon-color, white);
}

.ms_connector_header > .arrow > svg .ms_svg_stroke,
.ms_connector_header > .search > svg .ms_svg_stroke {
  stroke: var(--connector-header-divider-icon-color, white);
}

.ms_connector_header > .source {
  color: var(--connector-header-source-font-color, var(--font-color, var(--dark-blue, #272e36)));
  border-right: unset;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ms_connector_header > .target {
  color: var(--connector-header-target-font-color, var(--font-color, var(--dark-blue, #272e36)));
  border-left: unset;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background: var(--connector-header-target-background-color, var(--surface-container-high, #e7e8eb));
}

.ms_connector_rows {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  flex-direction: column;
  padding: 0 8px;
  scrollbar-gutter: stable both-edges;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  gap: 8px;
}

.ms_connector_rows svg {
  width: auto;
  height: 18px;
}

.ms_connector_rows span {
  font-weight: 500;
  line-height: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ms_connector_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  border-radius: 4px;
  background: var(--connector-row-background-color, var(--surface-container-highest, #e2e2e5));
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
}

.ms_connector_row > .sources,
.ms_connector_row > .target {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  width: calc(50% - 25px);
  padding: 8px;
  border: solid 1px var(--connector-row-border-color, var(--surface-container-highest, #e2e2e5));
  border-radius: 4px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  gap: 8px;
}

.ms_connector_row > .sources {
  padding: 8px;
  border-right: unset;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  gap: 8px;
}

.ms_connector_row > .sources.active {
  background: var(--connector-row-sources-background-color, white);
}

.ms_connector_row .assign {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  min-height: 100%;
  border-top: solid 1px var(--connector-row-border-color, var(--surface-container-highest, #e2e2e5));
  border-bottom: solid 1px var(--connector-row-border-color, var(--surface-container-highest, #e2e2e5));
}

.ms_connector_row .assign.active {
  cursor: pointer;
  border: solid 1px var(--connector-row-border-color, var(--surface-container-highest, #e2e2e5));
  background: var(--connector-row-divider-background-color, white);
}

.ms_connector_row .assign.active > svg {
  width: auto;
  height: 25px;
  margin: auto;
}

.ms_connector_row .assign.active > svg .ms_svg_fill {
  fill: var(--connector-row-divider-icon-color, var(--blue, #285d9d));
}

.ms_connector_row .assign.active > svg .ms_svg_stroke {
  stroke: var(--connector-row-divider-icon-color, var(--blue, #285d9d));
}

.ms_connector_row .assign.active:hover {
  border: solid 1px var(--connector-row-divider-hover-background-color, var(--night-blue, #132c4a));
  background: var(--connector-row-divider-hover-background-color, var(--night-blue, #132c4a));
}

.ms_connector_row .assign.active:hover > svg .ms_svg_fill {
  fill: var(--connector-row-divider-hover-icon-color, white);
}

.ms_connector_row .assign.active:hover > svg .ms_svg_stroke {
  stroke: var(--connector-row-divider-hover-icon-color, white);
}

.ms_connector_row > .target {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  color: var(--connector-row-target-font-color, var(--font-color, var(--dark-blue, #272e36)));
  border-left: unset;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
}

.ms_connector_row > .target * {
  margin: auto 0;
}

.ms_connector_row > .target.element {
  background: var(--connector-row-target-background-color, var(--surface-container-high, #e7e8eb));
}

.ms_connector_row > .target > svg .ms_svg_fill {
  fill: var(--connector-row-target-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_connector_row > .target > svg .ms_svg_stroke {
  stroke: var(--connector-row-target-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_connector_row.drillable {
  cursor: pointer;
}

.ms_connector_row.drillable.closed > .target > svg .ms_svg_fill {
  fill: var(--connector-row-target-icon-closed-color, var(--night-blue, #132c4a));
}

.ms_connector_row.drillable.closed > .target > svg .ms_svg_stroke {
  stroke: var(--connector-row-target-icon-closed-color, var(--night-blue, #132c4a));
}

.ms_connector_source {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  padding: 8px;
  color: var(--connector-row-source-font-color, white);
  border-radius: 4px;
  background: var(--connector-row-source-background-color, var(--night-blue, #132c4a));
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ms_connector_source > .left,
.ms_connector_source > .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  gap: 8px;
}

.ms_connector_source > .left *,
.ms_connector_source > .right * {
  margin: auto 0;
}

.ms_connector_source > .left > svg .ms_svg_fill,
.ms_connector_source > .right > svg .ms_svg_fill {
  fill: var(--connector-row-source-icon-color, white);
}

.ms_connector_source > .left > svg .ms_svg_stroke,
.ms_connector_source > .right > svg .ms_svg_stroke {
  stroke: var(--connector-row-source-icon-color, white);
}

.ms_connector_source > .left > svg.click,
.ms_connector_source > .right > svg.click {
  cursor: pointer;
}

.ms_connector_source > .left > svg.click.warning:hover .ms_svg_fill,
.ms_connector_source > .right > svg.click.warning:hover .ms_svg_fill {
  fill: var(--connector-row-source-icon-warning-color, var(--error-color, var(--signal-pink, #f01e54)));
}

.ms_connector_source > .left > svg.click.warning:hover .ms_svg_stroke,
.ms_connector_source > .right > svg.click.warning:hover .ms_svg_stroke {
  stroke: var(--connector-row-source-icon-warning-color, var(--error-color, var(--signal-pink, #f01e54)));
}

.ms_connector_source > .left > svg.click:hover .ms_svg_fill,
.ms_connector_source > .right > svg.click:hover .ms_svg_fill {
  fill: var(--connector-row-source-icon-hover-color, var(--inverse-primary, #a6c8ff));
}

.ms_connector_source > .left > svg.click:hover .ms_svg_stroke,
.ms_connector_source > .right > svg.click:hover .ms_svg_stroke {
  stroke: var(--connector-row-source-icon-hover-color, var(--inverse-primary, #a6c8ff));
}

.ms_connector_source > .left {
  min-width: 0;
}

.ms_wf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: var(--workflow-background-color, white);
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
}

.ms_wf .ms_wf_top {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  min-height: 60px;
  max-height: 60px;
  padding: 0 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: var(--workflow-header-background-color, white);
  -webkit-box-shadow: var(--workflow-header-shadow, 0 2px 4px rgba(0, 0, 0, 0.15));
  box-shadow: var(--workflow-header-shadow, 0 2px 4px rgba(0, 0, 0, 0.15));
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ms_wf .ms_wf_top .zoom_is {
  font-size: 13px;
  font-weight: bold;
  min-width: 75px !important;
  color: var(--ms-icon-color, var(--blue, #285d9d));
}

.ms_wf .ms_wf_top .zoom_is:hover {
  color: var(--ms-icon-hover-color, var(--night-blue, #132c4a));
}

.ms_wf .ms_wf_top .zoom_is div {
  pointer-events: none;
}

.ms_wf .ms_wf_top .ms_button_icon {
  font-size: 16px;
}

.ms_wf .ms_wf_top .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  min-height: 30px;
  margin-right: 10px;
}

.ms_wf .ms_wf_top .top i {
  margin: auto;
}

.ms_wf .ms_wf_top .top.disable:not([data-active]) {
  pointer-events: none;
  opacity: 0.5;
}

.ms_wf .ms_wf_top .top.collapse i,
.ms_wf .ms_wf_top .top.full_screen i {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.ms_wf .ms_wf_top .top.collapse.active,
.ms_wf .ms_wf_top .top.full_screen.active {
  background: var(--workflow-header-button-active-color, var(--blue, #285d9d));
}

.ms_wf .ms_wf_top .top.collapse.active i,
.ms_wf .ms_wf_top .top.full_screen.active i {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  color: var(--workflow-header-button-active-font-color, white);
}

.ms_wf .ms_wf_top .top.collapse.active:hover,
.ms_wf .ms_wf_top .top.full_screen.active:hover {
  background: var(--workflow-header-button-active-hover-color, var(--night-blue, #132c4a));
}

.ms_wf .ms_wf_top .top.collapse.active:hover i,
.ms_wf .ms_wf_top .top.full_screen.active:hover i {
  color: var(--workflow-header-button-active-hover-font-color, white);
}

.ms_wf .ms_wf_main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-y: auto;
  flex-direction: row;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.ms_wf .ms_wf_main .ms_wf_left,
.ms_wf .ms_wf_main .ms_wf_center,
.ms_wf .ms_wf_main .ms_wf_right {
  overflow-y: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.ms_wf .ms_wf_main .ms_wf_left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-y: auto;
  flex-direction: row;
  min-width: 270px;
  max-width: 270px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-right: 1px solid var(--workflow-left-border-color, #e0e0e0);
  background: var(--workflow-left-background-color, #f1f1f1);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
}

.ms_wf .ms_wf_main .ms_wf_left .items {
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.ms_wf .ms_wf_main .ms_wf_left .items h3 {
  width: 100%;
}

.ms_wf .ms_wf_main .ms_wf_left .items .left_item_prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 33.3%;
  margin-bottom: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ms_wf .ms_wf_main .ms_wf_left .items .editor_item {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ms_wf .ms_wf_main .ms_wf_left .items .editor_item > *:not(.control) {
  pointer-events: none;
}

.ms_wf .ms_wf_main .ms_wf_left .items .editor_item .content {
  width: -webkit-fill-available;
  width: -moz-available;
  min-width: 60%;
  text-align: center;
}

.ms_wf .ms_wf_main .ms_wf_left .items .editor_item .content:not([resize]) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ms_wf .ms_wf_main .ms_wf_left .items .editor_item .item_parts {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ms_wf .ms_wf_main .ms_wf_left .items .editor_item .item_parts.mparts {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ms_wf .ms_wf_main .ms_wf_left .items .editor_item .hasLink {
  font-size: 12px;
  position: absolute;
  top: 8px;
  right: 8px;
  pointer-events: none;
  color: var(--workflow-item-link-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_wf .ms_wf_main .ms_wf_left .items .editor_item:hover .hasLink {
  color: var(--workflow-item-hover-link-icon-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_wf .ms_wf_main .ms_wf_left .items .editor_item.in_selection {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: var(--workflow-item-selection-border-color, var(--lightgreen, #8dc63f)) dashed 1px;
  background: none;
}

.ms_wf .ms_wf_main .ms_wf_left .items .editor_item .actions {
  position: absolute;
  z-index: 1;
  top: -30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
}

.ms_wf .ms_wf_main .ms_wf_left .items .editor_item .actions .ms_button {
  font-size: 13px;
  line-height: 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: auto;
  height: 25px;
  margin-right: 2px;
  padding: 0 16px;
  pointer-events: all;
}

.ms_wf .ms_wf_main .ms_wf_left .items .editor_item .actions .ms_button i {
  margin: auto;
}

.ms_wf .ms_wf_main .ms_wf_left .items .editor_item .actions .ms_button.item_del:hover {
  background: var(--workflow-item-delete-background-color, var(--surface-container-high, #e7e8eb));
}

.ms_wf .ms_wf_main .ms_wf_left .items .editor_item .actions .ms_button.item_del:hover i {
  color: var(--workflow-item-delete-icon-color, var(--error-color, var(--signal-pink, #f01e54)));
}

.ms_wf .ms_wf_main .ms_wf_left .items .editor_item .connectors {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: none;
}

.ms_wf .ms_wf_main .ms_wf_left .items .editor_item .connectors_point {
  position: absolute;
  z-index: 9999;
  width: 8px;
  height: 8px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: auto;
  border-radius: 50%;
  outline: none;
  background: var(--workflow-item-connector-color, var(--lightgreen, #8dc63f));
}

.ms_wf .ms_wf_main .ms_wf_left .items .editor_item .connectors_point:before {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  content: "";
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 7px solid transparent;
  border-radius: 50%;
  background: transparent;
}

.ms_wf .ms_wf_main .ms_wf_left .items .editor_item .connectors_point:hover {
  background: var(--workflow-item-connector-hover-color, var(--signal-pink, #f01e54));
}

.ms_wf .ms_wf_main .ms_wf_left .items .editor_item .connectors_point:hover:before {
  border-color: var(--workflow-item-connector-hover-shadow, rgba(0, 0, 0, 0.2));
}

.ms_wf .ms_wf_main .ms_wf_left .items .editor_item.controlled {
  z-index: 3;
}

.ms_wf .ms_wf_main .ms_wf_left .items .editor_item.controlled .control .control_b {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  outline: var(--workflow-item-resize-border-color, var(--lightgreen, #8dc63f)) dashed 1px;
  background: none;
}

.ms_wf .ms_wf_main .ms_wf_left .items .editor_item.controlled .control .resize {
  position: absolute;
  z-index: 9999;
  width: 8px;
  height: 8px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 1px solid var(--workflow-item-resize-point-border-color, var(--lightgreen, #8dc63f));
  border-radius: 50%;
  outline: none;
  background: var(--workflow-item-resize-point-color, white);
}

.ms_wf .ms_wf_main .ms_wf_left .items .editor_item.controlled .control .resize:hover {
  -webkit-transition: 0.1s;
  transition: 0.1s;
  border-width: 4px !important;
}

.ms_wf .ms_wf_main .ms_wf_left .items .editor_item.pseudo_element {
  opacity: 0.3;
}

.ms_wf .ms_wf_main .ms_wf_left .items .editor_item.collision .item_info {
  -webkit-transition: 0.1s;
  transition: 0.1s;
  background: var(--workflow-item-collision-color, var(--error-color, var(--signal-pink, #f01e54))) !important;
}

.ms_wf .ms_wf_main .ms_wf_left .items .editor_item.collision .editor_item_svg path {
  -webkit-transition: 0.1s;
  transition: 0.1s;
  stroke-width: 1;
  stroke-dasharray: 0;
  stroke: var(--workflow-item-collision-color, var(--error-color, var(--signal-pink, #f01e54)));
}

.ms_wf .ms_wf_main .ms_wf_left .items .editor_item.isOverdue .item_info {
  background: var(--workflow-item-overdue-color, var(--warning-color, darkorange)) !important;
}

.ms_wf .ms_wf_main .ms_wf_left .items .editor_item.isOverdue .editor_item_svg path {
  stroke-width: 1;
  stroke-dasharray: 0;
  stroke: var(--workflow-item-overdue-color, var(--warning-color, darkorange));
}

.ms_wf .ms_wf_main .ms_wf_left .items .editor_item {
  position: relative;
  margin: 10px 0;
}

.ms_wf .ms_wf_main .ms_wf_left .items .editor_item[data-type=triangle] .text {
  top: 73%;
}

.ms_wf .ms_wf_main .ms_wf_left .items .editor_item.group_item .item_parts {
  height: 25px;
}

.ms_wf .ms_wf_main .ms_wf_left .items .editor_item[data-type=multiTask] .item_parts {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ms_wf .ms_wf_main .ms_wf_left .items .editor_item[data-type=multiTask] .item_parts .percentage_block {
  display: none;
}

.ms_wf .ms_wf_main .ms_wf_left .items_list {
  position: relative;
  width: 100%;
  margin: 0 8px;
  list-style: none;
  border-radius: 8px;
  background: var(--workflow-left-itemlist-color, white);
}

.ms_wf .ms_wf_main .ms_wf_left .items_list:before {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 24.2px;
  width: 2px;
  height: 100%;
  content: "";
  background: var(--workflow-left-itemlist-line-color, var(--light-grey, #d8d8d8));
}

.ms_wf .ms_wf_main .ms_wf_left .items_list li {
  position: relative;
  z-index: 1;
  margin-bottom: 8px;
  padding: 10px 35px 10px 0;
  cursor: help;
}

.ms_wf .ms_wf_main .ms_wf_left .items_list li h6 {
  margin: 0;
}

.ms_wf .ms_wf_main .ms_wf_left .items_list li .item_status {
  position: absolute;
  top: calc(50% - 9px);
  left: -24px;
  display: block;
  width: 18px;
  height: 18px;
  border: 4px solid var(--workflow-left-itemlist-color, white);
  border-radius: 50%;
}

.ms_wf .ms_wf_main .ms_wf_left .items_list li .item_status.isOverdue {
  background: var(--workflow-item-overdue-color, var(--warning-color, darkorange)) !important;
}

.ms_wf .ms_wf_main .ms_wf_left .items_list li .item_owner {
  position: absolute;
  z-index: 999;
  top: calc(50% - 8px);
  right: 8px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  text-align: center;
  pointer-events: auto;
  color: var(--workflow-left-itemlist-owner-unassigned-color, var(--ms-icon-color, var(--blue, #285d9d)));
  border: 1px solid var(--workflow-left-itemlist-owner-unassigned-color, var(--ms-icon-color, var(--blue, #285d9d)));
  border-radius: 4px;
}

.ms_wf .ms_wf_main .ms_wf_left .items_list li .item_owner i {
  font-size: 14px;
  position: relative;
  top: 2px;
}

.ms_wf .ms_wf_main .ms_wf_left .items_list li .item_owner:hover {
  color: var(--workflow-left-itemlist-owner-hover-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a))) !important;
  border-color: var(--workflow-left-itemlist-owner-hover-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a))) !important;
}

.ms_wf .ms_wf_main .ms_wf_left .items_list li.has_owner .item_owner {
  color: var(--workflow-left-itemlist-owner-assigned-color, var(--lightgreen, #8dc63f));
  border-color: var(--workflow-left-itemlist-owner-assigned-color, var(--lightgreen, #8dc63f));
}

.ms_wf .ms_wf_main .ms_wf_left .items_list li[on_filter] {
  display: none;
}

.ms_wf .ms_wf_main .ms_wf_left .items_filter {
  margin: 25px 15px;
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item > *:not(.control) {
  pointer-events: none;
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item .content {
  width: -webkit-fill-available;
  width: -moz-available;
  min-width: 60%;
  text-align: center;
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item .content:not([resize]) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item .item_parts {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item .item_parts.mparts {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item .hasLink {
  font-size: 12px;
  position: absolute;
  top: 8px;
  right: 8px;
  pointer-events: none;
  color: var(--workflow-item-link-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item:hover .hasLink {
  color: var(--workflow-item-hover-link-icon-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item.in_selection {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: var(--workflow-item-selection-border-color, var(--lightgreen, #8dc63f)) dashed 1px;
  background: none;
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item .actions {
  position: absolute;
  z-index: 1;
  top: -30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item .actions .ms_button {
  font-size: 13px;
  line-height: 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: auto;
  height: 25px;
  margin-right: 2px;
  padding: 0 16px;
  pointer-events: all;
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item .actions .ms_button i {
  margin: auto;
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item .actions .ms_button.item_del:hover {
  background: var(--workflow-item-delete-background-color, var(--surface-container-high, #e7e8eb));
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item .actions .ms_button.item_del:hover i {
  color: var(--workflow-item-delete-icon-color, var(--error-color, var(--signal-pink, #f01e54)));
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item .connectors {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: none;
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item .connectors_point {
  position: absolute;
  z-index: 9999;
  width: 8px;
  height: 8px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: auto;
  border-radius: 50%;
  outline: none;
  background: var(--workflow-item-connector-color, var(--lightgreen, #8dc63f));
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item .connectors_point:before {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  content: "";
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 7px solid transparent;
  border-radius: 50%;
  background: transparent;
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item .connectors_point:hover {
  background: var(--workflow-item-connector-hover-color, var(--signal-pink, #f01e54));
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item .connectors_point:hover:before {
  border-color: var(--workflow-item-connector-hover-shadow, rgba(0, 0, 0, 0.2));
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item.controlled {
  z-index: 3;
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item.controlled .control .control_b {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  outline: var(--workflow-item-resize-border-color, var(--lightgreen, #8dc63f)) dashed 1px;
  background: none;
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item.controlled .control .resize {
  position: absolute;
  z-index: 9999;
  width: 8px;
  height: 8px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 1px solid var(--workflow-item-resize-point-border-color, var(--lightgreen, #8dc63f));
  border-radius: 50%;
  outline: none;
  background: var(--workflow-item-resize-point-color, white);
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item.controlled .control .resize:hover {
  -webkit-transition: 0.1s;
  transition: 0.1s;
  border-width: 4px !important;
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item.pseudo_element {
  opacity: 0.3;
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item.collision .item_info {
  -webkit-transition: 0.1s;
  transition: 0.1s;
  background: var(--workflow-item-collision-color, var(--error-color, var(--signal-pink, #f01e54))) !important;
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item.collision .editor_item_svg path {
  -webkit-transition: 0.1s;
  transition: 0.1s;
  stroke-width: 1;
  stroke-dasharray: 0;
  stroke: var(--workflow-item-collision-color, var(--error-color, var(--signal-pink, #f01e54)));
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item.isOverdue .item_info {
  background: var(--workflow-item-overdue-color, var(--warning-color, darkorange)) !important;
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item.isOverdue .editor_item_svg path {
  stroke-width: 1;
  stroke-dasharray: 0;
  stroke: var(--workflow-item-overdue-color, var(--warning-color, darkorange));
}

@-webkit-keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}
@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}
.ms_wf .ms_wf_main .ms_wf_left .temp_div .percentage_block_svg {
  display: block;
  width: 48px;
  height: 48px;
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .percentage_block_svg_bg {
  fill: none;
  stroke: var(--workflow-item-percentage-circle-color, var(--light-grey, #d8d8d8));
  stroke-width: 3.8;
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .percentage_block_svg_bar {
  -webkit-animation: progress 1s ease-out forwards;
  animation: progress 1s ease-out forwards;
  fill: none;
  stroke-width: 2.8;
  stroke-linecap: round;
  stroke: var(--workflow-item-percentage-circle-fill-color, var(--lightgreen, #8dc63f));
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .percentage_block_svg_text {
  font-size: 8px;
  font-weight: 700;
  fill: var(--workflow-item-percentage-font-color, var(--font-color, var(--dark-blue, #272e36)));
  text-anchor: middle;
  dominant-baseline: central;
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item {
  position: fixed;
  z-index: 99999;
  pointer-events: none !important;
  opacity: 0;
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item[data-type=multiTask],
.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item[data-type=task] {
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
  border-radius: 14px;
  -webkit-box-shadow: var(--workflow-item-hover-shadow, 0 2px 45px 0 rgba(0, 0, 0, 0.31));
  box-shadow: var(--workflow-item-hover-shadow, 0 2px 45px 0 rgba(0, 0, 0, 0.31));
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item[data-type=multiTask] .item_info,
.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item[data-type=task] .item_info {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 100%;
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item[data-type=multiTask] .item_parts,
.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item[data-type=task] .item_parts {
  padding-left: 40px;
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item[data-type=multiTask] .item_info,
.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item[data-type=task] .item_info {
  background: var(--workflow-item-create-color, var(--lightgreen, #8dc63f)) !important;
}

.ms_wf .ms_wf_main .ms_wf_left .temp_div .editor_item_svg path {
  stroke: var(--workflow-item-create-color, var(--lightgreen, #8dc63f));
  stroke-width: 1;
}

.ms_wf .ms_wf_main .ms_wf_left.collapsed {
  overflow: hidden;
  width: 0;
  min-width: 0;
  padding: 5px;
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
}

.ms_wf .ms_wf_main .ms_wf_left.collapsed * {
  opacity: 0;
}

.ms_wf .ms_wf_main .ms_wf_left .filter {
  margin: 8px;
}

.ms_wf .ms_wf_main .ms_wf_center {
  overflow: hidden;
}

.ms_wf .ms_wf_main .ms_wf_center_content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  width: 100%;
  height: 100%;
  min-height: calc(100vh - 150px);
  background-position: 1px 1px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ms_wf .ms_wf_main .ms_wf_center_content:not(.inst_page) {
  background-image: url(../images/workFlowEditorBg.svg);
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content {
  position: absolute;
  top: 0 !important;
  left: 0 !important;
  background: none;
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_scale {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_container {
  width: 100%;
  height: 100%;
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body {
  position: absolute;
  z-index: 1;
  top: 70px;
  left: 40px;
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item > *:not(.control) {
  pointer-events: none;
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item .content {
  width: -webkit-fill-available;
  width: -moz-available;
  min-width: 60%;
  text-align: center;
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item .content:not([resize]) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item .item_parts {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item .item_parts.mparts {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item .hasLink {
  font-size: 12px;
  position: absolute;
  top: 8px;
  right: 8px;
  pointer-events: none;
  color: var(--workflow-item-link-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item:hover .hasLink {
  color: var(--workflow-item-hover-link-icon-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item.in_selection {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: var(--workflow-item-selection-border-color, var(--lightgreen, #8dc63f)) dashed 1px;
  background: none;
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item .actions {
  position: absolute;
  z-index: 1;
  top: -30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item .actions .ms_button {
  font-size: 13px;
  line-height: 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: auto;
  height: 25px;
  margin-right: 2px;
  padding: 0 16px;
  pointer-events: all;
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item .actions .ms_button i {
  margin: auto;
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item .actions .ms_button.item_del:hover {
  background: var(--workflow-item-delete-background-color, var(--surface-container-high, #e7e8eb));
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item .actions .ms_button.item_del:hover i {
  color: var(--workflow-item-delete-icon-color, var(--error-color, var(--signal-pink, #f01e54)));
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item .connectors {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: none;
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item .connectors_point {
  position: absolute;
  z-index: 9999;
  width: 8px;
  height: 8px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: auto;
  border-radius: 50%;
  outline: none;
  background: var(--workflow-item-connector-color, var(--lightgreen, #8dc63f));
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item .connectors_point:before {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  content: "";
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 7px solid transparent;
  border-radius: 50%;
  background: transparent;
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item .connectors_point:hover {
  background: var(--workflow-item-connector-hover-color, var(--signal-pink, #f01e54));
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item .connectors_point:hover:before {
  border-color: var(--workflow-item-connector-hover-shadow, rgba(0, 0, 0, 0.2));
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item.controlled {
  z-index: 3;
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item.controlled .control .control_b {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  outline: var(--workflow-item-resize-border-color, var(--lightgreen, #8dc63f)) dashed 1px;
  background: none;
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item.controlled .control .resize {
  position: absolute;
  z-index: 9999;
  width: 8px;
  height: 8px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 1px solid var(--workflow-item-resize-point-border-color, var(--lightgreen, #8dc63f));
  border-radius: 50%;
  outline: none;
  background: var(--workflow-item-resize-point-color, white);
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item.controlled .control .resize:hover {
  -webkit-transition: 0.1s;
  transition: 0.1s;
  border-width: 4px !important;
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item.pseudo_element {
  opacity: 0.3;
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item.collision .item_info {
  -webkit-transition: 0.1s;
  transition: 0.1s;
  background: var(--workflow-item-collision-color, var(--error-color, var(--signal-pink, #f01e54))) !important;
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item.collision .editor_item_svg path {
  -webkit-transition: 0.1s;
  transition: 0.1s;
  stroke-width: 1;
  stroke-dasharray: 0;
  stroke: var(--workflow-item-collision-color, var(--error-color, var(--signal-pink, #f01e54)));
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item.isOverdue .item_info {
  background: var(--workflow-item-overdue-color, var(--warning-color, darkorange)) !important;
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item.isOverdue .editor_item_svg path {
  stroke-width: 1;
  stroke-dasharray: 0;
  stroke: var(--workflow-item-overdue-color, var(--warning-color, darkorange));
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item[data-type=multiTask],
.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item[data-type=task] {
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
  border-radius: 14px;
  -webkit-box-shadow: var(--workflow-item-shadow, 0 2px 20px 0 rgba(0, 0, 0, 0.11));
  box-shadow: var(--workflow-item-shadow, 0 2px 20px 0 rgba(0, 0, 0, 0.11));
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item[data-type=multiTask] .item_info,
.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item[data-type=task] .item_info {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 100%;
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item[data-type=multiTask] .item_parts,
.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item[data-type=task] .item_parts {
  padding-left: 40px;
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item[data-type=multiTask]:hover,
.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item[data-type=multiTask].is_target,
.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item[data-type=task]:hover,
.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item[data-type=task].is_target {
  -webkit-box-shadow: var(--workflow-item-hover-shadow, 0 2px 45px 0 rgba(0, 0, 0, 0.31));
  box-shadow: var(--workflow-item-hover-shadow, 0 2px 45px 0 rgba(0, 0, 0, 0.31));
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}
.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item[data-type=multiTask] .percentage_block_svg {
  display: block;
  width: 48px;
  height: 48px;
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item[data-type=multiTask] .percentage_block_svg_bg {
  fill: none;
  stroke: var(--workflow-item-percentage-circle-color, var(--light-grey, #d8d8d8));
  stroke-width: 3.8;
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item[data-type=multiTask] .percentage_block_svg_bar {
  -webkit-animation: progress 1s ease-out forwards;
  animation: progress 1s ease-out forwards;
  fill: none;
  stroke-width: 2.8;
  stroke-linecap: round;
  stroke: var(--workflow-item-percentage-circle-fill-color, var(--lightgreen, #8dc63f));
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_content_body .editor_item[data-type=multiTask] .percentage_block_svg_text {
  font-size: 8px;
  font-weight: 700;
  fill: var(--workflow-item-percentage-font-color, var(--font-color, var(--dark-blue, #272e36)));
  text-anchor: middle;
  dominant-baseline: central;
}

.ms_wf .ms_wf_main .ms_wf_center_content:not(.inst_page) .main_arrows_container g {
  z-index: 0;
}

.ms_wf .ms_wf_main .ms_wf_center_content:not(.inst_page) .main_arrows_container path {
  cursor: pointer;
  pointer-events: visiblestroke;
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_arrows_container .ms_arrow {
  fill: none;
  stroke: var(--workflow-arrow-color, var(--dark-blue, #272e36));
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_arrows_container .ms_arrow_pseudo {
  fill: none;
  stroke: transparent;
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_arrows_container .ms_arrow_tip {
  stroke: var(--workflow-arrow-color, var(--dark-blue, #272e36));
  fill: var(--workflow-arrow-color, var(--dark-blue, #272e36));
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_arrows_container .ms_arrow_tip.isBack {
  stroke: var(--workflow-arrow-back-color, #7d8286);
  fill: var(--workflow-arrow-back-color, #7d8286);
}

.ms_wf .ms_wf_main .ms_wf_center_content .main_arrows_container .ms_arrow.isBack {
  stroke: var(--workflow-arrow-back-color, #7d8286);
}

.ms_wf .ms_wf_main .ms_wf_center_content .toolTip {
  font-size: 12px;
  position: absolute;
  z-index: 99999;
  padding: 5px 10px;
  border-radius: 4px;
  background: var(--workflow-item-tooltip-color, var(--lightgreen, #8dc63f));
}

.ms_wf .ms_wf_main .ms_wf_center_content .toolTip span {
  font-weight: bold;
}

.ms_wf .ms_wf_main .ms_wf_center_content .toolTip ul {
  width: 100%;
  margin: 0;
  padding: 0;
}

.ms_wf .ms_wf_main .ms_wf_center_content .toolTip ul li {
  margin-bottom: 3px;
  list-style: none;
  white-space: nowrap;
}

.ms_wf .ms_wf_main .ms_wf_center_content .toolTip ul li p,
.ms_wf .ms_wf_main .ms_wf_center_content .toolTip ul li span {
  margin: 0;
  color: var(--workflow-item-tooltip-font-color, white);
}

.ms_wf .ms_wf_main .ms_wf_center .select_box {
  position: absolute;
  border: 1px solid var(--workflow-selection-rectangle-border-color, rgb(0, 48, 103));
  background-color: var(--workflow-selection-rectangle-color, rgba(89, 159, 238, 0.2));
}

.ms_wf .ms_wf_main .ms_wf_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: hidden;
  overflow-y: auto;
  min-width: 285px;
  max-width: 285px;
  padding: 20px;
  border-left: 1px solid var(--workflow-right-border-color, #e0e0e0);
  background: var(--workflow-right-background-color, #f1f1f1);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ms_wf .ms_wf_main .ms_wf_right h3 {
  width: 100%;
}

.ms_wf .ms_wf_main .ms_wf_right_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: space-evenly;
  align-content: space-evenly;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ms_wf .ms_wf_main .ms_wf_right_content .ms_input.half {
  display: inline-block;
  width: 45%;
}

.ms_wf .ms_wf_main .ms_wf_right.collapsed {
  overflow: hidden;
  width: 0;
  min-width: 0;
  padding: 5px;
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
}

.ms_wf .ms_wf_main .ms_wf_right.collapsed * {
  opacity: 0;
}

.ms_wf .ms_wf_main .ms_wf_right h5 {
  width: 100%;
}

.ms_wf .ms_wf_main .ms_wf_right .add_options {
  display: block;
  width: 100%;
}

.ms_wf .ms_wf_main .ms_wf_right .add_options .ms_input {
  margin-bottom: 10px;
}

.ms_wf .ms_wf_main .ms_wf_right .add_options .ms_button {
  width: auto;
}

.ms_wf .ms_wf_main .ms_wf_right .ms_button {
  margin: auto;
}

.ms_xlcubed_frame {
  width: 100%;
  height: 100%;
}

.ms_sap {
  position: relative;
  height: calc(100% - 40px);
  margin-bottom: 40px;
}

.ms_sap .search_config {
  position: absolute;
  bottom: -30px;
  left: 50%;
  width: 200px;
  margin: 0 auto;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.ms_sap_table thead tr th {
  white-space: nowrap;
}

.ms_sap_table thead tr th:last-child {
  width: 0.01%;
}

.ms_sap_table tbody .ms_button {
  max-width: 100px;
}

.ms_sap_overview {
  height: 100%;
  padding: 15px;
}

.ms_sap_overview > .table {
  height: 100%;
  max-height: calc(50% - 50px);
  margin: 10px 0 50px;
}

.ms_sap_editor {
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  flex-direction: column;
  width: 100%;
  height: calc(100% + 40px);
  background: var(--sap-editor-background-color, white);
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ms_sap_editor_header {
  padding: 25px 0;
}

.ms_sap_editor_header .ms_stepper_wrapper {
  max-width: 920px;
  margin: 0 auto;
}

.ms_sap_editor_header {
  position: relative;
  display: block;
}

.ms_sap_editor_footer {
  position: relative;
  display: block;
  padding: 20px 0;
}

.ms_sap_editor_footer .ms_sap_editor_footer_content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ms_sap_editor_footer .ms_sap_editor_footer_content .ms_button {
  width: auto;
  min-width: 170px;
}

.ms_sap_editor_content {
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  height: 100vh;
  max-height: calc(100% - 205px);
  scrollbar-gutter: stable both-edges;
}

.ms_sap_editor_content h2 {
  margin: 5px 0;
  text-align: center;
}

.ms_sap_editor_content .ms_sap_editor_connection {
  height: 100%;
}

.ms_sap_editor_content .ms_sap_editor_connection .action_config {
  max-width: 920px;
  margin: 0 auto 25px;
  padding: 15px;
  border: 1px solid var(--sap-editor-connection-border-color, var(--dark-blue, #272e36));
  border-radius: 8px;
}

.ms_sap_editor_content .ms_sap_editor_connection .action_config_inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ms_sap_editor_content .ms_sap_editor_connection .action_config .ms_input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
  -ms-flex-preferred-size: 44%;
  flex-basis: 44%;
}

.ms_sap_editor_content .ms_sap_editor_connection .action_config .ms_input.ms_input_toggle {
  margin: 25px 0 0 !important;
}

.ms_sap_editor_content .ms_sap_editor_connection .action_api {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 920px;
  margin: 0 auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ms_sap_editor_content .ms_sap_editor_connection .action_api .arrow {
  font-size: 20px;
  -ms-flex-item-align: center;
  align-self: center;
}

.ms_sap_editor_content .ms_sap_editor_connection .action_api_sap_odata,
.ms_sap_editor_content .ms_sap_editor_connection .action_api_mosaik {
  position: relative;
  padding: 15px 15px 50px;
  border: 1px solid var(--sap-editor-connection-border-color, var(--dark-blue, #272e36));
  border-radius: 8px;
  -ms-flex-preferred-size: 46%;
  flex-basis: 46%;
}

.ms_sap_editor_content .ms_sap_editor_connection .action_api_sap_odata .ms_button,
.ms_sap_editor_content .ms_sap_editor_connection .action_api_mosaik .ms_button {
  position: absolute;
  right: 15px;
  bottom: 15px;
}

.ms_sap_editor_content .ms_sap_editor_connection .action_api_sap_odata.check_success,
.ms_sap_editor_content .ms_sap_editor_connection .action_api_mosaik.check_success {
  border-color: var(--sap-editor-connection-success-border-color, var(--lightgreen, #8dc63f));
}

.ms_sap_editor_content .ms_sap_editor_connection .action_api_sap_odata.check_error,
.ms_sap_editor_content .ms_sap_editor_connection .action_api_mosaik.check_error {
  border-color: var(--sap-editor-connection-error-border-color, var(--error-color, var(--signal-pink, #f01e54)));
}

.ms_sap_editor_content .ms_sap_editor_connection .action_api .connections_check_true,
.ms_sap_editor_content .ms_sap_editor_connection .action_api .connections_check_false {
  font-size: 20px;
  margin-right: -25px;
  margin-left: 10px;
}

.ms_sap_editor_content .ms_sap_editor_connection .action_api .connections_check_true {
  color: var(--sap-editor-connection-check-success-icon-color, var(--lightgreen, #8dc63f));
}

.ms_sap_editor_content .ms_sap_editor_connection .action_api .connections_check_false {
  color: var(--sap-editor-connection-check-error-icon-color, var(--error-color, var(--signal-pink, #f01e54)));
}

.ms_sap_editor_content .ms_sap_connect_data {
  height: 100%;
}

.ms_sap_editor_content .ms_sap_connect_data .ms_tabs {
  width: 100%;
  height: 100%;
}

.ms_sap_editor_content .ms_sap_connect_data .ms_tabs .tabs {
  position: relative;
}

.ms_sap_editor_content .ms_sap_connect_data .ms_tabs .tabs .tab {
  cursor: default;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.ms_sap_editor_content .ms_sap_connect_data .ms_tabs .tabs .tab > .cube_tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.ms_sap_editor_content .ms_sap_connect_data .ms_tabs .tabs .tab > .cube_tab > span,
.ms_sap_editor_content .ms_sap_connect_data .ms_tabs .tabs .tab > .cube_tab > div {
  height: 18px;
}

.ms_sap_editor_content .ms_sap_connect_data .ms_tabs .tabs .tab > .cube_tab > .title {
  line-height: 18px;
}

.ms_sap_editor_content .ms_sap_connect_data .ms_tabs .tabs .tab svg:nth-last-child(-n+2) {
  max-width: 0;
  max-height: 0;
  -webkit-transition: margin 0.2s ease-in-out, max-width 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition: margin 0.2s ease-in-out, max-width 0.2s ease-in-out, opacity 0.2s ease-in-out;
  opacity: 0;
}

.ms_sap_editor_content .ms_sap_connect_data .ms_tabs .tabs .tab:hover svg:nth-last-child(-n+2) {
  max-width: 100px;
  max-height: 100px;
  opacity: 1;
}

.ms_sap_editor_content .ms_sap_connect_data .ms_tabs .tabs .tab:last-child {
  margin-right: 11px;
}

.ms_sap_editor_content .ms_sap_connect_data .ms_tabs .tabs_actions {
  position: relative;
  display: block;
  float: right;
  margin-right: 5px;
}

.ms_sap_editor_content .ms_sap_connect_data .ms_tabs .tabs_actions .new_tab {
  font-size: 20px;
  line-height: 39px;
  cursor: pointer;
  color: var(--ms-icon-color, var(--blue, #285d9d));
}

.ms_sap_editor_content .ms_sap_connect_data .ms_tabs .tabs_actions .new_tab:hover {
  color: var(--ms-icon-hover-color, var(--night-blue, #132c4a));
}

.ms_sap_editor_content .ms_sap_connect_data .ms_tabs .content {
  overflow-y: auto;
  max-height: calc(100% - 20px);
  margin: 0 -10px;
  padding: 25px 15px 0;
}

.ms_sap_editor_content .ms_sap_connect_data .ms_tabs .content .tab_content {
  max-width: 920px;
  margin: 0 auto;
}

.ms_sap_editor_content .ms_sap_connect_data .ms_tabs .content .tab_content .ms_input {
  max-width: 300px;
}

.ms_sap_editor_content .ms_sap_connect_data .ms_tabs .content .tab_content .ms_table {
  width: 100%;
  margin: 0 0 50px;
}

.ms_sap_editor_content .ms_sap_connect_data .ms_tabs .content .tab_content .ms_table.export_map_table {
  margin-top: 30px;
}

.ms_sap_editor_content .ms_sap_connect_data .ms_tabs .content .tab_content tbody td:first-child {
  width: auto;
}

.ms_sap_editor_content .ms_sap_connect_data .ms_tabs .content .tab_content .import_cell_append td:nth-child(1) {
  width: 1%;
}

.ms_sap_editor_content .ms_sap_connect_data .ms_tabs .content .tab_content .import_cell_append td:nth-child(2) {
  width: 5%;
  white-space: break-spaces;
}

.ms_sap_editor_content .ms_sap_connect_data .ms_tabs .content .export_line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 24px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
}

.ms_sap_editor_content .ms_sap_connect_data .ms_tabs .content .export_line > .ms_input {
  max-width: unset;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
}

.ms_sap_editor_content .ms_sap_connect_data .ms_tabs .content .export_mdx {
  height: 300px;
}

.ms_sap_editor_content .ms_sap_connect_data .ms_tabs .content .export_mdx .label_text {
  margin-right: 8px;
}

.ms_sap_editor_content .ms_sap_connect_data .ms_tabs .content .export_mdx .label_text:after {
  margin-left: 3px;
  content: "*";
  color: var(--input-required-color, var(--signal-pink, #f01e54));
}

.ms_sap_editor_content .ms_sap_connect_data .ms_tabs .content .export_mdx .ms_ace_wrapper {
  height: calc(100% - 30px);
}

.ms_sap_editor_content .ms_sap_connect_data .ms_tabs .content .export_mdx .ms_ace_wrapper:not(.error) .ms_ace_editor {
  height: 100%;
}

.ms_sap_editor_content .ms_sap_connect_data .ms_tabs .content .export_type {
  width: 100%;
  max-width: 100% !important;
}

.ms_sap_editor_content .sap_check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 920px;
  height: 100%;
  margin: 0 auto;
}

.ms_sap_editor_content .sap_check_success {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ms_sap_editor_content .sap_check_success i {
  font-size: 22px;
  margin-right: 10px;
  color: var(--sap-editor-config-check-success-icon-color, var(--lightgreen, #8dc63f));
}

.ms_sap_editor_content .sap_check .checkTable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 100%;
  margin: 24px 0;
}

.ms_sap_editor_content .sap_check .checkTable thead tr th:first-child {
  width: 20%;
}

.ms_sap_editor_content .sap_check .checkTable tbody tr td:first-child {
  white-space: break-spaces;
}

.ms_sap_editor_content .sap_check .checkTable tbody tr td:last-child {
  text-align: center;
}

@media screen and (max-width: 629px) {
  .ms_sap_editor_content .ms_sap_connect_data .ms_tabs .content .export_fields {
    flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
  }
  .ms_sap_editor_content .ms_sap_connect_data .ms_tabs .content .export_fields_col {
    max-width: 100%;
  }
}
.cubeSettingsContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  min-width: 500px;
  padding: 0 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
}

.cubeSettingsContent .ms_input.ms_input_toggle {
  margin: 12px 0;
}

.cubeSettingsContent.long {
  width: 900px;
}

.cubeSettingsContent.long .ms_table {
  margin-top: 25px;
}

.cubeSettingsContent.long .ms_table tbody td:first-child {
  width: 1%;
}

.cubeSettingsContent.export_dialog .ms_table .ms_input,
.cubeSettingsContent > div {
  width: 100%;
}

.cubeSettingsContent .ms_input {
  width: calc(100% - 40px);
  max-width: 300px;
  margin: 1px auto;
}

.cubeSettingsContent .ms_input .del_fields_inp,
.cubeSettingsContent .ms_input .move_fields_inp {
  position: absolute;
  top: 50%;
  width: auto;
  height: 18px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.cubeSettingsContent .ms_input .del_fields_inp > svg,
.cubeSettingsContent .ms_input .move_fields_inp > svg {
  width: auto;
  height: 18px;
}

.cubeSettingsContent .ms_input .del_fields_inp {
  right: -20px;
  cursor: pointer;
}

.cubeSettingsContent .ms_input .del_fields_inp .ms_svg_fill {
  fill: var(--sap-editor-fields-delete-icon-color, var(--ms-second-icon-color, var(--outline, #6f797a)));
}

.cubeSettingsContent .ms_input .del_fields_inp .ms_svg_stroke {
  stroke: var(--sap-editor-fields-delete-icon-color, var(--ms-second-icon-color, var(--outline, #6f797a)));
}

.cubeSettingsContent .ms_input .del_fields_inp:hover .ms_svg_fill {
  fill: var(--sap-editor-fields-delete-icon-hover-color, var(--ms-icon-warning-hover-color, var(--signal-pink, #f01e54)));
}

.cubeSettingsContent .ms_input .del_fields_inp:hover .ms_svg_stroke {
  stroke: var(--sap-editor-fields-delete-icon-hover-color, var(--ms-icon-warning-hover-color, var(--signal-pink, #f01e54)));
}

.cubeSettingsContent .ms_input .move_fields_inp {
  left: -20px;
  cursor: -webkit-grab;
  cursor: grab;
}

.cubeSettingsContent .ms_input .move_fields_inp .ms_svg_fill {
  fill: var(--sap-editor-fields-drag-icon-color, var(--ms-second-icon-color, var(--outline, #6f797a)));
}

.cubeSettingsContent .ms_input .move_fields_inp .ms_svg_stroke {
  stroke: var(--sap-editor-fields-drag-icon-color, var(--ms-second-icon-color, var(--outline, #6f797a)));
}

.cubeSettingsContent .ms_input .move_fields_inp:hover .ms_svg_fill {
  fill: var(--sap-editor-fields-drag-icon-hover-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.cubeSettingsContent .ms_input .move_fields_inp:hover .ms_svg_stroke {
  stroke: var(--sap-editor-fields-drag-icon-hover-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.cubeSettingsContent h6,
.cubeSettingsContent .ms_button {
  width: calc(100% - 40px);
  max-width: 300px;
  margin: 0 auto;
}

.cubeSettingsContent h6 {
  margin-top: 15px;
}

.cubeSettingsContent .ms_button {
  margin-bottom: 20px;
}

.cubeSettingsContent .drag_inp {
  position: relative;
  padding: 10px 0;
}

.cubeSettingsContent .drag_inp .ms_input {
  position: relative;
  left: 0;
  margin: 15px auto;
}

.cubeSettingsContent .drag_inp .ms_input.grabbing {
  position: absolute;
  opacity: 0.5;
}

.cubeSettingsContent .drag_inp .ms_input.grabbing * {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.cubeSettingsContent .drag_inp .temp_grab_div {
  left: 0;
  height: 30px;
  margin: 15px auto;
}

.cubeSettingsContent .ms_table {
  margin-bottom: 15px;
}

.cubeSettingsContent .ms_table table.on_error {
  border: 1px solid var(--sap-editor-dialog-table-error-color, var(--error-color, var(--signal-pink, #f01e54)));
}

.cubeSettingsContent .ms_table.coordinateAttr tbody tr td:nth-child(1) {
  width: 1%;
  min-width: 150px;
  white-space: break-spaces;
}

.cubeSettingsContent .ms_table.coordinateAttr tbody tr td:nth-child(2) {
  width: 80%;
  white-space: break-spaces;
}

.cubeSettingsContent .ms_table.build_table {
  width: 100vw;
  max-width: 800px;
}

.cubeSettingsContent .ms_table.build_table td:first-child {
  width: auto;
}

.cubeSettingsContent .ms_table.build_table td:nth-child(2),
.cubeSettingsContent .ms_table.build_table td:nth-child(4) {
  width: 2%;
  white-space: break-spaces;
}

.cubeSettingsContent .ms_table.build_table .sort_order {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.cubeSettingsContent .ms_table.build_table .sort_order .row_up,
.cubeSettingsContent .ms_table.build_table .sort_order .row_down {
  height: 18px;
}

.cubeSettingsContent .ms_table.build_table .sort_order span {
  line-height: 18px;
  display: inline-block;
  width: 25px;
  text-align: center;
}

.cubeSettingsContent .ms_table.build_table tr .row_down .ms_svg_fill,
.cubeSettingsContent .ms_table.build_table tr .row_up .ms_svg_fill {
  fill: var(--sap-editor-dialog-arrow-up-down-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.cubeSettingsContent .ms_table.build_table tr .row_down .ms_svg_stroke,
.cubeSettingsContent .ms_table.build_table tr .row_up .ms_svg_stroke {
  stroke: var(--sap-editor-dialog-arrow-up-down-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.cubeSettingsContent .ms_table.build_table tr .row_down:hover .ms_svg_fill,
.cubeSettingsContent .ms_table.build_table tr .row_up:hover .ms_svg_fill {
  fill: var(--sap-editor-dialog-arrow-up-down-hover-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.cubeSettingsContent .ms_table.build_table tr .row_down:hover .ms_svg_stroke,
.cubeSettingsContent .ms_table.build_table tr .row_up:hover .ms_svg_stroke {
  stroke: var(--sap-editor-dialog-arrow-up-down-hover-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.cubeSettingsContent .ms_table.build_table tr:first-child .row_up .ms_svg_fill,
.cubeSettingsContent .ms_table.build_table tr:last-child .row_down .ms_svg_fill {
  fill: var(--sap-editor-dialog-arrow-up-down-disabled-color, var(--light-grey, #d8d8d8));
}

.cubeSettingsContent .ms_table.build_table tr:first-child .row_up .ms_svg_stroke,
.cubeSettingsContent .ms_table.build_table tr:last-child .row_down .ms_svg_stroke {
  stroke: var(--sap-editor-dialog-arrow-up-down-disabled-color, var(--light-grey, #d8d8d8));
}

.cubeSettingsContent .ms_table.build_table tr:first-child .row_up,
.cubeSettingsContent .ms_table.build_table tr:last-child .row_down {
  pointer-events: none;
}

.cubeSettingsContent .ms_table.coordinateAttr {
  max-width: 600px;
}

.cubeSettingsContent .sap_fields h6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cubeSettingsContent .sap_fields h6 .label_text:after {
  margin-left: 3px;
  content: "*";
  color: var(--input-required-color, var(--signal-pink, #f01e54));
}

.cubeSettingsContent .sap_fields h6 .ms_info {
  margin-left: 8px;
}

.ms_editor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
}

.ms_editor_sb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  width: 270px;
  height: 100%;
  -webkit-transition: width 500ms;
  transition: width 500ms;
  background: var(--tb-color, white);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
}

.ms_editor_sb.closed {
  width: 50px;
}

.ms_editor_sb.closed .ms_editor_sb_toggle {
  width: 20px;
  margin: 0 15px 0 auto;
}

.ms_editor_sb_toggle {
  width: 16px;
  min-height: 56px;
  margin: 0 17px 0 auto;
  -webkit-transition: all 500ms;
  transition: all 500ms;
}

.ms_editor_sb_container {
  overflow-y: auto;
  width: 100%;
  height: 100%;
  padding: 0 17px;
}

.ms_editor_sb_search {
  padding: 0 17px;
}

.ms_editor_sb_control {
  padding: 0 17px;
  padding-bottom: 20px;
}

.ms_editor_sb_control span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ms_editor_sb_header {
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 15px;
  color: var(--editor-tree-font-color, var(--font-color, var(--dark-blue, #272e36)));
}

.ms_editor_sb_header .text {
  font-size: 14px;
}

.ms_editor_sb_header .icon {
  font-size: 16px;
  line-height: 16px;
  margin-left: 8px;
  cursor: pointer;
  color: var(--editor-tree-open-icon-color, var(--font-color, var(--dark-blue, #272e36)));
}

.ms_editor_sb_header .closed {
  color: var(--editor-tree-closed-icon-color, var(--lightgreen, #8dc63f));
}

.ms_editor_sb_list {
  padding-bottom: 15px;
}

.ms_editor_sb_item {
  font-size: 10px;
  font-weight: 600;
  line-height: 1.5;
  overflow: hidden;
  margin: 3px 0;
  padding: 5px 10px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--editor-item-font-color, white);
  border-radius: 12.5px;
  background: var(--editor-item-color, var(--night-blue, #132c4a));
}

.ms_editor_sb_item:hover {
  color: var(--editor-item-hover-font-color, white);
  background: var(--editor-item-hover-color, var(--blue, #285d9d));
}

.ms_editor_tabs.ms_tabs {
  width: 100%;
  height: 100%;
  padding-top: 5px;
}

.ms_editor_tabs.ms_tabs .content:before {
  height: 0;
}

.ms_editor_tabs.ms_tabs .content,
.ms_editor_tabs.ms_tabs .tab_content {
  height: 100%;
}

.ms_editor_tabs_wrapper {
  min-width: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.ms_editor_tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 240px;
}

.ms_editor_tab_icon {
  width: auto;
  height: 15px;
}

.ms_editor_tab_close {
  width: auto;
  height: 12px;
  margin: 1px 0;
  margin-left: auto;
  padding-left: 10px;
}

.ms_editor_tab_text {
  overflow: hidden;
  max-width: 200px;
  margin: auto 0;
  padding-left: 10px;
  text-overflow: ellipsis;
}

.ms_editor_edit {
  height: 100%;
}

.ms_editor_source {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-y: auto;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 10px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  scrollbar-gutter: stable both-edges;
}

.ms_editor_source_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  gap: 10px;
}

.ms_editor_source_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  gap: 20px;
}

.ms_editor_odbc {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.ms_editor_odbc .ms_ace_editor {
  min-height: 200px;
}

.ms_editor_process_tabs {
  width: 100%;
  height: calc(100% - 25px);
}

.ms_editor_delimiter {
  width: 60px;
  margin-left: 10px;
}

.ms_editor_vars,
.ms_editor_params {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-height: 100%;
}

.ms_editor_vars_table,
.ms_editor_params_table {
  margin: 15px;
}

.ms_editor_vars_table thead th:not(:last-child),
.ms_editor_params_table thead th:not(:last-child) {
  width: 10%;
}

.ms_editor_vars_table thead th:last-child,
.ms_editor_params_table thead th:last-child {
  text-align: center;
}

.ms_editor_vars_table tbody tr td:last-child,
.ms_editor_params_table tbody tr td:last-child {
  text-align: center;
}

.ms_editor_vars_table tbody tr td:last-child svg,
.ms_editor_params_table tbody tr td:last-child svg {
  width: auto;
  height: 18px;
}

.ms_editor_params thead th:last-child {
  width: 2%;
}

.ms_ace_wrapper {
  height: 100%;
}

.ms_ace_tb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2.5px 2.5px;
}

.ms_ace_tb > * {
  margin: 0 2.5px;
}

.ms_ace_tb_icon {
  font-weight: 500;
  height: 20px;
  cursor: pointer;
  color: var(--editor-toolbar-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_ace_tb_icon .ms_svg_fill {
  fill: var(--editor-toolbar-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_ace_tb_icon .ms_svg_stroke {
  stroke: var(--editor-toolbar-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_ace_tb_icon:hover {
  color: var(--editor-toolbar-icon-hover-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_ace_tb_icon:hover .ms_svg_fill {
  fill: var(--editor-toolbar-icon-hover-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_ace_tb_icon:hover .ms_svg_stroke {
  stroke: var(--editor-toolbar-icon-hover-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_ace_tb_icon svg {
  width: auto;
  height: 20px;
}

.ms_ace_editor {
  height: calc(100% - 25px);
}

.ms_ace_editor_ti {
  height: 100%;
}

@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.ms_log .ms_log_actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ms_log .ms_log_actions .ms_button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 720px) {
  .ms_log .ms_log_actions .ms_input,
  .ms_log .ms_log_actions .ms_button {
    margin-bottom: 15px !important;
  }
  .ms_log .ms_log_actions span {
    display: none;
  }
  .ms_log .ms_log_actions .ms_input_search {
    margin-left: 0 !important;
  }
}
.ms_table table tbody td {
  white-space: pre-wrap;
}

.ms_log_table .ms_table.log_table_config table th:last-child {
  width: 5%;
}

.ms_log_table .ms_table.log_table_config table td:first-child {
  min-width: 150px;
}

.ms_log_table .ms_table.log_table_config table td:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ms_log_table .ms_table.log_table_config table td:last-child .ms_button {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
}

@media (max-width: 767px) {
  .ms_log_table .ms_table.log_table_config table td:last-child .ms_button {
    min-width: calc(33.3333% - 10px);
  }
}
.ms_log {
  height: 100%;
  padding: 10px;
}

.ms_log .ms_log_actions {
  margin-bottom: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ms_log .ms_log_actions > :first-child {
  margin-left: 0 !important;
}

.ms_log .ms_log_actions .filter_title {
  display: inline-block;
  margin-right: 5px;
}

.ms_log .ms_log_actions .ms_input {
  max-width: 130px;
  margin: 0 5px;
}

.ms_log .ms_log_actions .ms_input .select {
  min-width: 130px;
}

.ms_log .ms_log_actions > span {
  margin: 0 5px;
}

.ms_log .ms_log_actions .ms_button {
  margin: 0 5px;
  white-space: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.ms_log .ms_log_actions .ms_button i {
  margin-left: 5px;
}

.ms_log .ms_log_actions .ms_button.refreshing i {
  -webkit-animation: rotating 500ms linear infinite;
  animation: rotating 500ms linear infinite;
}

.ms_log_table .ms_table.log_table tr th:last-child {
  width: 6%;
}

.ms_log_table .ms_table.log_table_config table tbody tr {
  display: none;
}

.ms_log_table .ms_table.log_table_config table tbody tr.active {
  display: table-row;
}

.ms_log_table .ms_table.log_table_config table td {
  white-space: pre-wrap;
}

.ms_log_table .ms_table.log_table_config table td.parent {
  cursor: pointer;
}

.ms_log_table .ms_table.log_table_config table td.parent i {
  font-size: 13px;
  font-weight: bold;
  margin-left: 10px;
  color: var(--log-config-row-icon-color, var(--ms-icon-color, var(--blue, #285d9d)));
}

.ms_log_table .ms_table.log_table_config table td.parent:hover i {
  color: var(--log-config-row-hover-icon-color, var(--ms-icon-hover-color, var(--night-blue, #132c4a)));
}

.ms_log_table .ms_table.log_table_config table td:last-child {
  min-width: 300px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ms_log_table .ms_table.log_table_config .configBtn {
  min-width: 100px;
  max-width: 100px;
  margin: 0 5px;
}

.ms_log_table .ms_table.log_table_config .configBtn.active {
  cursor: default;
  pointer-events: none;
  color: var(--log-config-row-button-selected-font-color, white);
  background: var(--log-config-row-button-selected-color, var(--blue, #285d9d));
}

.ms_log_table .ms_table.log_table_config.on_search i {
  display: none;
}