/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/main/Header.vue?vue&type=style&index=0&id=54ecad5f&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-54ecad5f] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-54ecad5f]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-54ecad5f]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-54ecad5f] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-54ecad5f]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.header[data-v-54ecad5f] {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  height: 48px;
  width: 100%;
  background-color: var(--bg-header);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header .left-header[data-v-54ecad5f] {
  min-width: 814px;
  height: 32px;
  margin: 12px 0 12px 24px;
  display: flex;
  gap: 40px;
  align-items: center;
}
.header .left-header[data-v-54ecad5f] .hasScroll {
  width: 203px;
}
.header .selectmenu_group[data-v-54ecad5f] {
  display: flex;
  align-items: center;
  width: 160px;
  height: 20px;
  gap: 8px;
  position: relative;
}
.header .selectmenu_group[data-v-54ecad5f]::before, .header .selectmenu_group[data-v-54ecad5f]::after {
  content: "";
  width: 1px;
  height: 10px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  background-color: var(--color-header);
  opacity: 0.4;
}
.header .selectmenu_group[data-v-54ecad5f]::before {
  left: 0;
}
.header .selectmenu_group[data-v-54ecad5f]::after {
  right: 0;
}
.header .selectmenu_group[data-v-54ecad5f] .lego-dropdown--open .opus-icon__arrow_down {
  opacity: 1 !important;
}
.header .selectmenu_group-label[data-v-54ecad5f] {
  color: var(--color-header);
  font-weight: 500;
}
.header .project_selectmenu[data-v-54ecad5f] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 160px !important;
  height: 20px !important;
  padding: 0 15px;
}
.header .project_selectmenu[data-v-54ecad5f] .lego-dropdown__title {
  border-radius: 100px;
  border: none !important;
  padding: 0;
  background-color: transparent;
  color: var(--color-header);
  font-weight: 500;
}
.header .project_selectmenu[data-v-54ecad5f] .lego-dropdown__title:hover, .header .project_selectmenu[data-v-54ecad5f] .lego-dropdown__title:focus {
  border-color: #2b303b;
}
.header .project_selectmenu[data-v-54ecad5f] .lego-dropdown__title .lego-dropdown__selected span {
  display: block;
  width: 100%;
  line-height: 20px;
}
.header .project_selectmenu[data-v-54ecad5f]:hover .opus-icon__arrow_down {
  opacity: 1;
}
.header .project_selectmenu[data-v-54ecad5f] .opus-icon__arrow_down {
  color: var(--color-header);
  opacity: 0.5;
}
.header .project_selectmenu[data-v-54ecad5f] .lego-dropdown-menu {
  margin-top: 4px !important;
  left: 0;
}
.header .project_selectmenu[data-v-54ecad5f] .lego-dropdown-menu .auto-complete__search-box .lego-text-field .lego-text-field__input {
  padding-right: 32px;
}
.header .project_selectmenu[data-v-54ecad5f] .lego-dropdown-menu .auto-complete__search-box .lego-text-field .lego-text-field__input--with-icon-one {
  padding-right: 45px !important;
}
.header .region_selectmenu[data-v-54ecad5f] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 160px !important;
  height: 20px !important;
  padding: 0 15px;
}
.header .region_selectmenu[data-v-54ecad5f] .lego-dropdown__title {
  border-radius: 100px;
  border: none !important;
  padding: 0;
  background-color: transparent;
  color: var(--color-header);
  font-weight: 500;
}
.header .region_selectmenu[data-v-54ecad5f] .lego-dropdown__title:hover, .header .region_selectmenu[data-v-54ecad5f] .lego-dropdown__title:focus {
  border-color: #2b303b;
}
.header .region_selectmenu[data-v-54ecad5f] .lego-dropdown__title .lego-dropdown__selected span {
  display: block;
  width: 100%;
  line-height: 20px;
}
.header .region_selectmenu[data-v-54ecad5f]:hover .opus-icon__arrow_down {
  opacity: 1;
}
.header .region_selectmenu[data-v-54ecad5f] .opus-icon__arrow_down {
  color: var(--color-header);
  opacity: 0.5;
}
.header .region_selectmenu[data-v-54ecad5f] .lego-dropdown-menu {
  margin-top: 4px !important;
  left: 0;
}
.header .region_selectmenu[data-v-54ecad5f] .lego-dropdown-menu .auto-complete__search-box .lego-text-field .lego-text-field__input {
  padding-right: 32px;
}
.header .region_selectmenu[data-v-54ecad5f] .lego-dropdown-menu .auto-complete__search-box .lego-text-field .lego-text-field__input--with-icon-one {
  padding-right: 45px !important;
}
.header[data-v-54ecad5f] .c-scroll {
  max-height: 277px !important;
}
.header .toHome[data-v-54ecad5f] {
  display: flex;
  align-items: center;
}
.header img.cmpGNBlogo-org[data-v-54ecad5f] {
  width: 284px;
  height: 19px;
  -o-object-fit: contain;
     object-fit: contain;
}
.header .utilmenu[data-v-54ecad5f] {
  position: absolute;
  top: 12px;
  right: 24px;
  display: flex;
  gap: 20px;
  align-items: center;
  align-content: center;
}
.header .utilmenu .user-email[data-v-54ecad5f] {
  text-overflow: ellipsis;
  max-width: 212px;
  white-space: nowrap;
  overflow: hidden;
}
.header .utilmenu span[data-v-54ecad5f] {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 0 0 20px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0.8;
  cursor: pointer;
}
.header .utilmenu span em[data-v-54ecad5f] {
  display: inline-block;
  text-indent: -9999px;
}
.header .utilmenu .header-icon[data-v-54ecad5f] {
  opacity: 0.7;
  cursor: pointer;
  color: var(--color-header);
}
.header .utilmenu .header-icon[data-v-54ecad5f]:hover {
  opacity: 1;
}
.header .utilmenu .header-icon[data-v-54ecad5f] path {
  fill: currentColor;
}
.not-used[data-v-54ecad5f] {
  cursor: default !important;
}
.popup-utilmenu[data-v-54ecad5f] {
  display: none;
  position: fixed;
  top: 48px;
  right: 103px;
  width: 158px;
  height: auto;
  padding: 8px;
  background-color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
  border: solid 1px var(--silver);
  z-index: 1;
}
.popup-utilmenu[data-v-54ecad5f]:after {
  content: "";
  position: absolute;
  top: -15px;
  right: 14px;
  width: 0;
  height: 0;
  border: 9px solid transparent;
  border-bottom: 9px solid #fff;
}
.popup-utilmenu.opened[data-v-54ecad5f] {
  display: block;
}
.popup-utilmenu.dashboard[data-v-54ecad5f] {
  right: 62px;
}
.popup-utilmenu.userguide[data-v-54ecad5f] {
  right: 235px;
}
.popup-utilmenu.account[data-v-54ecad5f] {
  width: 268px;
  right: 11px;
  padding: 16px 20px 8px 20px;
}
.popup-utilmenu.account > div[data-v-54ecad5f]:first-child {
  display: block;
  align-items: center;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--color-ui-ui09);
}
.popup-utilmenu.account > div:first-child .user-email[data-v-54ecad5f] {
  padding-bottom: 8px;
  font-weight: 500;
}
.popup-utilmenu.account > div:first-child .user-information__header__detail[data-v-54ecad5f] {
  color: #737a8c;
  font-size: 12px;
}
.popup-utilmenu.account .user-icon[data-v-54ecad5f] {
  background-color: transparent;
  margin-right: 8px !important;
}
.popup-utilmenu.account > div:nth-child(2) li[data-v-54ecad5f] {
  position: relative;
  display: flex;
  cursor: pointer;
  height: 36px;
  padding: 16px 0 4px 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.popup-utilmenu.account > div:nth-child(2) li[data-v-54ecad5f]:hover {
  background-color: rgba(54, 79, 199, 0.04);
}
.popup-utilmenu .utilmenu-group[data-v-54ecad5f] {
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
.popup-utilmenu .utilmenu-group .support-option[data-v-54ecad5f] {
  padding: 8px;
}
.popup-utilmenu .utilmenu-group .support-option[data-v-54ecad5f]:hover {
  background-color: #eef2fc;
}
.popup-utilmenu .utilmenu-group .guide-url[data-v-54ecad5f] {
  padding-bottom: 12px;
}
.popup-utilmenu .logout-wrap[data-v-54ecad5f] {
  height: 40px;
  padding-top: 8px;
}
.popup-utilmenu .logout-wrap .logout-button[data-v-54ecad5f] {
  padding-left: 8px;
  width: 244px;
  height: 32px;
  margin-left: -8px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.popup-utilmenu .logout-wrap .logout-button[data-v-54ecad5f]:hover {
  background-color: #eef2fc;
}
a[data-v-54ecad5f] {
  color: #000;
}
[data-v-54ecad5f] .lego-dropdown__group {
  margin-top: 0 !important;
}
.account-info[data-v-54ecad5f] {
  padding: 6px 20px;
  min-width: 240px;
  height: 32px;
  background: linear-gradient(90deg, #dcd7ff 0%, #ebf1ff 100%);
  border-radius: 999px;
  font-size: 14px;
  font-weight: 500;
  color: #5135ff;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/widget/configs/MetricList.vue?vue&type=style&index=0&id=1028a833&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-1028a833] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-1028a833]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-1028a833]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-1028a833] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-1028a833]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.scpm-table-draggable-wrap[data-v-1028a833] {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.scpm-table-draggable-wrap .left-con[data-v-1028a833] {
  width: 320px;
  height: 300px;
  padding: 7px;
  background-color: #f8f8f8;
}
.scpm-table-draggable-wrap .left-con[data-v-1028a833] .lego-text-field {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #d2d3d6;
}
.scpm-table-draggable-wrap .left-con[data-v-1028a833] .lego-text-field__input {
  height: 32px !important;
}
.scpm-table-draggable-wrap .left-con[data-v-1028a833] .lego-text-field--small .lego-text-field__icon-wrap {
  height: 32px !important;
}
.scpm-table-draggable-wrap .left-con .accordion-item[data-v-1028a833] {
  background-color: #f7f7f7 !important;
  border: 0px solid #f7f7f7 !important;
}
.scpm-table-draggable-wrap .left-con .accordion-item .accordion-title[data-v-1028a833] {
  display: flex;
  justify-content: space-between;
  width: 90% !important;
}
.scpm-table-draggable-wrap .left-con .accordion-item .accordion-title em[data-v-1028a833] {
  font-style: normal;
}
.scpm-table-draggable-wrap .left-con .accordion-item .accordion-title strong[data-v-1028a833] {
  text-overflow: ellipsis !important;
  white-space: nowrap;
  overflow: hidden !important;
  word-break: break-all;
}
.scpm-table-draggable-wrap .left-con .accordion-item .checked.accordion-sub-item-wrap[data-v-1028a833] {
  background-color: rgba(54, 79, 199, 0.12) !important;
}
.scpm-table-draggable-wrap .left-con .accordion-item .accordion-sub-item-wrap[data-v-1028a833] {
  position: relative;
  padding: 8px 40px 8px 10px;
  margin-bottom: 4px;
}
.scpm-table-draggable-wrap .left-con .accordion-item .accordion-sub-item-wrap[data-v-1028a833]:hover {
  background-color: rgba(54, 79, 199, 0.04);
}
.scpm-table-draggable-wrap .left-con .accordion-item .accordion-sub-item[data-v-1028a833] {
  display: block;
  font-size: 14px;
  color: #787c84;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.scpm-table-draggable-wrap .left-con .accordion-item .accordion-check[data-v-1028a833] {
  position: absolute;
  top: 10px;
  right: 9px;
}
.scpm-table-draggable-wrap .left-con[data-v-1028a833] .accordion-list-item__main {
  padding: 0;
}
.scpm-table-draggable-wrap .left-con[data-v-1028a833] .accordion-list-item__expand {
  margin: 0 !important;
  padding: 5px !important;
}
.scpm-table-draggable-wrap .right-con[data-v-1028a833] {
  width: calc(100% - 370px);
}
.no-data-metric[data-v-1028a833] {
  display: flex;
  align-items: center;
  height: 50px;
  justify-content: center;
  color: #bbbdc1;
  font-size: 14px;
  font-weight: 500;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/widget/configs/BoxRegion.vue?vue&type=style&index=0&id=ed20f82c&scoped=true&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-ed20f82c] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-ed20f82c]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-ed20f82c]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-ed20f82c] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-ed20f82c]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.boxRegion__lable[data-v-ed20f82c] {
  color: var(--color-ui-13);
  font-weight: 500;
}
.boxRegion__name[data-v-ed20f82c] {
  background-color: #f4f4f6;
  border: 1px solid var(--color-border);
  color: #454954;
  width: 100%;
  height: 32px;
  padding: 0px 12px;
  display: flex;
  align-items: center;
}
.boxRegion .boxRegion__name[data-v-ed20f82c] {
  border-radius: 2px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/widget/configs/TitleBoxWidgetConfig.vue?vue&type=style&index=0&id=000042c4&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-000042c4] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-000042c4]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-000042c4]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-000042c4] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-000042c4]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.textBtn[data-v-000042c4] {
  color: #364fc7;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-top: 24px;
  width: -moz-fit-content;
  width: fit-content;
}
.content-wrapper[data-v-000042c4] {
  margin-top: 24px;
}
.content-wrapper .dom[data-v-000042c4] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.content-wrapper .dom .cscroll[data-v-000042c4] {
  max-height: 510px;
  margin-right: -16px;
  padding-right: 16px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/widget/configs/EventStausWidgetConfig.vue?vue&type=style&index=0&id=1d813962&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-1d813962] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-1d813962]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-1d813962]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-1d813962] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-1d813962]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.area[data-v-1d813962] {
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
}
.area[data-v-1d813962]:first-child {
  margin-bottom: 8px;
}
.content-wrapper[data-v-1d813962] {
  margin-top: 24px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/widget/configs/MonitoringStatusWidgetConfig.vue?vue&type=style&index=0&id=546219a5&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-546219a5] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-546219a5]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-546219a5]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-546219a5] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-546219a5]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.title[data-v-546219a5] {
  margin-bottom: 6px;
}
.area[data-v-546219a5] {
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
}
.area[data-v-546219a5]:first-child {
  margin-bottom: 8px;
}
.content-wrapper[data-v-546219a5] {
  margin-top: 24px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/components/TooltipPerformanceItem.vue?vue&type=style&index=0&id=31cb8896&scoped=true&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-31cb8896] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-31cb8896]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-31cb8896]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-31cb8896] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-31cb8896]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.container-tooltip__content-label[data-v-31cb8896] {
  vertical-align: top;
  white-space: nowrap;
}
.container-tooltip__content-name[data-v-31cb8896] {
  word-break: break-word;
  word-wrap: break-word;
}
.el-path[data-v-31cb8896] {
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: pre-wrap;
  text-overflow: ellipsis;
}
.el-title[data-v-31cb8896] {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: pre-wrap;
  text-overflow: ellipsis;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoTooltipExtendV2.vue?vue&type=style&index=0&id=27317fd1&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-27317fd1] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-27317fd1]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-27317fd1]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-27317fd1] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-27317fd1]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-tooltip[data-v-27317fd1] {
  border: 1px solid #000000;
  padding: 6px 10px;
  line-height: 18px;
  width: -moz-max-content;
  width: max-content;
  white-space: pre-wrap;
  border-radius: 4px;
  display: block;
  max-width: 350px;
}
.lego-tooltip-anchor__arrow--right[data-v-27317fd1]::before {
  left: 1px;
}
.lego-tooltip-anchor__arrow--left[data-v-27317fd1]::before {
  right: 1px;
}
.lego-tooltip-anchor__arrow--top[data-v-27317fd1]::before {
  bottom: 1px;
}
.lego-tooltip-anchor__arrow--bottom[data-v-27317fd1]::before {
  top: 1px;
}
.lego-tooltip-anchor[data-v-27317fd1]::before {
  z-index: 1001;
}
[tooltip][data-v-27317fd1]:hover::after {
  line-height: 26px;
  background-color: #000000;
  max-width: 366px;
  padding: 0 8px;
  font-style: normal;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/widget/configs/PerfermanceTop5WidgetConfig.vue?vue&type=style&index=0&id=23ada3d2&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-23ada3d2] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-23ada3d2]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-23ada3d2]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-23ada3d2] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-23ada3d2]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.title[data-v-23ada3d2] {
  margin-bottom: 6px;
}
.area[data-v-23ada3d2] {
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
}
.area[data-v-23ada3d2]:first-child {
  margin-bottom: 8px;
}
.check_vertical[data-v-23ada3d2] {
  width: 100%;
  margin-top: 9px;
  margin-left: 0px !important;
}
.check_vertical[data-v-23ada3d2]:first-child {
  margin-top: 0px;
}
.check_vertical[data-v-23ada3d2] .lego-checkbox__label {
  color: #1f2533 !important;
}
.message[data-v-23ada3d2] {
  margin-left: 10px;
  color: #fc434e;
  font-size: 12px;
  text-align: right;
}
.performance .message[data-v-23ada3d2] {
  margin-left: 0px;
  color: #fc434e;
  font-size: 12px;
  text-align: right;
}
.lineIcon[data-v-23ada3d2] {
  margin: 2px 0 0 6px;
}
.content-wrapper[data-v-23ada3d2] {
  margin-top: 24px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/widget/configs/EventMapWidgetConfig.vue?vue&type=style&index=0&id=5b4db8ad&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-5b4db8ad] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-5b4db8ad]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-5b4db8ad]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-5b4db8ad] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-5b4db8ad]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.area[data-v-5b4db8ad] {
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
}
.area[data-v-5b4db8ad]:first-child {
  margin-bottom: 8px;
}
.content-wrapper[data-v-5b4db8ad] {
  margin-top: 24px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/widget/configs/EventHistoryWidgetConfig.vue?vue&type=style&index=0&id=76a25336&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-76a25336] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-76a25336]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-76a25336]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-76a25336] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-76a25336]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.area[data-v-76a25336] {
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
}
.area[data-v-76a25336]:first-child {
  margin-bottom: 8px;
}
.content-wrapper[data-v-76a25336] {
  margin-top: 24px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/widget/configs/CustomCommonConfig.vue?vue&type=style&index=0&id=05ab0be3&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-05ab0be3] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-05ab0be3]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-05ab0be3]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-05ab0be3] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-05ab0be3]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
[data-v-05ab0be3] .product-model {
  margin-top: 0 !important;
}
[data-v-05ab0be3] .erorr-message {
  margin-top: -8px !important;
}
[data-v-05ab0be3] .performance-item-container .search-box {
  padding-right: 0px;
}
.area[data-v-05ab0be3] {
  margin-bottom: 24px;
}
.area .product-model[data-v-05ab0be3] .lego-validator--error {
  top: -18px;
}
.area.monitoring-target[data-v-05ab0be3] .lego-validator--error.product-model {
  margin-top: 14px;
}
.area.monitoring-target[data-v-05ab0be3] .lego-validator--error.product-model .lego-validator__message {
  top: -18px;
}
.area.monitoring-target[data-v-05ab0be3] .lego-validator--error.object-type-model .lego-validator__message {
  top: -18px;
}
.check_vertical[data-v-05ab0be3] {
  width: 100%;
  margin-top: 9px;
}
.message[data-v-05ab0be3] {
  margin-left: 10px;
  color: #fc434e;
  font-size: 12px;
  text-align: right;
}
.performance .message[data-v-05ab0be3] {
  margin-left: 0px;
  margin-bottom: -6px;
}
.lego-radio-wrapper .lego-radio--medium + .lego-radio--medium[data-v-05ab0be3] {
  margin-left: 10px !important;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/widget/configs/TimeSeriesGraphWidgetConfig.vue?vue&type=style&index=0&id=248d93db&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-248d93db] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-248d93db]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-248d93db]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-248d93db] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-248d93db]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
[data-v-248d93db] .performance-item-container .search-box {
  padding-right: 0px;
}
.area[data-v-248d93db] {
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
}
.area[data-v-248d93db]:first-child {
  margin-bottom: 8px;
}
.area.monitoring-target[data-v-248d93db] .lego-validator--error .erorr-message {
  position: absolute;
}
.check_vertical[data-v-248d93db] {
  width: 100%;
  margin-top: 4px;
}
.message[data-v-248d93db] {
  margin-left: 10px;
  color: #fc434e;
  font-size: 12px;
  text-align: right;
}
.performance .message[data-v-248d93db] {
  margin-left: 0px;
  margin-bottom: -8px;
  line-height: 24px;
}
.lego-radio-wrapper .lego-radio--medium + .lego-radio--medium[data-v-248d93db] {
  margin-left: 10px !important;
}
.threshold-range[data-v-248d93db] {
  display: flex;
  align-items: center;
}
.area.monitoring-target[data-v-248d93db] {
  display: block;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/widget/configs/StatusMetricWidgetConfig.vue?vue&type=style&index=0&id=2bd5320d&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-2bd5320d] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-2bd5320d]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-2bd5320d]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-2bd5320d] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-2bd5320d]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
[data-v-2bd5320d] .performance-item-container .search-box {
  padding-right: 0px;
}
.area[data-v-2bd5320d] {
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
}
.area[data-v-2bd5320d]:first-child {
  margin-bottom: 8px;
}
.area.monitoring-target[data-v-2bd5320d] .lego-validator--error .erorr-message {
  position: absolute;
}
.check_vertical[data-v-2bd5320d] {
  width: 100%;
  margin-top: 4px;
}
.message[data-v-2bd5320d] {
  margin-left: 10px;
  color: #fc434e;
  font-size: 12px;
  text-align: right;
}
.performance .message[data-v-2bd5320d] {
  margin-left: 0px;
  margin-bottom: -8px;
  line-height: 24px;
}
.lego-radio-wrapper .lego-radio--medium + .lego-radio--medium[data-v-2bd5320d] {
  margin-left: 10px !important;
}
.threshold-range[data-v-2bd5320d] {
  display: flex;
  align-items: center;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/widget/configs/InstanceMapWidgetConfig.vue?vue&type=style&index=0&id=0ce29050&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-0ce29050] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-0ce29050]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-0ce29050]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-0ce29050] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-0ce29050]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
[data-v-0ce29050] .performance-item-container .search-box {
  padding-right: 0px;
}
.area[data-v-0ce29050] {
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
}
.area[data-v-0ce29050]:first-child {
  margin-bottom: 8px;
}
.area.monitoring-target[data-v-0ce29050] .lego-validator--error .erorr-message {
  position: absolute;
}
.check_vertical[data-v-0ce29050] {
  width: 100%;
  margin-top: 4px;
}
.message[data-v-0ce29050] {
  margin-left: 10px;
  color: #fc434e;
  font-size: 12px;
  text-align: right;
}
.performance .message[data-v-0ce29050] {
  margin-left: 0px;
  margin-bottom: -8px;
  line-height: 24px;
}
.lego-radio-wrapper .lego-radio--medium + .lego-radio--medium[data-v-0ce29050] {
  margin-left: 10px !important;
}
.threshold-range[data-v-0ce29050] {
  display: flex;
  align-items: center;
}
/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/style/ui/uiDownloadChart.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}

:root {
  --bg-header: #fff;
  --color-header: #100b33;
}

.widget-custom-clone.event-status-widget .simplebar-mask, .widget-custom-clone.event-status-widget .simplebar-offset {
  position: unset !important;
}
.widget-custom-clone.event-status-widget .simplebar-placeholder {
  height: -moz-fit-content !important;
  height: fit-content !important;
}
.widget-custom-clone.monitoring-status .simplebar-offset, .widget-custom-clone.monitoring-status .simplebar-mask {
  position: unset !important;
}
.widget-custom-clone.monitoring-status .simplebar-placeholder {
  display: none !important;
}
.widget-custom-clone.monitoring-status .widget-body {
  margin-top: 20px !important;
}
.widget-custom-clone.monitoring-status .content .area2 {
  margin-top: -5px;
}
.widget-custom-clone {
  height: -moz-fit-content !important;
  height: fit-content !important;
}
.widget-custom-clone .c-scroll {
  height: -moz-fit-content !important;
  height: fit-content !important;
}
.widget-custom-clone .content > div {
  height: -moz-fit-content !important;
  height: fit-content !important;
}
.widget-custom-clone .content > div .mornitring-group {
  height: -moz-fit-content !important;
  height: fit-content !important;
}
.widget-custom-clone .simplebar-scrollbar {
  display: none !important;
}
.widget-custom-clone .c-label--ellipsis {
  white-space: normal !important;
  word-break: break-word;
  text-overflow: unset !important;
}
.widget-custom-clone .widget-header {
  height: unset !important;
}
.widget-custom-clone .widget-header .left {
  width: 100% !important;
}
.widget-custom-clone .widget-body {
  margin-top: 20px !important;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/widgets/common/widgetWrapperScpm.vue?vue&type=style&index=0&id=7b10590c&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.dropdown-group {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  margin-left: 8px;
}
.hoverActive {
  line-height: 24px;
}
.hoverActive.lego-drop-holder,
.hoverActive.lego-dropdown-check-wrap {
  display: none;
}
.hoverActive.btn-download {
  display: none;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/widgets/common/widgetWrapperScpm.vue?vue&type=style&index=1&id=7b10590c&scoped=true&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-7b10590c] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-7b10590c]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-7b10590c]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-7b10590c] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-7b10590c]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.vld-overlay .s-loader[data-v-7b10590c] {
  width: 60px;
  height: 60px;
  animation: load8-data-v-ba7f16fe 1s infinite linear;
}
.widget[data-v-7b10590c] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 4px;
}
.widget-header[data-v-7b10590c] {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 8px 16px;
  display: inline;
  z-index: 2;
}
.widget-header[data-v-7b10590c] .opus-icon__info {
  margin-left: 8px;
  position: relative;
  top: 1px;
}
.widget-header__title[data-v-7b10590c] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  text-align: left;
  min-height: 28px;
}
.widget-header__title .left[data-v-7b10590c] {
  display: flex;
  flex-direction: column;
}
.widget-header__title .left > div[data-v-7b10590c]:first-child {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.widget-header__title_title[data-v-7b10590c] {
  display: inline-block;
  text-align: left;
}
.widget-header__title_subtitle[data-v-7b10590c] {
  display: inline;
  margin-right: 8px;
}
.widget-header__title_addtxt[data-v-7b10590c] {
  display: inline;
}
.widget-body[data-v-7b10590c] {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0px 16px 16px;
  height: 100%;
}
.widget-body[data-v-7b10590c]::after {
  clear: both;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/widget/components/TitleBoxWidget.vue?vue&type=style&index=0&id=6182a2b9&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-6182a2b9] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-6182a2b9]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-6182a2b9]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-6182a2b9] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-6182a2b9]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.widget-desc[data-v-6182a2b9] {
  height: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  flex-direction: column;
  white-space: pre-wrap;
  word-wrap: break-word;
  color: #1f2533;
  text-align: center;
  word-break: break-all;
}
.widget-desc-name[data-v-6182a2b9] {
  width: 100%;
}
.title-box-widget[data-v-6182a2b9] {
  overflow: visible !important;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/widget/components/EventList.vue?vue&type=style&index=0&id=08d868f4&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-08d868f4] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-08d868f4]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-08d868f4]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-08d868f4] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-08d868f4]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.icon[data-v-08d868f4] {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  margin-top: 6px;
  float: left;
}
.icon.warning[data-v-08d868f4] {
  background-color: #ffd035;
}
.widget-list-list[data-v-08d868f4] {
  padding: 12px 20px 12px 0px;
  position: relative;
  border-bottom: 1px solid #e8e8ea;
  cursor: pointer;
  margin-right: 20px;
}
.widget-list-list:hover .widget-list-list__name .c-label[data-v-08d868f4] {
  color: #2C59D9 !important;
}
.widget-list-list:active .widget-list-list__name .c-label[data-v-08d868f4] {
  color: #2C59D9 !important;
}
.widget-list-list[data-v-08d868f4]:first-child {
  padding-top: 0px;
}
.widget-list-list[data-v-08d868f4]:nth-last-of-type(1) {
  border: 0;
}
.widget-list-list__name[data-v-08d868f4] {
  display: flex;
  gap: 8px;
}
.widget-list-list__date[data-v-08d868f4] {
  padding-left: 20px;
  text-align: left;
}
.widget-list-list__arrow-icon[data-v-08d868f4] {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  right: 0px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/widget/components/EventStausWidget.vue?vue&type=style&index=0&id=1ec0562c&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-1ec0562c] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-1ec0562c]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-1ec0562c]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-1ec0562c] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-1ec0562c]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
[data-v-1ec0562c] .widget-body {
  padding: 0 0px 20px 20px;
}
[data-v-1ec0562c] .dropdown-group .opus-icon__download_small {
  font-size: 16px !important;
}
[data-v-1ec0562c] .dropdown-group .opus-icon__download_small > svg {
  color: rgba(31, 37, 51, 0.6);
}
[data-v-1ec0562c] .dropdown-group .opus-icon__arrow_down {
  font-size: 15px !important;
}
[data-v-1ec0562c] .dropdown-group .opus-icon__arrow_down > svg {
  color: rgba(31, 37, 51, 0.6);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/widget/components/MonitoringStatusWidget/GroupItem.vue?vue&type=style&index=0&id=3567d943&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-3567d943] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-3567d943]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-3567d943]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-3567d943] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-3567d943]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.product[data-v-3567d943] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 32px;
  padding: 8px 12px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.product > div[data-v-3567d943] {
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 13px;
  font-style: normal;
  line-height: 16px;
  color: var(--dark);
}
.product > div[data-v-3567d943]:nth-child(1) {
  display: flex;
  align-items: center;
  font-weight: 400;
}
.product > div[data-v-3567d943]:nth-child(2) {
  font-weight: 500;
}
.product.selected[data-v-3567d943] {
  background-color: #e1e7f9;
  border-radius: 4px;
}
.product[data-v-3567d943]:not(.selected):hover {
  background: rgb(239, 241, 251);
  border-radius: 4px;
}
.product .ico_product[data-v-3567d943] {
  width: 16px;
  height: 16px;
  margin: 0 8px 0 0;
  -o-object-fit: contain;
     object-fit: contain;
}
.product[data-v-3567d943]:nth-child(n+2) {
  margin-top: 6px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/widget/components/MonitoringStatusWidget/ServiceItem.vue?vue&type=style&index=0&id=e7a0cd8e&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-e7a0cd8e] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-e7a0cd8e]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-e7a0cd8e]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-e7a0cd8e] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-e7a0cd8e]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.product-item[data-v-e7a0cd8e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 12px 12px 16px;
}
.product-item[data-v-e7a0cd8e]:first-child {
  padding-top: 0;
}
.product-item .product-text[data-v-e7a0cd8e] {
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 13px !important;
  font-style: normal !important;
  color: var(--dark) !important;
  line-height: 16px !important;
  padding: 0 0 1px 0;
}
.product-item .wrap[data-v-e7a0cd8e] {
  width: 90%;
  text-align: left;
}
.product-item .wrap .product-name[data-v-e7a0cd8e] {
  font-weight: 400;
}
.product-item .wrap .product-desc[data-v-e7a0cd8e] {
  font-size: 11px !important;
}
.product-item .product-count[data-v-e7a0cd8e] {
  font-weight: 700;
  cursor: pointer;
}
.product-item .cursor[data-v-e7a0cd8e] {
  cursor: unset !important;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/widget/components/MonitoringStatusWidget/index.vue?vue&type=style&index=0&id=2571a883&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-2571a883] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-2571a883]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-2571a883]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-2571a883] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-2571a883]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.has-pointer[data-v-2571a883] {
  cursor: pointer !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.monitoring-status[data-v-2571a883] {
  overflow: unset !important;
}
.content[data-v-2571a883] {
  display: flex;
  gap: 8px;
  max-height: 100%;
}
.content .area1[data-v-2571a883] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  padding-left: 3px;
}
.content .area1 .title[data-v-2571a883],
.content .area1 .event-level__title[data-v-2571a883] {
  display: flex;
  justify-content: space-between;
  color: #2f3237;
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-style: normal;
  align-items: flex-end;
  height: 21px;
}
.content .area1 .title[data-v-2571a883] :first-child,
.content .area1 .event-level__title[data-v-2571a883] :first-child {
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
}
.content .area1 .title[data-v-2571a883] :last-child,
.content .area1 .event-level__title[data-v-2571a883] :last-child {
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
}
.content .area1 .event-level[data-v-2571a883] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.content .area1 .event-level__text[data-v-2571a883] {
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.content .area1 .event-level__box[data-v-2571a883] {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 8px;
  line-height: normal;
  font-style: normal;
}
.content .area1 .event-level__section[data-v-2571a883] {
  text-align: center;
  padding: 12px;
  border-radius: 4px;
  display: grid;
  gap: 8px;
  justify-content: center;
}
.content .area1 .event-level__section[data-v-2571a883] [_comment] {
  width: 24px !important;
  height: 24px !important;
}
.content .area1 .event-level__section[data-v-2571a883] [_comment] em {
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}
.content .area1 .event-level__section.fatal[data-v-2571a883] {
  background: #fee6e7;
}
.content .area1 .event-level__section.warning[data-v-2571a883] {
  background: #fff5d6;
}
.content .area1 .event-level__section.inform[data-v-2571a883] {
  background: #f7f7f8;
}
.content .area1 .event-level__section__count[data-v-2571a883] {
  font-size: 18px;
  font-weight: 700;
  cursor: default;
}
.content .area1 .event-level__icon-type[data-v-2571a883] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.content .area1 .event-level__text[data-v-2571a883] {
  display: flex;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  color: #fff;
}
.content .area1 .event-level__text.icon-fatal[data-v-2571a883] {
  background: #fb6a72;
}
.content .area1 .event-level__text.icon-inform[data-v-2571a883] {
  background: #8a8f99;
}
.content .area1 .event-level__text.icon-warning[data-v-2571a883] {
  background: #ffcf33;
}
.content .area1 .event-level .status[data-v-2571a883] {
  display: flex;
  justify-content: space-between;
}
.content .area1 .surmary[data-v-2571a883] {
  display: grid;
  gap: 12px;
  height: 75px;
}
.content .area1 .surmary .gauge[data-v-2571a883] {
  display: flex;
  height: 14px;
}
.content .area1 .surmary .gauge .gauge-bar[data-v-2571a883] {
  min-width: 6%;
}
.content .area1 .surmary .gauge .gauge-bar[data-v-2571a883]:first-child {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 4px !important;
}
.content .area1 .surmary .gauge .gauge-bar[data-v-2571a883]:last-child {
  border-top-left-radius: 0px;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  border-bottom-left-radius: 0px;
}
.content .area1 .surmary .gauge .gauge-status[data-v-2571a883] {
  font-size: 10px;
  font-weight: 700;
  line-height: 14px;
  color: #fff;
  text-align: center;
  cursor: default;
}
.content .area1 .surmary .running[data-v-2571a883] {
  background-color: #23d79e !important;
}
.content .area1 .surmary .down[data-v-2571a883] {
  background-color: #fb4b57 !important;
}
.content .area1 .surmary .unknown[data-v-2571a883] {
  background-color: #b5b9bf !important;
}
.content .area1 .surmary .ne[data-v-2571a883] {
  background-color: #a386ef !important;
}
.content .area1 .surmary .lego-screen[data-v-2571a883] {
  background-color: transparent;
  width: -moz-max-content;
  width: max-content;
}
.content .area1 .surmary .status[data-v-2571a883] {
  display: flex;
  justify-content: space-between;
}
.content .area1 .surmary .status__box[data-v-2571a883] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.content .area1 .surmary .status__box__text[data-v-2571a883] {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
}
.content .area1 .surmary .status__box .cursor-default[data-v-2571a883] {
  cursor: default;
}
.content .area1 .surmary .status__box__icon[data-v-2571a883] {
  border-radius: 50%;
  min-width: 10px;
  height: 10px;
  color: black;
  text-align: center;
  display: inline-block;
}
.content .area1 .divider[data-v-2571a883] {
  height: 1px;
  background: #e4e5e7;
  margin: 14.5px 0px;
}
.content .line[data-v-2571a883] {
  width: 1px;
  margin: 0 8px;
  background: #eaeaea;
  height: auto !important;
}
.content .area2[data-v-2571a883] {
  width: calc((100% - 250px - 19px - 24px) / 2);
  z-index: 1;
  min-height: 216px;
}
.content .area2 .title[data-v-2571a883] {
  height: 20px;
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: left;
  color: var(--dark);
}
.content .area3[data-v-2571a883] {
  width: calc((100% - 250px - 19px - 24px) / 2);
  padding: 12px 0;
  background-color: #f7f7f8;
  position: relative;
  border-radius: 4px;
  min-height: 216px !important;
}
.content .area3 .arrow-right2[data-v-2571a883] {
  width: 0;
  height: 0;
  top: 50%;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 9px solid white;
  position: absolute;
  left: -1.2px;
}
.content .area3 .title[data-v-2571a883] {
  display: flex;
  align-items: center;
  height: 42px;
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: var(--dark);
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/widget/components/PerfermanceTop5Widget.vue?vue&type=style&index=0&id=2246fb58&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-2246fb58] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-2246fb58]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-2246fb58]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-2246fb58] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-2246fb58]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.widget-chart-bar[data-v-2246fb58] {
  height: auto;
  margin: 0 auto;
}
.default4[data-v-2246fb58] .widget-body {
  padding: 0px 20px;
}
.default4[data-v-2246fb58] .echarts {
  height: initial !important;
  min-height: 316px !important;
}
.default4[data-v-2246fb58] .chart-tooltip span {
  color: #fff !important;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/widget/components/EventMapWidget.vue?vue&type=style&index=0&id=4af617f0&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-4af617f0] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-4af617f0]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-4af617f0]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-4af617f0] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-4af617f0]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
[data-v-4af617f0] .widget-body {
  padding: 0 0 20px 20px;
}
.widght-map[data-v-4af617f0] {
  height: calc(100% - 12px);
}
.widght-map .product[data-v-4af617f0] {
  margin-bottom: 16px;
  margin-right: 10px;
  overflow: auto;
}
.widght-map .product .text[data-v-4af617f0] {
  width: 124px;
  flex: 0 0 auto;
  text-align: left;
  margin-right: 10px;
}
.widght-map .legend[data-v-4af617f0] {
  display: flex;
  padding-right: 20px;
}
.widght-map .legend .area[data-v-4af617f0] {
  overflow: auto;
}
.widght-map .legend .area .item[data-v-4af617f0] {
  display: inline-flex;
  align-items: center;
  line-height: 18px;
  overflow: auto;
  margin-right: 6px;
}
.widght-map .legend .area .item .icon-area[data-v-4af617f0] {
  display: inline-block;
  margin-right: 4px;
}
.rect[data-v-4af617f0] {
  width: 12px;
  height: 12px;
  margin: 0 2px 2px 0;
  border-radius: 2px;
  cursor: pointer;
  float: left;
}
.bg_greenblue[data-v-4af617f0] {
  background-color: var(--greenblue) !important;
}
.bg_whiteGreen[data-v-4af617f0] {
  background-color: #afe3cf !important;
}
.bg_watermelon[data-v-4af617f0] {
  background-color: var(--watermelon) !important;
}
.bg_gray[data-v-4af617f0] {
  background-color: #787c84 !important;
}
.bg_silver[data-v-4af617f0] {
  background-color: #8a8f99 !important;
}
.bg_yellow[data-v-4af617f0] {
  background-color: #ffd035 !important;
}
.icon[data-v-4af617f0] {
  width: 11px;
  height: 11px;
  background-color: #787c84;
  border-radius: 6px;
}
[data-v-4af617f0] .simplebar-content {
  width: 100%;
}
.sub-title[data-v-4af617f0] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 10px;
}
[data-v-4af617f0] .simplebar-content-wrapper {
  background-color: #fff;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/widget/components/EventHistoryWidget.vue?vue&type=style&index=0&id=0c5a9580&scoped=true&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-0c5a9580] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-0c5a9580]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-0c5a9580]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-0c5a9580] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-0c5a9580]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.flex[data-v-0c5a9580] {
  display: flex;
}
.space-bw[data-v-0c5a9580] {
  justify-content: space-between;
  padding-bottom: 14px;
}
.chart-note[data-v-0c5a9580] {
  margin-top: 28px;
}
.chart-note .title[data-v-0c5a9580] {
  border-bottom: 1px solid #e4e5e7;
}
.chart-note .title span[data-v-0c5a9580] {
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
  color: #2f3237;
}
.chart-note .total[data-v-0c5a9580] {
  margin-top: 8px;
}
.chart-note .total div[data-v-0c5a9580] {
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 15px !important;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 16px !important;
  color: #2f3237 !important;
  width: 70px !important;
}
.chart-note .detail .text div[data-v-0c5a9580] {
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 16px !important;
  color: #2f3237 !important;
}
.chart-note .detail .text[data-v-0c5a9580] {
  width: 40px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.chart-note .detail .icon-detail[data-v-0c5a9580] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  cursor: pointer;
}
.chart-note .detail .type[data-v-0c5a9580] {
  width: 56px;
}
.chart-note .detail .title-detail[data-v-0c5a9580] {
  display: flex;
  align-items: center;
  width: 90px;
  justify-content: space-between;
  text-align: left;
}
.chart-note .detail .title-detail span[data-v-0c5a9580] {
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
}
.widget-chart-bar[data-v-0c5a9580] {
  height: auto;
  margin: 0 auto;
}
.default6[data-v-0c5a9580] .widget-body {
  padding: 0px 20px;
}
.default6[data-v-0c5a9580] .echarts {
  min-height: 285px !important;
}
.default6[data-v-0c5a9580] .chart-tooltip span {
  color: #fff !important;
}
.wrapper-chart[data-v-0c5a9580] {
  height: 100%;
  display: flex;
}
.wrapper-chart .chart-area[data-v-0c5a9580] {
  width: calc(100% - 180px);
}
.wrapper-chart .note-area[data-v-0c5a9580] {
  min-width: 180px;
  max-width: 180px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/widget/components/TimeSeriesGraphWidget.vue?vue&type=style&index=0&id=7e4c041c&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-7e4c041c] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-7e4c041c]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-7e4c041c]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-7e4c041c] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-7e4c041c]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.widget-chart-bar[data-v-7e4c041c] {
  height: auto;
  margin: 0 auto;
}
.custom1[data-v-7e4c041c] .widget-body {
  padding: 0px 20px 20px 20px;
}
.custom1[data-v-7e4c041c] .echarts {
  height: initial !important;
}
.custom1[data-v-7e4c041c] .echarts .echarts-inner {
  height: initial !important;
  min-height: inherit !important;
}
.custom1[data-v-7e4c041c] .chart-tooltip span {
  color: #fff !important;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/widget/components/StatusMetricWidget.vue?vue&type=style&index=0&id=359e2230&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-359e2230] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-359e2230]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-359e2230]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-359e2230] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-359e2230]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.text[data-v-359e2230] {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 4px 0 0;
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 25px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.57;
  letter-spacing: normal;
  text-align: right;
  color: var(--dark);
  cursor: default;
}
.h1[data-v-359e2230] {
  height: 100%;
}
.h2[data-v-359e2230] {
  height: 100%;
}
.status-metric-widget[data-v-359e2230] {
  overflow: visible !important;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/widget/components/InstanceMapWidget.vue?vue&type=style&index=0&id=3e24d94e&scoped=true&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-3e24d94e] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-3e24d94e]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-3e24d94e]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-3e24d94e] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-3e24d94e]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
[data-v-3e24d94e] .simplebar-horizontal {
  display: none;
}
.grid-box[data-v-3e24d94e] {
  margin: 0 -2px;
  width: calc(100% + 6px);
}
.grid-box[data-v-3e24d94e]:after {
  content: "";
  clear: both;
  display: table;
}
.grid-box .rect[data-v-3e24d94e] {
  float: left;
  height: 51px;
  width: 51px;
  border-radius: 2px;
  margin: 2px 2px;
  background-color: #79d6db;
}
.grid-box .rect.opt1[data-v-3e24d94e] {
  opacity: 1;
}
.legend-box[data-v-3e24d94e]:after {
  content: "";
  clear: both;
  display: table;
}
.legend[data-v-3e24d94e] {
  width: 20%;
  height: 10px;
  background-color: #79d6db;
}
.legendtxt[data-v-3e24d94e] {
  width: 20%;
  height: 10px;
  text-align: left;
  /* &:first-child {
        padding-left: 15px;
    } */
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/widget/PreviewWidget.vue?vue&type=style&index=0&id=5ce184d6&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-5ce184d6] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-5ce184d6]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-5ce184d6]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-5ce184d6] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-5ce184d6]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
[data-v-5ce184d6] .lego-segment-button--medium {
  min-width: 32px !important;
  width: 32px !important;
}
[data-v-5ce184d6] .lego-segment-button-fill .lego-icon svg g path {
  fill: none;
}
[data-v-5ce184d6] .lego-tooltip-wrapper .lego-tooltip.lego-tooltip--with-close {
  text-align: left;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoModalExtendV2.vue?vue&type=style&index=0&id=8eca590a&scoped=true&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-8eca590a] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-8eca590a]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-8eca590a]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-8eca590a] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-8eca590a]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.modal__title-bar[data-v-8eca590a] {
  display: flex;
  gap: 16px;
  align-items: center;
  width: calc(100% - 32px);
}
.modal__title-bar__sub[data-v-8eca590a] {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  flex: 1;
}
.modal__title-divider[data-v-8eca590a] {
  height: 12px;
  border-right: 1px solid #cfd2d8;
}
.lego-modal[data-v-8eca590a] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.lego-modal__container[data-v-8eca590a] {
  display: flex;
  flex-direction: column;
  position: fixed;
}
.modal__header[data-v-8eca590a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal__body[data-v-8eca590a] {
  flex-grow: 1;
  max-height: 100%;
  overflow: auto;
}
.modal__footer[data-v-8eca590a] {
  display: flex;
  justify-content: end;
  align-items: center;
}
.modal__close_icon[data-v-8eca590a] {
  display: flex;
  justify-content: center;
  font-size: 20px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.modal__close_icon[data-v-8eca590a]:hover {
  background-color: #f4f4f6;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/widget/AddWidgetPopup.vue?vue&type=style&index=0&id=4393d464&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-4393d464] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-4393d464]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-4393d464]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-4393d464] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-4393d464]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
[data-v-4393d464]:root {
  --color-ui-02: #4b505b;
  --watermelon: #fb4d58;
  --color-ui-03: #61666f;
  --color-ui-05: #8e9198;
  --color-ui-06: #a5a7ad;
  --color-ui-09: #dddee0;
  --color-ui-10: #e8e8ea;
  --color-ui-11: #f3f4f4;
  --color-ui-12: #f7f7f7;
  --color-ui-13: #2e3138;
  --color-ui-14: #b4b8c0;
  --color-ui-15: #f4f4f6;
  --color-ui-16: #EFF1FB;
  --color-ui-17: #374fc8;
  --color-ui-18: #878E9B;
  --color-primary-tint-01: #eaedf9;
  --color-status-warning: #f47d23;
  --light-blue-grey: #aeb8e9;
  --greenblue: #23d89e;
  --greenblue-37C8C8: #37C8C8;
  --pale-grey: #f7f7fa;
  --silver: #bbbdc1;
  --silver-E3E5E8: #e3e5e8;
  --twilight-blue: #0a3380;
  --blue-with-a-hint-of-purple: #364fc7;
  --dark: #1f2533;
  --dark: #151a26;
  --color-border: #E3E4E8;
}
.scpm_table[data-v-4393d464] .state_icon {
  width: 10px;
  height: 10px;
  margin: 0 8px 0 0;
  border-radius: 10px;
  display: inline-block;
}
.scpm_table[data-v-4393d464] .state_icon.big {
  width: 16px;
  height: 16px;
  margin: 0 8px 0 0;
  border-radius: 10px;
  display: inline-block;
}
.scpm_table[data-v-4393d464] .state_icon.started {
  background-color: #23d89e;
}
.scpm_table[data-v-4393d464] .state_icon.running {
  background-color: #23d89e;
}
.scpm_table[data-v-4393d464] .state_icon.down {
  background-color: #fc434e;
}
.scpm_table[data-v-4393d464] .state_icon.stoped {
  background-color: #bbbdc1;
}
.scpm_table[data-v-4393d464] .state_icon.default {
  background-color: #bbbdc1;
}
.icon-information-tooltip[data-v-4393d464] {
  color: #555b68;
  cursor: pointer;
  margin-top: 1px;
}
.icon-information-tooltip[data-v-4393d464]:hover {
  color: #1f2533;
}
.auth-error-content[data-v-4393d464] {
  max-height: 400px;
  overflow: auto;
}
.auth-error-content[data-v-4393d464]::-webkit-scrollbar {
  width: 8px;
}
.auth-error-content[data-v-4393d464]::-webkit-scrollbar-thumb {
  background-color: rgba(29, 29, 31, 0.2);
  border-radius: 7px;
}
.auth-error-content[data-v-4393d464]::-webkit-scrollbar-thumb:hover {
  background-color: rgba(29, 29, 31, 0.6);
}
.table-widget-wrapper[data-v-4393d464] {
  width: 100%;
  height: 100%;
  border: 0px solid #d2d3d6;
  border-spacing: 0;
  padding: 24px 0px;
  display: flex;
}
.table-widget-wrapper .td-col[data-v-4393d464] {
  width: 268px;
  flex: 0 0 auto;
}
.table-widget-wrapper .widget-setting[data-v-4393d464] {
  width: 100%;
  max-width: 360px;
  border-right: 1px solid var(--color-border);
  width: 360px;
  flex: 0 0 auto;
}
.table-widget-wrapper .widget-setting--add[data-v-4393d464] {
  max-width: 322px;
  width: 322px;
}
.table-widget-wrapper .widget-preview[data-v-4393d464] {
  width: calc(100% - 360px);
  flex: 0 0 auto;
}
.table-widget-wrapper .widget-preview--add[data-v-4393d464] {
  width: calc(100% - 590px);
}
.table-widget-wrapper[data-v-4393d464] .c-navi .c-navi-list .c-navi-item {
  border-width: 0;
}
.table-widget-wrapper[data-v-4393d464] .c-navi .c-navi-list .c-navi-item .c-navi-item-text {
  margin: 0 !important;
}
.table-widget-wrapper[data-v-4393d464] .c-navi .c-navi-list .c-navi-item .c-navi-item-text .c-label {
  font-weight: 400 !important;
}
.table-widget-wrapper[data-v-4393d464] .c-navi .c-navi-list .c-navi-item .c-navi-item-text.active .c-label {
  font-weight: 500 !important;
}
[data-v-4393d464] .td-col {
  width: 100%;
  padding-left: 0px;
}
[data-v-4393d464] .td-col .simplebar-content {
  width: 100% !important;
  max-width: 268px;
}
[data-v-4393d464] .td-col .simplebar-content .c-navi-list {
  margin-top: 16px;
}
[data-v-4393d464] .td-col .simplebar-content .c-navi-list .c-navi-items .c-navi-item {
  margin-bottom: 4px;
}
[data-v-4393d464] .td-col .simplebar-content .c-navi-list .c-navi-items .c-navi-item:last-child {
  margin-bottom: 0px;
}
[data-v-4393d464] .td-col .scroll_widget {
  padding: 0 16px 0 0 !important;
}
.addWidgetPopup[data-v-4393d464] .event-status-widget .widget-list-list__name .c-label {
  cursor: default !important;
}
.addWidgetPopup[data-v-4393d464] .c-navi-calculator {
  padding: 0;
}
.addWidgetPopup[data-v-4393d464] .c-navi-calculator .c-navi-item-text {
  padding: 12px 16px !important;
}
.addWidgetPopup[data-v-4393d464] .c-navi-calculator .c-navi-item-text div {
  color: #878e9b;
  font-size: 15px !important;
}
.addWidgetPopup[data-v-4393d464] .c-navi-calculator .c-navi-item-text.active div {
  color: #374fc8;
}
.scroll_widget[data-v-4393d464] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  box-sizing: border-box;
  color: #2c3e50;
  text-align: center;
  background-color: #fff;
  border-right: 1px solid var(--color-border);
}
.customConfig[data-v-4393d464] .simplebar-content {
  width: 100% !important;
}
.customConfig[data-v-4393d464] .accordion-list-item__main .item-title-sec {
  max-width: 235px;
}
.customConfig[data-v-4393d464] .simplebar-horizontal {
  visibility: hidden !important;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/components/rangeDatePickerPopup/multiDatePickerExtendTab.vue?vue&type=style&index=0&id=0cb421eb&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-0cb421eb] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-0cb421eb]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-0cb421eb]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-0cb421eb] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-0cb421eb]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.message[data-v-0cb421eb] {
  margin-left: 0px;
  color: #fc434e;
  font-size: 12px;
}
.time-picker[data-v-0cb421eb] {
  width: 80px;
  height: 32px;
  color: #1f2533;
  font-size: 14px;
  font-family: "Noto Sans KR", Arial, sans-serif;
  padding: 0 5px 0 6px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/components/rangeDatePickerPopup/uiRangeDatePickerPopup.vue?vue&type=style&index=0&id=6a4d18ec&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-6a4d18ec] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-6a4d18ec]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-6a4d18ec]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-6a4d18ec] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-6a4d18ec]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.refresh-container[data-v-6a4d18ec] {
  height: 72px;
}
.triangle-up[data-v-6a4d18ec] {
  position: absolute;
  box-shadow: 0px 8px 15px 2px rgba(23, 25, 28, 0.15), 0px 0px 4px 0px rgba(23, 25, 28, 0.2), 0px -1px 4px 0px rgba(23, 25, 28, 0.15), 0px -1px 4px 0px rgba(23, 25, 28, 0.1) inset;
  background-color: #fff;
  border-radius: 4px;
}
.triangle-up[data-v-6a4d18ec]:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 0%;
  left: 50%;
  box-sizing: border-box;
  border: 5px solid white;
  border-color: transparent transparent white white;
  transform-origin: 0 0;
  transform: rotate(135deg);
  box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.2);
}
.triangle-container[data-v-6a4d18ec] {
  position: absolute;
  right: 12px;
  top: 0px;
}
.range-wrap[data-v-6a4d18ec] .refresh-container .lego-segment-wrapper .lego-segment-button {
  min-width: 79px !important;
}
.range-wrap-date-picker[data-v-6a4d18ec] {
  right: -8px !important;
  border-radius: 4px;
}
.range-wrap-date-picker[data-v-6a4d18ec] .lego-dropdown__items {
  z-index: 3999 !important;
}
[data-v-6a4d18ec] .lego-button--solid.lego-button--primary {
  margin-left: 16px !important;
}
[data-v-6a4d18ec] .lego-tab__label-underline {
  border-bottom: none;
  border: none;
  background: transparent;
}
[data-v-6a4d18ec] .lego-tab__content-wrapper {
  border-top: 1px solid #e3e4e8 !important;
}
[data-v-6a4d18ec] .lego-tab__label-underline:after {
  bottom: 0;
  border-bottom: 0;
  height: 2px;
}
[data-v-6a4d18ec] .lego-tab__label-underline--active:after {
  border: none;
  background: #2c59d9;
  border-radius: 100px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/components/rangeDatePickerPopup/index.vue?vue&type=style&index=0&id=c8025a46&scoped=true&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-c8025a46] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-c8025a46]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-c8025a46]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-c8025a46] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-c8025a46]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.range-datepicker-popup[data-v-c8025a46] {
  position: relative;
}
.range-datepicker-popup .date-time[data-v-c8025a46] {
  display: flex;
  align-items: center;
}
.range-datepicker-popup .ui-icon[data-v-c8025a46] {
  width: 24px !important;
  height: 24px !important;
  background-color: transparent !important;
}
.range-datepicker-popup .ui-icon > i[data-v-c8025a46] {
  width: 20px;
  height: 20px;
}
.range-datepicker-popup[data-v-c8025a46] .ui-icon > i.opus-icon__setting {
  font-size: 23px !important;
}
.range-datepicker-popup[data-v-c8025a46] .ui-icon > i.opus-icon__setting:hover {
  color: #22252a;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/components/scpmReloadDatePicker/scpmReloadDatePicker.vue?vue&type=style&index=0&id=00b0ae50&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-00b0ae50] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-00b0ae50]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-00b0ae50]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-00b0ae50] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-00b0ae50]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.action.ui-refresh-extend .count-down-time[data-v-00b0ae50] {
  margin: 0px !important;
}
.action.ui-refresh-extend .lego-button--border.lego-button--default[data-v-00b0ae50] {
  background-color: unset;
}
.action.ui-refresh-extend .lego-button--disabled.lego-button--border[data-v-00b0ae50] {
  background-color: unset !important;
}
.action.ui-refresh-extend .group-icon[data-v-00b0ae50] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-right: 8px;
}
.action.ui-refresh-extend .group-icon .time-text[data-v-00b0ae50] {
  margin-right: 12px;
}
.action.ui-refresh-extend .hover-icon[data-v-00b0ae50] .lego-icon:hover {
  color: #22252a;
}
.action.ui-refresh-extend[data-v-00b0ae50] .ui-icon .opus-icon__play svg:hover {
  color: #00a7ff !important;
}
[data-v-00b0ae50] .lego-tooltip {
  padding: 6px 5px !important;
}
[data-v-00b0ae50] .ui-icon {
  width: 24px !important;
  height: 24px !important;
}
[data-v-00b0ae50] .ui-icon > i {
  width: 20px;
  height: 20px;
}
[data-v-00b0ae50] .ui-icon.i-pause > i {
  font-size: 20px !important;
}
[data-v-00b0ae50] .progress-line-custom > .lego-progress__line {
  height: 3px;
  border-radius: 4px;
}
[data-v-00b0ae50] .progress-line-custom > .lego-progress__line .lego-progress__line-progress {
  height: 3px;
}
[data-v-00b0ae50] .progress-line-custom > .lego-progress__line-background-normal > .lego-progress__line-progress-normal {
  background-color: #2c5ad8;
}
[data-v-00b0ae50] .icon-play > i.opus-icon__play {
  font-size: 20px !important;
}
[data-v-00b0ae50] .progress-line-custom > .lego-progress__line-background-normal {
  background-color: #e3e4e5;
}
.ui-refresh-extend[data-v-00b0ae50] .rangedate
      .lego-dropdown__items
      .datepicker-tab-container
      .datatime-type-wrap
      .lego-date-picker {
  width: 100% !important;
}

/* 20220805 icon pause add */
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/common/ScpmDropDown.vue?vue&type=style&index=0&id=7e24e0b0&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-7e24e0b0] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-7e24e0b0]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-7e24e0b0]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-7e24e0b0] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-7e24e0b0]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.dropdown[data-v-7e24e0b0] {
  position: relative;
  display: inline-block;
}
.anchor[data-v-7e24e0b0] {
  position: relative;
}
.overlay[data-v-7e24e0b0] {
  position: fixed;
  background: transparent;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
}
.dropdown-content[data-v-7e24e0b0] {
  position: fixed;
  box-shadow: 0px 8px 15px 2px rgba(23, 25, 28, 0.15), 0px 0px 4px 0px rgba(23, 25, 28, 0.2), 0px -1px 4px 0px rgba(23, 25, 28, 0.15), 0px -1px 4px 0px rgba(23, 25, 28, 0.1) inset;
  background-color: #fff;
  margin-top: 10px;
  border-radius: 4px;
  z-index: 5000;
}
.dropdown-content[data-v-7e24e0b0]::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin-left: 20px;
  top: 0%;
  left: 50%;
  box-sizing: border-box;
  border: 5px solid white;
  border-color: transparent transparent white white;
  transform-origin: 0 0;
  transform: rotate(135deg);
  box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.2);
}
.dropdown-left-bottom[data-v-7e24e0b0] {
  left: 0;
}
.dropdown-left-bottom[data-v-7e24e0b0]::after {
  left: 34px;
}
.dropdown-right-bottom[data-v-7e24e0b0] {
  right: 0;
}
.dropdown-right-bottom[data-v-7e24e0b0]::after {
  right: 34px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/components/MonitoringTargetCommon.vue?vue&type=style&index=0&id=5caea419&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-5caea419] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-5caea419]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-5caea419]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-5caea419] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-5caea419]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.text-selected[data-v-5caea419] {
  margin: 0 16px;
  align-content: center;
  color: #2c59d9;
  font-weight: 700;
}
.badge-asg[data-v-5caea419] {
  display: flex;
  align-items: center;
}
.target-block[data-v-5caea419] {
  width: 100%;
}
.container-dialog[data-v-5caea419] {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  width: 100%;
}
.container-dialog__content[data-v-5caea419] {
  border-bottom: 1px solid #e4e5e7;
  max-height: 100%;
  height: 100%;
  width: 100%;
}
.container-dialog__footer[data-v-5caea419] {
  display: flex;
  justify-content: end;
}
.container[data-v-5caea419] {
  display: flex;
  justify-content: flex-start;
  gap: 24px;
  padding-bottom: 24px;
}
.container .target-section[data-v-5caea419] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 328px;
  min-width: 328px;
  padding-right: 24px;
}
.container .items-section[data-v-5caea419] {
  display: flex;
  gap: 8px;
  width: 100%;
}
.target-header[data-v-5caea419] {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  margin-bottom: 8px;
}
.target-header .target-title[data-v-5caea419] {
  color: #2e3138;
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
.target-header .required-target[data-v-5caea419] {
  color: #fc434e;
  font-size: 12px;
}
.target-header .clear-items[data-v-5caea419] {
  display: flex;
  align-items: center;
  white-space: nowrap;
  color: #737a8c;
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  height: 32px;
}
.target-header .clear-items span[data-v-5caea419] {
  border-bottom: 1px solid #737a8c;
  padding-bottom: 3px;
}
.target-header[data-v-5caea419] .dropdown .anchor {
  display: flex;
}
.target-selector[data-v-5caea419] {
  display: flex;
  gap: 8px;
  width: 100%;
  flex-direction: column;
}
.target-selector .target-title[data-v-5caea419] {
  color: #2e3138;
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  text-transform: capitalize;
  height: 32px;
  display: flex;
  align-items: center;
}
.target-selector .selector[data-v-5caea419] {
  width: 100%;
}
.items-section[data-v-5caea419] {
  display: flex;
  gap: 8px;
}
.items-section .no-item-selected[data-v-5caea419] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 72px;
  color: #878e9b;
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  margin-left: -16px;
}
.items-section .no-item-selected.one-dropdown[data-v-5caea419] {
  height: 32px;
}
.items-section .no-item-selected.two-dropdown[data-v-5caea419] {
  height: 72px;
}
.items-section .selected-items[data-v-5caea419] {
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.clear-items[data-v-5caea419]:hover {
  cursor: pointer;
  color: #2e3138;
}
.clear-items:hover span[data-v-5caea419] {
  border-color: #2e3138;
}
.chip[data-v-5caea419] {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  width: -moz-max-content;
  width: max-content;
  height: 32px;
  padding: 0px 12px;
  border-radius: var(--radius-pill, 100px);
  background: var(--color-alias-background-action-primary-container-default, #eff1fb);
}
.chip .listTargetItem[data-v-5caea419] {
  display: inline-block;
  color: #364fc7;
}
.chip .chip-close[data-v-5caea419] {
  margin-top: 2px;
  font-size: 16px;
  cursor: pointer;
}
[data-v-5caea419] .lego-table__area-wrapper {
  border-bottom: unset !important;
}
[data-v-5caea419] .lego-table-wrap {
  padding-top: 12px !important;
}
[data-v-5caea419] .lego-table-wrap .lego-table__top {
  padding-bottom: 12px;
  margin-bottom: unset !important;
}
[data-v-5caea419] .lego-table-wrap .lego-table__top .lego-table__control {
  height: unset;
}
[data-v-5caea419] .lego-table-wrap .lego-table__top .lego-table__control .lego-table__counter__total {
  height: unset;
  line-height: unset;
}
[data-v-5caea419] .lego-dropdown__title {
  border-radius: 2px;
}
.product-type[data-v-5caea419] .lego-dropdown__item:first-of-type,
.product-type[data-v-5caea419] .lego-dropdown__item:last-child {
  border-radius: initial !important;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/components/TooltipAndOther.vue?vue&type=style&index=0&id=44093397&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-44093397] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-44093397]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-44093397]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-44093397] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-44093397]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.cls-asg[data-v-44093397] {
  display: flex;
  flex-flow: nowrap;
  width: inherit;
  max-width: 100%;
}
.badge-asg[data-v-44093397] {
  margin-right: 8px;
  max-width: 38px;
}
.content-text[data-v-44093397] {
  display: flex;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ellipsis[data-v-44093397] {
  width: auto;
  max-width: unset;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/performance/AddMonitorTargetItem.vue?vue&type=style&index=0&id=34aae5d0&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-34aae5d0] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-34aae5d0]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-34aae5d0]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-34aae5d0] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-34aae5d0]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-select-search[data-v-34aae5d0] {
  display: flex;
  align-content: center;
  justify-content: space-between;
}
.lego-text-field-wrapper[data-v-34aae5d0] {
  display: inline-block;
  width: calc(100% - 210px);
}
.modal-cotent-wrap[data-v-34aae5d0] {
  max-width: 1000px;
}
.scpm-drag-wrap[data-v-34aae5d0] {
  padding-top: 20px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/performance/AddMonitorTargetSubItem.vue?vue&type=style&index=0&id=7c8f9274&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-7c8f9274] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-7c8f9274]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-7c8f9274]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-7c8f9274] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-7c8f9274]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-card-body[data-v-7c8f9274] {
  height: calc(100% - 32px);
}
.lego-card-header[data-v-7c8f9274] {
  display: flex;
  align-items: center;
  height: 32px;
}
.lego-select-table-wrap[data-v-7c8f9274] {
  display: flex;
  align-content: center;
  justify-content: space-between;
  margin-top: 20px;
  min-height: calc(100% - 76px);
}
.badge-selected[data-v-7c8f9274] {
  width: 20px;
  height: 20px;
  border: 1px solid #2c59d9;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  margin-left: 8px;
  font-size: 12px;
  line-height: 12px;
  color: #2c59d9;
  font-weight: bold;
}
.lego-card-body-item[data-v-7c8f9274] {
  display: flex;
  align-items: center;
  height: 40px;
  font-size: 14px;
  cursor: pointer;
  padding: 0 10px;
  margin-right: 12px;
  justify-content: space-between;
}
.lego-card-body-item.selected[data-v-7c8f9274] {
  border-radius: 4px;
  margin-right: 12px;
  background-color: rgba(54, 79, 199, 0.12);
  color: var(--blue-with-a-hint-of-purple);
}
[data-v-7c8f9274] .lego-table__top {
  margin-bottom: 3px !important;
}
[data-v-7c8f9274] .simplebar-content {
  width: 100% !important;
  padding: 0px 1px 0px 1px !important;
}
[data-v-7c8f9274] .lego-card {
  border: unset;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/performance/AddMonitorTargetDialog.vue?vue&type=style&index=0&id=2ab57045&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-2ab57045] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-2ab57045]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-2ab57045]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-2ab57045] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-2ab57045]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.modal-content-wrap[data-v-2ab57045] {
  max-width: 1000px;
}
.modal-content-wrap .lego-table-wrap[data-v-2ab57045] {
  padding: 14px 0 0 0;
}
.lego-select-search[data-v-2ab57045] {
  width: 100%;
}
.modal-cotent-wrap[data-v-2ab57045] {
  max-width: 1000px;
}
.badge-text-wrapper[data-v-2ab57045] {
  display: flex;
  align-items: center;
}
[data-v-2ab57045] .listTargetItem {
  display: inline-block;
  color: #364fc7;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
[data-v-2ab57045] .scpmSubTitleContainer .scpmSubTitle {
  font-size: 14px !important;
}
.scpm-drag-wrap[data-v-2ab57045] {
  padding-top: 20px;
}
[data-v-2ab57045] .added-list-box {
  margin-top: 5px !important;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/components/performanceItem/index.vue?vue&type=style&index=0&id=0f01c301&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-0f01c301] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-0f01c301]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-0f01c301]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-0f01c301] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-0f01c301]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.performance-item-container[data-v-0f01c301] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.performance-item-container .search-box[data-v-0f01c301] {
  padding-right: 24px;
}
.performance-item-container .search-box .title[data-v-0f01c301] {
  color: #2f3237;
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 16px;
  line-height: 16px;
}
.performance-item-container .search-box[data-v-0f01c301] .lego-text-field__input {
  height: 32px !important;
  font-size: 14px;
  border: 1px solid var(--color-ui-14);
}
.performance-item-container .search-box[data-v-0f01c301] .lego-text-field__input:hover {
  border-color: #2c59d9;
}
.performance-item-container .search-box[data-v-0f01c301] .lego-text-field__input::-moz-placeholder {
  color: #b5b9bf;
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  line-height: 16px;
}
.performance-item-container .search-box[data-v-0f01c301] .lego-text-field__input::placeholder {
  color: #b5b9bf;
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  line-height: 16px;
}
.performance-item-container .search-box[data-v-0f01c301] .lego-text-field--small .lego-text-field__icon-wrap {
  height: 32px !important;
}
.performance-item-container .scroll-box[data-v-0f01c301] {
  height: 100%;
  max-height: 100%;
  overflow: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.performance-item-container .scroll-box .no-result-found[data-v-0f01c301] {
  margin-top: 16px;
  padding-left: 8px;
  color: #878e9b;
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  overflow: hidden;
}
.performance-item-container .scroll-box .accordion-item[data-v-0f01c301] {
  border: none;
  margin-right: 24px;
}
.performance-item-container .scroll-box .accordion-item .accordion-title[data-v-0f01c301] {
  display: flex;
  justify-content: space-between;
}
.performance-item-container .scroll-box .accordion-item .accordion-title span[data-v-0f01c301] {
  font-size: 15px;
  font-style: normal;
  line-height: 16px;
  color: #2f3237;
  font-weight: 500;
}
.performance-item-container .scroll-box .accordion-item .accordion-title em[data-v-0f01c301] {
  font-style: normal;
}
.performance-item-container .scroll-box .accordion-item[data-v-0f01c301] .accordion-list-item__main {
  height: 48px !important;
  border: none;
  border-radius: 4px;
  padding: 0px 0px 0px 16px;
}
.performance-item-container .scroll-box .accordion-item[data-v-0f01c301] .accordion-list-item__main:hover {
  background-color: var(--color-ui-15);
}
.performance-item-container .scroll-box .accordion-item[data-v-0f01c301] .accordion-list-item__main:hover .lego-icon {
  color: var(--color-ui-13);
}
.performance-item-container .scroll-box .accordion-item[data-v-0f01c301] .accordion-list-item__expand {
  border: none;
  padding: 0px 0px 0px 16px;
  margin: 0;
}
.performance-item-container .scroll-box .accordion-item[data-v-0f01c301] .accordion-list-item__expand .accordion-sub-item-wrap .accordion-sub-item {
  display: flex;
  align-items: center;
  height: 40px;
  border: none;
  border-radius: 4px;
  padding: 0px 0px 0px 16px;
}
.performance-item-container .scroll-box .accordion-item[data-v-0f01c301] .accordion-list-item__expand .accordion-sub-item-wrap .accordion-sub-item:hover {
  background-color: var(--color-ui-15);
  cursor: pointer;
}
.performance-item-container .scroll-box .accordion-item[data-v-0f01c301] .accordion-list-item__expand .accordion-sub-item-wrap .accordion-sub-item.checked {
  background-color: var(--color-ui-16);
}
.performance-item-container .scroll-box .accordion-item[data-v-0f01c301] .accordion-list-item__expand .accordion-sub-item-wrap .accordion-sub-item .accordion-icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  pointer-events: none;
}
.performance-item-container .scroll-box .accordion-item[data-v-0f01c301] .accordion-list-item__expand .accordion-sub-item-wrap .accordion-sub-item .c-label {
  color: #585c65 !important;
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 15px !important;
  font-style: normal !important;
  font-weight: normal !important;
}
.performance-item-container .scroll-box .accordion-item[data-v-0f01c301] .accordion-list-item__expand .accordion-sub-item-wrap .accordion-sub-item .c-label.checked {
  color: var(--color-ui-17) !important;
}
.performance-item-container .scroll-box .accordion-item[data-v-0f01c301] .accordion-list-item__expand .accordion-sub-item-wrap .accordion-sub-item .icon-add-multiple {
  font-size: 20px;
  padding-right: 6px;
}
.performance-item-container .scroll-box .accordion-item[data-v-0f01c301] .accordion-list-item__expand .accordion-sub-item-wrap .accordion-sub-item .item-name {
  max-width: 90%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.performance-item-container .scroll-box .accordion-item[data-v-0f01c301] .accordion-list-item__expand .accordion-sub-item-wrap .accordion-sub-item .counter {
  font-weight: bold;
  color: #374fc8;
  border-radius: 100px;
  min-width: 20px;
  display: flex;
  justify-content: center;
  font-size: 12px;
  align-items: center;
  height: 20px;
  padding-bottom: 2px;
  margin-right: 8px;
}
.performance-item-container .scroll-box .accordion-item[data-v-0f01c301] .accordion-list-item__expand .accordion-sub-item-wrap + .accordion-sub-item-wrap {
  margin-top: 2px;
}
.performance-item-container .scroll-box .accordion-item + .accordion-item[data-v-0f01c301] {
  margin-top: 0px;
}
.noDataText[data-v-0f01c301] {
  height: 100%;
  display: flex;
  align-items: center;
}
.noDataText div[data-v-0f01c301] {
  text-align: center;
  width: 100%;
  font-size: 14px;
  color: #8a8f99;
}
.noDataText div img[data-v-0f01c301] {
  margin-bottom: 12px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/components/performanceItem/NoData.vue?vue&type=style&index=0&id=644fa6e8&scoped=true&lang=css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.no-performance-item {
&[data-v-644fa6e8] {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.text[data-v-644fa6e8] {
    color: #8a8f99;
    font-family:$lego__font-family;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
}
.icon[data-v-644fa6e8] {
    margin-top: 24px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAACGCAYAAAB0f6CUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAlaSURBVHgB7d1rbFPnGQfw5zghFxISZBJC7NgtJduiLQtFS8SkUlihGoFJkzqt00ZAk7pNK520VUJ0F00Ioaobiap1HyiNpm2aVmBrP1SqKrF2N3H70MHK2rJ2FygJuUISi0AujrF95sfJ8exjOz7n+Pae1/+fFOzjHBOE/nn9vO95zjlEAAAAAAAAAAAAAAAAAFB6FAIw6dIldWX/KycfC6vUVeEI7wqEFKdCSoPR96ukTlaUqb5A2HHaodDFb39lz2udncoc5QACDaZ84+CJF0hVe8wEOBMOuMOhPP2L3p4TlCUEGgw59PwfHhkZm3wll0HWW1EW/k9TQ8Pjhw/ueo8sQqAho289c6JHDdPLVCCKg/ZaHa0dBLCMQoeZ8c/jTwSyAIGGtA73ne4odJg1XN48e+yMh0wqJ4A0bk1NHrM65nW0P0CVFYvx+vCDD2nGX2bm7cS1+vWB4QORp0+beR9GaEiJS41A0LGFLNq9o40e/8Knol/VK+vJCkWl7/GnhJn3INCQ0gpH+EkSwNAt3xNm9kegIaVsRudc4gM3ZvZHoCEJlxskiHshx8fNTA4xKYSsxU8ANVUVZQnfvzPjT/i+mYni4ODw1siDoXVpBBqScI+GmSNuPAF01lWm/f7ObRuSXusbGI0EeoZyDSUHSAUjNCThDjhVNb7/xcvDVF2dGKXODjetrFp87cq/J8k3PZvw/fm56cif5tamjUCgIUlz05rR0bEpw/v/+WxyL1F727pYoE//6TJN+PTlhfEwuxud7xvdFyUHJPnitp1vkyC4tdRM9x0CDUm42b6iPHyeRKAoprruEGhIqaGx8RAJwLPW+Ssz++e+KgcpnHnr5YHPbn3s0VBY8ZIFlZXVNHrrLg2OTNPVqx/xkUcyS1Xo5z87/KXfmHkPJoWQlsvj3TNwffgGWZA4UTQ/bnLtvP5+z/NkkvBnrPS9dP65yL/yh2l3UOknB5/c8iOCvChGgz9zNa/ZfuRA91/JJPvX0JGw9/Zf2E+QF3wqFJ8SRQXEP89KmJkUk0KF1BcR6vzhUPOIyWUA5RGfJNvS5NyYzdnf0qxyINT5xSPm/q/23McTNcox/kXhUfn40X2fyOaMb2b/GlpHpfBbRvdVVMffUX+bxxeaOf77k89VloU/sxBU2sxe2kB/oZlcXI9DI90qh0KOzxvdV1XCBOYtXeUoeq5f/KSRSwa31/voj7+zbYiKBMt2kBU+VSsy0hIfWXziy3t35uqSXlbhSCFYxtfO4FO1uK5+8af7Hi52mBkCDZZNTkwc4TD/sq/H1KUG8gmBBkv48gL3wo6XRAozk26VI52W5nrq2tQS94rqp9LyWqvHuYckV8KTQqWKSoqJU1BsDCUHSAWBBqkg0CAVBBqkgkCDVBBokAoCDVJBoEEqwh9YWQiFjgf883+kLLmb13dFHo4SSE34QC/11mbdX/v1IV9zaRwrK20oOUAqaPCXBF9gXLs44pw/GHuubUd8zXd7tp0EMDMXesPrqsvLqW8ItITiw6zb/jQJoLam/J+UJyg5QCoINEgFgQapINAgFUwKJXd9eJpmZ+/FtmtqVtD6Fmu3KrYDBFpyHN6lZbuSgEBLjsPsD4QSXtNv58ty9y7MFwTahCv/GidnfQ25mleRXXB4p+/4o2UHlxuFemQItMA4FP/9iG91NkUt4/pLIoiLQ1WMYBULAp0Ch7e+riph+8LFgdi2/r7VIuNJISvGCF2MyScCrTM6dpfevnwj4cI0l94dpoWFxbqzsrKMdjzcmvQ+Dn0hxf/CLaepoSZadmj7F+qxWBDoOBzKf3wwEn0+PDYdHYnraqvozt2F2D4Pdd2f9D7tl6CQNm/yGqrluY9D39shMxxYicOji9e9OrbNQeZgazhExR6BYHkYoXX4HtW8kqEfcbkESTcics1Yt6p0Jl4iQ6BT4OBuJm8s1BzW5VY1eNROVVdD4aHkSCMa6kiJwZPAzo32WKIDjNDL4lC7mtvIDnglg7/4zJVUj5G16N/NL6i9JIBfv3opb7eHQ6Alox3W1j/67vjVVo/zMlkwcmt2k3ttjaX3FhpKDsjo2sDUO2QTCDRkVFZRZek2xcWAQENGDz24djvZBAJtAnfb8VHBUsM1NNkEJoUG2bXbLheWamjhbzDFMEKnoG80snO3XS64mmtPkU3YaoS+NuTbMz4V/CbXdPwxyCMHT1iMbK8oK28PhDKfqSFbt102+Cb1/NjqUWxzOzhbBXpkfL5lw32rD/DzpXXR2Mdgpu17oeCVTJ+aMnbbMT64MjjmX3f2bzdUowPA4vbQO6SUfT/yVwhxQMYIWwT67MWRZ7Z2uXv5i/JI67ZbrJUXu+3iw2zXbjs+uNK0pny81eM1PADot+1C+EAvlRndVKBRAt129iZ8oE+9/v65yMM5KiB029mXXS54XnBaqLmmRredfQi/bMcTGSoSDvXuHW04S8VGsA4NUinaLLa3/8J+IvUpKqD6VZWWrmDf1FgbnSzam3qq1eO0zXqyVUWtoSO/TQW7RQIfEIlfgjODAw32UDIlh3akD+SGGhqkgkCDVIRch+Z6t9FZS9XV5TQ/H0y42AvAcoQLNIdZ3wDkXlcfPcARXwdzX4V2UcB43BlndfKXDRm77exIuEA/+El37Plfzl+j7Vs2RIMb3zTEOOCVFcn//GKEWfRuu1IiXKBTjbqMG4b4bBENh5lbO/VSvWYUShv7E7qX42MPrEn7PV4bXgx5bvimZ8kqdNuJQ7hAD43eJo9r8QqgXGJoz/WB087vEwG67cQhXKA5qDzy8qjH9TPjkMfXz4xH71yP0PqfAfYjZMnBE6z4j/BUE72bEzPRJT2AeMLW0JlWK/SnRwEwHCk0AJ8E9oFAG8BHLMEeEGiQCgINUinaZ2kgGHwjODd3gQpk++c6umtWOo4SGNLbf/bNyHjn0rYDwdDuYp2wbEbRAr30n1Ow/6B9Q7521X7XTSkih6uQZxTlCkoOkAoCDVLBehTQUz/47bmKcnWLtr26vnEj2RRGaJAKRmgw7HDf6Y6E7YO73iPBYIQGw25OTr56e3riXe3r2WNnPCQYBBqkgkCDVBBokAoCDVLBKgdQQ2PjobGbU7G+jb2PdF99/cyb362tXdWmvda9eetU/+DJI8HA/9/3goC9HSXV3KDdpqxUdXYqcwQAAAAAAAAAAAAAAAAAAAAAAAAAJe5//C3IUXNecP0AAAAASUVORK5CYII=);
    display: block;
    width: 180px;
    height: 140px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 180px 134px;
}
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/components/chart/ChartLastValue.vue?vue&type=style&index=0&id=4a87ffa3&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-4a87ffa3] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-4a87ffa3]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-4a87ffa3]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-4a87ffa3] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-4a87ffa3]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.wrapper-last-value[data-v-4a87ffa3] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.tooltip-last-value[data-v-4a87ffa3] {
  position: absolute;
  border-style: solid;
  white-space: nowrap;
  z-index: 99999999;
  box-shadow: rgba(0, 0, 0, 0.2) 1px 2px 10px;
  background-color: rgb(255, 255, 255);
  border-width: 1px;
  border-radius: 4px;
  color: rgb(0, 0, 0);
  font: 12px/18px "Microsoft YaHei";
  top: 0px;
  left: 0px;
  transform: translate3d(4px, 237px, 0px);
  border-color: rgb(255, 255, 255);
  max-height: 300px;
  overflow: auto;
  max-width: 600px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  visibility: hidden;
}
.tooltip-last-value .tooltip-wrapper[data-v-4a87ffa3] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 16px;
  margin-top: 4px;
}
.tooltip-last-value .tooltip-wrapper__marker[data-v-4a87ffa3] {
  display: inline-block;
  margin-right: 4px;
  border-radius: 10px;
  width: 10px;
  height: 10px;
}
.tooltip-last-value .tooltip-wrapper__value[data-v-4a87ffa3] {
  padding-left: 8px;
  font-weight: bold;
}
.tooltip-last-value .content-wrapper[data-v-4a87ffa3] {
  padding: 8px;
}
.tooltip-last-value .tooltip-date[data-v-4a87ffa3] {
  width: -moz-max-content;
  width: max-content;
}
.tooltip-last-value .tooltip-content[data-v-4a87ffa3] {
  border-spacing: 0px;
  width: 100%;
}
.tooltip-last-value .tooltip-content tr td[data-v-4a87ffa3] {
  padding-top: 4px;
  padding-right: 4px;
}
.tooltip-last-value .tooltip-content_info[data-v-4a87ffa3] {
  display: flex;
  align-items: center;
}
.tooltip-last-value .tooltip-content_color[data-v-4a87ffa3] {
  height: 10px;
  min-width: 10px;
  border-radius: 100%;
  margin-right: 4px;
}
.tooltip-last-value .tooltip-content_name[data-v-4a87ffa3] {
  max-width: 370px;
}
.tooltip-last-value .tooltip-content_max_value[data-v-4a87ffa3] {
  width: -moz-max-content;
  width: max-content;
  padding-right: 12px;
}
.tooltip-last-value .tooltip-content_value[data-v-4a87ffa3] {
  font-weight: 700;
  text-align: right;
  padding-right: 0px !important;
}
.chart-last-value[data-v-4a87ffa3] {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
  color: #2f3237;
}
.chart-last-value .last-value-text[data-v-4a87ffa3] {
  font-weight: 400;
}
.border-left[data-v-4a87ffa3] {
  position: relative;
}
.border-left[data-v-4a87ffa3]::before {
  content: "";
  display: block;
  position: absolute;
  left: -16px;
  top: 50%;
  width: 1px;
  height: 16px;
  background-color: #b3b7c1;
  transform: translate(0, -50%);
}
.tooltip-wrapper[data-v-4a87ffa3] {
  line-height: 16px;
}
.tooltip-wrapper .tooltip-icon:hover .tooltip-container[data-v-4a87ffa3] {
  visibility: visible;
}
.last-value[data-v-4a87ffa3] {
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
}
.lbl-last-value[data-v-4a87ffa3] {
  font-size: 13px;
  font-weight: 400;
  color: #555b68;
  line-height: normal;
  margin-top: 2px;
  margin-left: 4px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/components/chart/ChartTitle.vue?vue&type=style&index=0&id=ca6f9200&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-ca6f9200] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-ca6f9200]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-ca6f9200]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-ca6f9200] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-ca6f9200]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.chart-title-container[data-v-ca6f9200] {
  display: flex;
  align-items: center;
  gap: 24px;
}
.chart-title-container_text[data-v-ca6f9200] .c-label {
  cursor: default;
  font-weight: 700 !important;
  color: #2e3138 !important;
  line-height: 28px !important;
}
.container-tooltip__content-label[data-v-ca6f9200] {
  vertical-align: top;
  white-space: nowrap;
}
.container-tooltip__content-name[data-v-ca6f9200] {
  word-break: break-word;
  word-wrap: break-word;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/containers/components/chart/InsightChart/style.scss?vue&type=style&index=0&id=7c7ab90f&scoped=true&lang=scss&external ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-7c7ab90f] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-7c7ab90f]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-7c7ab90f]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-7c7ab90f] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-7c7ab90f]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.chart-container[data-v-7c7ab90f] {
  width: 100%;
  padding: 16px 20px 20px 20px;
  border-radius: 4px;
  border: 1px solid #dbdde1;
  margin-bottom: 12px;
}
.chart-title[data-v-7c7ab90f] {
  display: flex;
  align-items: center;
  gap: 33px;
}
.chart-title_block[data-v-7c7ab90f] {
  display: flex;
  align-items: center;
}
.chart-title_block-icon[data-v-7c7ab90f] {
  margin-right: 8px;
}
.individual-items[data-v-7c7ab90f] {
  max-width: 164px;
  min-width: 145px;
  position: relative;
  height: 16px;
}
.individual-items[data-v-7c7ab90f]::before {
  content: "";
  display: block;
  position: absolute;
  left: -16px;
  top: 50%;
  width: 1px;
  height: 16px;
  background-color: #b3b7c1;
  transform: translate(0, -50%);
}
.individual-items[data-v-7c7ab90f] .lego-dropdown__title {
  border: none !important;
  padding: 0px !important;
}
.individual-items[data-v-7c7ab90f] .lego-dropdown__title .lego-dropdown__selected {
  line-height: 16px;
  width: calc(100% - 22px);
}
.individual-items[data-v-7c7ab90f] .lego-dropdown__title .lego-dropdown__selected:hover {
  color: #364fc7 !important;
}
.individual-items[data-v-7c7ab90f] .lego-dropdown__title .lego-dropdown__selected:hover::before {
  content: "";
  bottom: 0px;
  left: 0;
  width: inherit;
  height: 1px;
  background-color: #364fc7;
  position: absolute;
}
.individual-items[data-v-7c7ab90f] .lego-dropdown__downwrap {
  width: auto !important;
}
.individual-items[data-v-7c7ab90f] .lego-dropdown {
  height: 16px;
  line-height: 18px;
}
.individual-items[data-v-7c7ab90f] .lego-icon-wrapper {
  width: 14px !important;
  margin-left: 8px !important;
}
.individual-items[data-v-7c7ab90f] .lego-icon-wrapper .lego-icon {
  font-size: 14px;
}
.individual-items[data-v-7c7ab90f] .lego-dropdown__downwrap {
  margin-top: 8px;
  min-width: 260px;
}
.chart-header[data-v-7c7ab90f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.chart-actions[data-v-7c7ab90f] {
  display: flex;
  align-items: center;
  gap: 16px;
}
.chart-actions .left[data-v-7c7ab90f] {
  display: flex;
  align-items: center;
  position: relative;
  padding-right: 16px;
  gap: 16px;
}
.chart-actions .left[data-v-7c7ab90f]::after {
  content: "";
  width: 1px;
  height: 16px;
  display: block;
  background-color: #b3b7c1;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
}
.chart-actions .left[data-v-7c7ab90f] .lego-button--small {
  min-width: 64px;
  border-radius: 3px;
  font-size: 14px;
  height: 28px;
}
.chart-actions .left[data-v-7c7ab90f] .lego-dropdown {
  min-width: unset;
  width: unset;
  height: 28px;
}
.chart-actions .left[data-v-7c7ab90f] .lego-dropdown .lego-dropdown__title {
  padding: 0;
  border-radius: 0;
  border: none;
  color: #2e3138;
}
.chart-actions .left[data-v-7c7ab90f] .lego-dropdown .lego-dropdown__title:focus {
  border: none;
}
.chart-actions .left[data-v-7c7ab90f] .lego-dropdown .lego-dropdown__title.is-item-showing .lego-dropdown__selected {
  color: #364fc7 !important;
}
.chart-actions .left[data-v-7c7ab90f] .lego-dropdown .lego-dropdown__title.is-item-showing .lego-dropdown__selected span {
  text-decoration: underline;
}
.chart-actions .left[data-v-7c7ab90f] .lego-dropdown .lego-dropdown__title .lego-dropdown__selected {
  width: unset;
}
.chart-actions .left[data-v-7c7ab90f] .lego-dropdown .lego-dropdown__title .lego-dropdown__selected:hover {
  color: #364fc7 !important;
}
.chart-actions .left[data-v-7c7ab90f] .lego-dropdown .lego-dropdown__title .lego-dropdown__selected:hover span {
  text-decoration: underline;
}
.chart-actions .left[data-v-7c7ab90f] .lego-dropdown .lego-dropdown__title .lego-dropdown__selected span {
  margin-left: 0 !important;
  display: block;
  line-height: 28px;
}
.chart-actions .left[data-v-7c7ab90f] .lego-dropdown .lego-dropdown__title .lego-dropdown__selected span + span {
  line-height: 28px;
}
.chart-actions .left[data-v-7c7ab90f] .lego-dropdown .lego-dropdown__title .lego-dropdown__selected span + span::before {
  content: " ";
  white-space: pre;
}
.chart-actions .left[data-v-7c7ab90f] .lego-dropdown.lego-dropdown--open .lego-dropdown__title .lego-dropdown__selected {
  color: #364fc7 !important;
}
.chart-actions .left[data-v-7c7ab90f] .lego-dropdown.lego-dropdown--open .lego-dropdown__title .lego-dropdown__selected span {
  text-decoration: underline;
}
.chart-actions .left[data-v-7c7ab90f] .lego-dropdown .lego-dropdown__downwrap {
  min-width: 100px;
  right: 0;
}
.chart-actions .left[data-v-7c7ab90f] .lego-dropdown .lego-dropdown__tags {
  border-radius: 3px;
  overflow: hidden;
}
.chart-actions .left[data-v-7c7ab90f] .lego-dropdown .lego-dropdown__title-icon,
.chart-actions .left[data-v-7c7ab90f] .lego-dropdown .lego-icon-wrapper {
  margin-left: 4px !important;
}
.chart-actions .left[data-v-7c7ab90f] .lego-dropdown .lego-dropdown-menu {
  right: 0;
  min-width: 100px !important;
  border-radius: 2px;
}
.chart-actions .left[data-v-7c7ab90f] .lego-dropdown .lego-dropdown--disabled .lego-dropdown__title {
  border: none !important;
  color: #bbbdc1 !important;
  background-color: transparent !important;
}
.chart-actions .left[data-v-7c7ab90f] .lego-dropdown-check-wrap {
  min-width: unset;
  width: unset;
}
.chart-actions .left[data-v-7c7ab90f] .lego-dropdown-check-wrap .dropdown-toggle {
  padding: 0;
  border-radius: 0;
  border: none;
  color: #2e3138;
}
.chart-actions .left[data-v-7c7ab90f] .lego-dropdown-check-wrap .dropdown-toggle:focus {
  border: none;
}
.chart-actions .left[data-v-7c7ab90f] .lego-dropdown-check-wrap .dropdown-toggle.is-item-showing .lego-dropdown__selected {
  color: #364fc7 !important;
}
.chart-actions .left[data-v-7c7ab90f] .lego-dropdown-check-wrap .dropdown-toggle.is-item-showing .lego-dropdown__selected span {
  text-decoration: underline;
}
.chart-actions .left[data-v-7c7ab90f] .lego-dropdown-check-wrap .dropdown-toggle .lego-dropdown__selected {
  width: unset;
  color: #2e3138 !important;
  line-height: 28px;
}
.chart-actions .left[data-v-7c7ab90f] .lego-dropdown-check-wrap .dropdown-toggle .lego-dropdown__selected:hover {
  color: #364fc7 !important;
}
.chart-actions .left[data-v-7c7ab90f] .lego-dropdown-check-wrap .dropdown-toggle .lego-dropdown__selected:hover span {
  text-decoration: underline;
}
.chart-actions .left[data-v-7c7ab90f] .lego-dropdown-check-wrap .dropdown-toggle .lego-dropdown__selected span {
  margin-left: 0 !important;
}
.chart-actions .left[data-v-7c7ab90f] .lego-dropdown-check-wrap .dropdown-toggle .lego-dropdown__selected span + span::before {
  content: " ";
}
.chart-actions .left[data-v-7c7ab90f] .lego-dropdown-check-wrap .dropdown-toggle .lego-dropdown__title-icon,
.chart-actions .left[data-v-7c7ab90f] .lego-dropdown-check-wrap .dropdown-toggle .lego-icon-wrapper {
  margin-left: 4px !important;
}
.chart-actions .left[data-v-7c7ab90f] .lego-dropdown-check-wrap .dropdown-submenu {
  right: 0;
  min-width: 100px !important;
}
.chart-actions .left[data-v-7c7ab90f] .lego-dropdown-check-wrap .dropdown-submenu .auto-complete__search-box {
  display: none;
}
.chart-actions .left .collection-value[data-v-7c7ab90f] {
  color: #737a8c;
  font-size: 14px;
  white-space: nowrap;
}
.chart-actions .right[data-v-7c7ab90f] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  flex: 1 1 auto;
  width: unset;
}
.chart-actions .right[data-v-7c7ab90f] .lego-dropdown-check-wrap .icon-button {
  width: 32px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.chart-actions .right[data-v-7c7ab90f] .lego-dropdown-check-wrap .icon-button .lego-icon--small {
  font-size: 18px !important;
}
.chart-actions .right[data-v-7c7ab90f] .lego-dropdown-check-wrap .icon-button .lego-icon--small.opus-icon__arrow_down {
  font-size: 16px !important;
}
.chart-actions .right[data-v-7c7ab90f] .lego-dropdown-check-wrap + .lego-icon.opus-icon__add {
  width: 20px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.chart-actions .right[data-v-7c7ab90f] .lego-dropdown-check-wrap .lego-icon--event {
  color: #555b68 !important;
}
.chart-actions .right[data-v-7c7ab90f] .opus-icon__close {
  color: #555B68;
}
.chart-actions .right .btnAddWidget[data-v-7c7ab90f] {
  display: flex;
}
.chart-actions .right .btnAddWidget .lego-icon--event[data-v-7c7ab90f] {
  color: #1f2533 !important;
}
.echart-cls[data-v-7c7ab90f] {
  width: 100%;
  transition: height 0.1s ease;
}
[data-v-7c7ab90f] x-vue-echarts {
  min-height: 176px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/containers/components/chart/SummaryChart/style.scss?vue&type=style&index=0&id=5c5c217e&scoped=true&lang=scss&external ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-5c5c217e] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-5c5c217e]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-5c5c217e]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-5c5c217e] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-5c5c217e]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.chart-container[data-v-5c5c217e] {
  height: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  padding: 0;
  border: 1px solid #e3e3e3;
}
[data-v-5c5c217e] .chart-title {
  display: flex;
  max-width: 165px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
[data-v-5c5c217e] .chart-title-container_text .c-label {
  cursor: pointer;
  font-weight: 700 !important;
  color: #364fc7 !important;
  line-height: 18px !important;
}
[data-v-5c5c217e] .chart-title-container_text .c-label:hover {
  text-decoration: underline;
}
[data-v-5c5c217e] .chart-title.no-clicked .chart-title-container_text .c-label {
  cursor: default;
  color: #2e3138 !important;
}
[data-v-5c5c217e] .chart-title.no-clicked .chart-title-container_text .c-label:hover {
  text-decoration: none;
}
.show-chart-detail[data-v-5c5c217e] {
  border-color: #364fc7;
}
.chart-header[data-v-5c5c217e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}
.chart-body[data-v-5c5c217e] {
  height: 100%;
}
.chart-body .chart-contents[data-v-5c5c217e] {
  height: 100%;
}
[data-v-5c5c217e] .border-left::before {
  display: none;
}
[data-v-5c5c217e] .last-value {
  font-size: 13px;
}
[data-v-5c5c217e] x-vue-echarts {
  min-height: 154px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/event/eventSettings/components/TooltipEventTemplate.vue?vue&type=style&index=0&id=8e06adc2&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-8e06adc2] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-8e06adc2]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-8e06adc2]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-8e06adc2] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-8e06adc2]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.container-tooltip__content-label[data-v-8e06adc2] {
  vertical-align: top;
  width: 80px;
}
.container-tooltip__content-detail[data-v-8e06adc2] {
  word-break: break-word;
}
.container-tooltip__content .template-desc[data-v-8e06adc2] {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: pre-wrap;
  text-overflow: ellipsis;
}
.container-tooltip__content .template-no-desc[data-v-8e06adc2] {
  color: #ffffff;
  opacity: 0.5;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/event/eventSettings/EventTemplateCard.vue?vue&type=style&index=0&id=7c71048e&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-7c71048e] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-7c71048e]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-7c71048e]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-7c71048e] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-7c71048e]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.gr-tag[data-v-7c71048e] {
  display: flex;
}
.gr-tag .lego-chip__container.mine[data-v-7c71048e] {
  border: none !important;
}
.gr-tag .bg-asg[data-v-7c71048e] {
  background-color: #fff7db !important;
}
.gr-tag .asg[data-v-7c71048e] {
  margin-left: 10px;
}
.gr-tag .warning-del-asg[data-v-7c71048e] {
  display: flex;
  align-items: center;
}
.gr-tag .warning-del-asg[data-v-7c71048e] .icon-asg {
  margin-right: 3px;
}
.gr-tag .warning-del-asg .asg-text[data-v-7c71048e] {
  flex: 1;
  text-align: center;
}
.event-template-card[data-v-7c71048e] {
  position: relative;
  height: 252px;
  margin-bottom: 22px;
  border: 1px solid #d2d3d6;
  border-radius: 4px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 9px;
  cursor: pointer;
}
.event-template-card[data-v-7c71048e]:hover {
  border: 1px solid #364fc7;
}
.event-template-card:hover .title[data-v-7c71048e],
.event-template-card:hover .desc[data-v-7c71048e],
.event-template-card:hover .count[data-v-7c71048e] {
  color: var(--blue-with-a-hint-of-purple);
}
.event-template-card:hover .mine.lego-chip__container[data-v-7c71048e],
.event-template-card:hover .lego-chip__container.mine[data-v-7c71048e],
.event-template-card:hover .not-mine.lego-chip__container[data-v-7c71048e],
.event-template-card:hover .lego-chip__container.not-mine[data-v-7c71048e] {
  color: var(--blue-with-a-hint-of-purple);
  border: solid 1px #d6dcf4;
  background-color: var(--color-primary-tint-01);
}
.event-template-card:hover .lego-drop-holder[data-v-7c71048e] {
  display: inline-block;
}
.event-template-card .content[data-v-7c71048e] {
  margin-top: auto;
  overflow: hidden;
}
.event-template-card .desc[data-v-7c71048e] {
  height: 84px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.86;
  color: var(--dark);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: calc(100% - 21px);
}
.event-template-card .tooltip[data-v-7c71048e] {
  display: none;
}
.event-template-card .tooltip[data-v-7c71048e]:hover {
  display: inline-block;
}
.event-template-card .count[data-v-7c71048e] {
  padding-bottom: 8px;
}
.event-template-card .btn-more[data-v-7c71048e] {
  position: absolute;
  top: 16px;
  right: 13px;
}
.event-template-card .mine.lego-chip__container[data-v-7c71048e],
.event-template-card .lego-chip__container.mine[data-v-7c71048e] {
  border: solid 1px #d2d3d6;
  background-color: var(--color-ui-10);
}
.event-template-card .not-mine.lego-chip__container[data-v-7c71048e],
.event-template-card .lego-chip__container.not-mine[data-v-7c71048e] {
  border: solid 1px var(--color-ui-10);
  background-color: var(--color-ui-12);
  color: #959595;
}
.event-template-card-hover[data-v-7c71048e] {
  border: 1px solid #364fc7;
}
.event-template-card-hover .title[data-v-7c71048e],
.event-template-card-hover .desc[data-v-7c71048e],
.event-template-card-hover .count[data-v-7c71048e] {
  color: var(--blue-with-a-hint-of-purple);
}
.event-template-card-hover .mine.lego-chip__container[data-v-7c71048e],
.event-template-card-hover .lego-chip__container.mine[data-v-7c71048e],
.event-template-card-hover .not-mine.lego-chip__container[data-v-7c71048e],
.event-template-card-hover .lego-chip__container.not-mine[data-v-7c71048e] {
  color: var(--blue-with-a-hint-of-purple);
  border: solid 1px #d6dcf4;
  background-color: var(--color-primary-tint-01);
}
.event-template-card-hover .lego-drop-holder[data-v-7c71048e] {
  display: inline-block;
}
.modal-event-card .btn-more[data-v-7c71048e] {
  display: none;
}
.icon-event-template[data-v-7c71048e] {
  width: 32px;
  height: 32px;
  background: #ffffff;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/event/eventSettings/EventTemplateModal.vue?vue&type=style&index=0&id=09b838d4&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-09b838d4] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-09b838d4]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-09b838d4]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-09b838d4] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-09b838d4]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
[data-v-09b838d4] .lego-modal__body {
  padding: 13px 32px 13px 32px !important;
}
.event-card-list[data-v-09b838d4] {
  margin: 0 -11px;
}
.event-card-list[data-v-09b838d4]:after {
  content: "";
  clear: both;
  display: table;
}
.event-card-list > li[data-v-09b838d4] {
  float: left;
  width: 25%;
  padding: 11px;
}
.event-card-list > li.no-data[data-v-09b838d4] {
  width: 100%;
  height: 120px;
  border-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #cccccc;
}
.event-card-list .event-template-card[data-v-09b838d4] {
  margin-bottom: 0px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/common/ScpmTableSegmentV2.vue?vue&type=style&index=0&id=8182c7c0&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-8182c7c0] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-8182c7c0]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-8182c7c0]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-8182c7c0] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-8182c7c0]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
[data-v-8182c7c0] .lego-segment-button--disabled.lego-segment-button--checked {
  background-color: #EFF1FB !important;
  border-color: #BBC3EC !important;
  color: #BBC3EC !important;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/event/eventSettings/components/EventRuleItem.vue?vue&type=style&index=0&id=12d6d2aa&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-12d6d2aa] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-12d6d2aa]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-12d6d2aa]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-12d6d2aa] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-12d6d2aa]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
[data-v-12d6d2aa] .lego-dropdown {
  margin-left: 0px !important;
}
.form-label[data-v-12d6d2aa] {
  display: inline-block;
  margin-bottom: 8px;
}
.flex-only[data-v-12d6d2aa] {
  display: flex;
  gap: 8px;
  align-items: center;
}
.flex-only .w-50[data-v-12d6d2aa] {
  width: 50% !important;
}
.threshold-error-message[data-v-12d6d2aa] {
  color: #fc434e;
  font-size: 12px;
  line-height: 16px;
  margin-top: 4px;
}
.active .event-condition-item-title[data-v-12d6d2aa] {
  cursor: pointer !important;
}
.active .event-condition-item-title strong[data-v-12d6d2aa] {
  color: #364fc7;
}
.active .event-condition-item-title strong[data-v-12d6d2aa]:hover {
  text-decoration: underline;
}
.formbox[data-v-12d6d2aa] {
  min-height: 160px;
  padding: 16px 24px;
  border-radius: 3px;
}
.formbox .form-header[data-v-12d6d2aa] {
  display: flex;
  align-content: center;
  justify-content: space-between;
  padding: 0 0 10px;
  border-bottom: 1px solid #d2d3d6;
}
.formbox .form-header .left-con-list[data-v-12d6d2aa] {
  display: flex;
  align-items: center;
}
.formbox .form-header .left-con-list .left-con[data-v-12d6d2aa] {
  flex: 1;
  word-break: break-word;
  padding-right: 5px;
  display: flex;
  align-items: center;
  cursor: default;
}
.formbox .form-header .left-con-list .left-con img[data-v-12d6d2aa] {
  margin-right: 8px;
}
.formbox .form-header .left-con-list .left-con strong[data-v-12d6d2aa] {
  display: inline-block;
  padding: 0 8px 0 0;
  font-size: 14px;
}
.formbox .form-header .left-con-list em[data-v-12d6d2aa] {
  display: inline-block;
  font-style: normal;
  color: #787c84;
  font-size: 14px;
}
.formbox .form-header .right-con[data-v-12d6d2aa] {
  display: flex;
  align-content: center;
  justify-content: flex-end;
  text-align: right;
}
.form-row[data-v-12d6d2aa] {
  display: flex;
  margin-left: -30px;
  margin-right: -30px;
  flex-wrap: wrap;
}
.form-row.gap-15[data-v-12d6d2aa] {
  margin-left: -15px;
  margin-right: -15px;
}
.form-row .form-perf-item[data-v-12d6d2aa] {
  display: block;
  width: 33.33%;
  padding-top: 16px;
  padding-left: 30px;
  padding-right: 30px;
}
.form-row .form-perf-item.gap-item-15[data-v-12d6d2aa] {
  padding-left: 15px;
  padding-right: 15px;
}
.form-row .form-perf-item .icon-information[data-v-12d6d2aa] {
  margin-left: -8px;
}
[data-v-12d6d2aa] .lego-dropdown__message {
  text-align: left;
}
[data-v-12d6d2aa] .lego-text-field__message {
  text-align: left;
}
[data-v-12d6d2aa] .threshold-block .lego-text-field__message {
  display: none !important;
}
[data-v-12d6d2aa] input::-moz-placeholder {
  color: #bbbdc1 !important;
}
[data-v-12d6d2aa] input::placeholder {
  color: #bbbdc1 !important;
}
.warning-individual-item[data-v-12d6d2aa] {
  display: flex;
  gap: 4px;
}
.warning-individual-item .item-text[data-v-12d6d2aa] {
  font-size: 14px;
  line-height: 20px;
  color: #bd9100;
}
.event-timezone-text.c-label[data-v-12d6d2aa] .des-class {
  white-space: nowrap;
  overflow: inherit;
}
.event-timezone-text.c-label .is-text[data-v-12d6d2aa] {
  width: auto;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/event/eventSettings/components/EventRule.vue?vue&type=style&index=0&id=0354a8f8&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-0354a8f8] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-0354a8f8]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-0354a8f8]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-0354a8f8] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-0354a8f8]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
ul .todo[data-v-0354a8f8] {
  margin-top: 16px;
}
ul .todo[data-v-0354a8f8]:first-child {
  margin-top: 0px;
}
.add-event-setting-container[data-v-0354a8f8] {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.subtitle[data-v-0354a8f8] {
  padding: 10px 0 0 0;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 12px;
}
.subtitle .required[data-v-0354a8f8] {
  color: rgb(255, 0, 0);
}
.subtitle[data-v-0354a8f8]:first-child {
  padding-top: 0px;
}
.table-header-wrap[data-v-0354a8f8] {
  padding-bottom: 10px;
}
.table-header-wrap[data-v-0354a8f8]:after {
  content: "";
  clear: both;
  display: table;
}
.table-header-wrap .left-con[data-v-0354a8f8] {
  float: left;
  width: 40%;
}
.table-header-wrap .right-con[data-v-0354a8f8] {
  float: right;
  width: 60%;
  text-align: right;
}
.select-table-container[data-v-0354a8f8] {
  height: 100%;
  overflow: auto;
  padding-top: 24px;
}
.select-formbox-wrap[data-v-0354a8f8] {
  display: flex;
  height: 100%;
}
.select-formbox-wrap .selectbox-col[data-v-0354a8f8] {
  width: 328px;
  border-right: 1px solid #e4e5e7;
}
.select-formbox-wrap .formbox-col[data-v-0354a8f8] {
  padding-left: 24px;
  flex: 1;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/performance/AddMonitorTarget.vue?vue&type=style&index=0&id=3152529d&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-3152529d] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-3152529d]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-3152529d]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-3152529d] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-3152529d]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-select-search[data-v-3152529d] {
  display: flex;
  align-content: center;
  justify-content: space-between;
}
.lego-text-field-wrapper[data-v-3152529d] {
  display: inline-block;
}
.badge-text-wrapper[data-v-3152529d] {
  display: flex;
  align-items: center;
}
[data-v-3152529d] .listTargetItem {
  display: inline-block;
  color: #364fc7;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
[data-v-3152529d] .scpmSubTitleContainer .scpmSubTitle {
  font-size: 14px !important;
}
.scpm-drag-wrap[data-v-3152529d] {
  padding-top: 20px;
}
[data-v-3152529d] .added-list-box {
  margin-top: 5px !important;
}
.modal-content-wrap[data-v-3152529d] {
  height: 100%;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/event/eventSettings/components/NotificationsTable.vue?vue&type=style&index=0&id=54c765f4&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-54c765f4] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-54c765f4]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-54c765f4]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-54c765f4] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-54c765f4]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.subtitle[data-v-54c765f4] {
  padding: 10px 0 0 0;
  margin-bottom: 12px;
}
.table-header-wrap[data-v-54c765f4] {
  padding-bottom: 10px;
}
.table-header-wrap[data-v-54c765f4]:after {
  content: "";
  clear: both;
  display: table;
}
.table-header-wrap .left-con[data-v-54c765f4] {
  float: left;
  width: 40%;
}
.table-header-wrap .right-con[data-v-54c765f4] {
  float: right;
  width: 60%;
  text-align: right;
}
[data-v-54c765f4] .lego-table .lego-table__control {
  flex: none !important;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/event/eventSettings/components/AlarmUserSetting.vue?vue&type=style&index=0&id=f38714bc&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.add-user-modal .simplebar-content {
  width: 100% !important;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/event/eventSettings/components/AlarmUserSetting.vue?vue&type=style&index=1&id=f38714bc&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-f38714bc] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-f38714bc]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-f38714bc]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-f38714bc] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-f38714bc]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.add-user-modal[data-v-f38714bc] {
  margin-bottom: 10px;
}
.notify-title[data-v-f38714bc] {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  padding-bottom: 12px;
  display: block;
}
.list-select-table-wrap[data-v-f38714bc] {
  display: flex;
  align-items: normal;
  align-content: center;
  margin-top: 20px;
}
.list-select-table-wrap .select-list-wrap[data-v-f38714bc] {
  width: 300px;
  height: 295px;
  border: 1px solid #e4e5e7;
  border-radius: 4px;
}
.list-select-table-wrap .select-list-wrap .select-list-header[data-v-f38714bc] {
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  color: var(--dark);
  background-color: var(--color-ui-12);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-select-table-wrap .table-wrap[data-v-f38714bc] {
  width: 838px;
  padding-left: 16px;
}
.list-select-table-wrap .small-size[data-v-f38714bc] .lego-table .lego-table__counter:has(.message) ~ .lego-table__extra-action .filter-dialog .search-text .lego-text-field {
  width: 225px !important;
}
.select-list > li[data-v-f38714bc] {
  height: 33px;
  padding: 5px 20px;
  font-size: 14px;
  font-weight: 500 !important;
  font-style: normal !important;
  color: #2f3237;
  cursor: pointer;
}
.select-list > li .select-item[data-v-f38714bc] {
  display: flex;
}
.select-list > li[data-v-f38714bc] {
  /* .select-item:hover {
      background-color: var(--color-primary-tint-01);
  } */
}
.select-list > li em[data-v-f38714bc] {
  padding-left: 6px;
  font-style: normal;
}
.select-list > li[data-v-f38714bc] {
  /* &.active {
      color: var(--blue-with-a-hint-of-purple);
      background-color: rgba(54, 79, 199, 0.12);
  } */
}
.select-list > li[data-v-f38714bc]:hover {
  color: var(--blue-with-a-hint-of-purple);
  background-color: var(--color-primary-tint-01);
}
.select-item-title[data-v-f38714bc] {
  width: 81%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 8px;
}
.batch-list-wrap .total-header[data-v-f38714bc] {
  padding: 20px 0 0 0;
}
.batch-list-wrap .batch-list[data-v-f38714bc] {
  min-height: 116px;
  margin: 8px 10px 0 0;
  padding: 8px 20px 20px;
  border-radius: 2px;
  border: solid 1px var(--color-ui-06);
  background-color: #fff;
}
.batch-list-wrap .batch-list[data-v-f38714bc] .lego-chip__container {
  margin: 12px 10px 0 0 !important;
}
.active[data-v-f38714bc] {
  color: #465dcb !important;
  background-color: var(--color-primary-tint-01);
}
[data-v-f38714bc] .left-divider:before {
  display: none !important;
}
[data-v-f38714bc] .lego-table__action-selected {
  position: relative;
}
[data-v-f38714bc] .lego-table__action-selected:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block !important;
  width: 1px;
  height: 10px;
  background: #bbbdc1;
}
[data-v-f38714bc] .left-divider .lego-table__counter__per-page {
  display: none !important;
}
.notify-title-control[data-v-f38714bc] {
  display: flex;
  gap: 20px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/event/eventSettings/components/MonitoringASGTable.vue?vue&type=style&index=0&id=601e8122&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-601e8122] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-601e8122]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-601e8122]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-601e8122] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-601e8122]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-table-wrap[data-v-601e8122] {
  width: 100%;
  height: 500px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/event/eventSettings/components/AddMonitorASG.vue?vue&type=style&index=0&id=0c898b04&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-0c898b04] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-0c898b04]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-0c898b04]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-0c898b04] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-0c898b04]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.modal-content-wrap[data-v-0c898b04] {
  width: 100%;
}
.lego-select-search[data-v-0c898b04] {
  display: flex;
  align-content: center;
  justify-content: space-between;
}
.lego-text-field-wrapper[data-v-0c898b04] {
  display: inline-block;
}
.badge-text-wrapper[data-v-0c898b04] {
  display: flex;
  align-items: center;
}
[data-v-0c898b04] .listTargetItem {
  display: inline-block;
  color: #364fc7;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
[data-v-0c898b04] .scpmSubTitleContainer .scpmSubTitle {
  font-size: 14px !important;
}
.scpm-drag-wrap[data-v-0c898b04] {
  padding-top: 20px;
}
[data-v-0c898b04] .added-list-box {
  margin-top: 5px !important;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/event/eventSettings/EventAddModal.vue?vue&type=style&index=0&id=b6e61fca&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-b6e61fca] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-b6e61fca]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-b6e61fca]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-b6e61fca] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-b6e61fca]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.content-wrapper[data-v-b6e61fca] {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.content-wrapper .tabs-container[data-v-b6e61fca] {
  min-height: 0;
  height: 100%;
}
.content-wrapper .tabs-container .event-rule[data-v-b6e61fca] {
  height: 100%;
}
.notification-target[data-v-b6e61fca] {
  visibility: hidden;
}
.notification-target__active[data-v-b6e61fca] {
  visibility: visible;
}
.notification-target[data-v-b6e61fca] .lego-table .lego-table__control {
  z-index: auto;
}
.notification-target[data-v-b6e61fca] .list-select-table-wrap .lego-table {
  position: relative;
}
.notification-target[data-v-b6e61fca] .list-select-table-wrap .lego-table::after {
  content: "";
  display: block;
  background-color: #8e9198;
  position: absolute;
  left: 0;
  width: 100% !important;
  bottom: 0;
  height: 1px;
}
.notification-target[data-v-b6e61fca] .list-select-table-wrap .lego-table .header-table {
  height: 30px;
}
.notification-target[data-v-b6e61fca] .list-select-table-wrap .lego-table .header-table th {
  border-bottom: 1px solid #8e9198;
}
.notification-target[data-v-b6e61fca] .list-select-table-wrap .lego-table .lego-table__no-data {
  border-top: none;
}
.notification-target[data-v-b6e61fca] .list-select-table-wrap .lego-table .lego-table__area-wrapper {
  border-top: none;
  border-bottom: none;
}
.event-alarm__setting[data-v-b6e61fca] .select-list-wrap {
  width: 304px;
  height: 265px;
}
.event-alarm__setting[data-v-b6e61fca] .table-wrap {
  width: calc(100% - 304px);
}
.event-alarm__setting[data-v-b6e61fca] .list-select-table-wrap {
  margin-top: 24px;
}
.lego-tab__label-underline[data-v-b6e61fca] {
  color: #2e3138;
  border-bottom: 1px solid #e3e4e8;
}
.lego-tab__label-underline--active[data-v-b6e61fca] {
  color: #2c5ad8;
  border-bottom-color: #2c5ad8;
}
.lego-tab__label-underline[data-v-b6e61fca]:hover {
  color: #2c5ad8 !important;
}
[data-v-b6e61fca] .lego-tab__content-wrapper {
  border-top: 1px solid #e3e4e8;
}
.tab-wrapper[data-v-b6e61fca] {
  position: relative;
}
.tab-wrapper .action-wrapper[data-v-b6e61fca] {
  position: absolute;
  right: 0;
  top: 11px;
}
.tab-wrapper .tabbox-item[data-v-b6e61fca] {
  height: 54px;
  text-transform: capitalize;
  padding: 0 32px;
}
.subtitle[data-v-b6e61fca] {
  padding: 10px 0 0 0;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 12px;
}
.subtitle .required[data-v-b6e61fca] {
  color: rgb(255, 0, 0);
}
.table-header-wrap[data-v-b6e61fca] {
  padding-bottom: 10px;
}
.table-header-wrap[data-v-b6e61fca]:after {
  content: "";
  clear: both;
  display: table;
}
.table-header-wrap .left-con[data-v-b6e61fca] {
  float: left;
  width: 40%;
}
.table-header-wrap .right-con[data-v-b6e61fca] {
  float: right;
  width: 60%;
  text-align: right;
}
.lego-modal__container[data-v-b6e61fca] {
  height: 864px !important;
  max-height: 864px !important;
}
.table-body-wrap[data-v-b6e61fca] .added-list-box {
  margin-top: 0px;
}
.table-body-wrap[data-v-b6e61fca] .added-list-box .box-title span,
.table-body-wrap[data-v-b6e61fca] .added-list-box .box-title .total-value:before {
  display: none !important;
}
.table-body-wrap[data-v-b6e61fca] .added-list-box .lego-icon--small {
  width: 16px !important;
  height: 16px !important;
  margin-right: 6px;
  font-size: 16px !important;
  vertical-align: middle;
}
.tooltip[data-v-b6e61fca] {
  display: none;
}
.tooltip[data-v-b6e61fca]:hover {
  display: inline-block;
}
.badge-text-wrapper[data-v-b6e61fca] {
  display: flex;
  align-items: center;
}
[data-v-b6e61fca] .listTargetItem {
  display: inline-block;
  color: #364fc7;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.badge-selected[data-v-b6e61fca] {
  width: 20px;
  height: 20px;
  border: 1px solid #2c59d9;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  margin-left: 8px;
  font-size: 12px;
  line-height: 12px;
  color: #2c59d9;
  font-weight: bold;
}
.wrap-title-tab-box[data-v-b6e61fca] {
  display: flex;
  align-items: center;
}
[data-v-b6e61fca] .add-monitor-target .dev_no-data {
  min-height: 464px !important;
}
[data-v-b6e61fca] .add-monitor-target .add-moni-target-sub-item .dev_no-data {
  min-height: 458px !important;
}
[data-v-b6e61fca] .scpm-insight-chart-container {
  width: unset !important;
}
.disable-click-title[data-v-b6e61fca] strong {
  cursor: default;
}
.disable-click-title[data-v-b6e61fca] .formbox .form-header .left-con strong {
  cursor: default;
  color: #2e3138;
}
.disable-click-title[data-v-b6e61fca] .formbox .form-header .left-con strong:hover {
  text-decoration: none;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/performance/AddMonitorTargetPopup.vue?vue&type=style&index=0&id=8390af82&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-8390af82] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-8390af82]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-8390af82]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-8390af82] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-8390af82]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.modal-content-wrap[data-v-8390af82] {
  max-width: 1000px;
}
.modal-content-wrap .lego-table-wrap[data-v-8390af82] {
  padding: 14px 0 0 0;
}
.lego-select-search[data-v-8390af82] {
  display: flex;
  align-content: center;
  justify-content: space-between;
}
.lego-text-field-wrapper[data-v-8390af82] {
  display: inline-block;
}
.modal-cotent-wrap[data-v-8390af82] {
  max-width: 1000px;
}
.badge-text-wrapper[data-v-8390af82] {
  display: flex;
  align-items: center;
}
[data-v-8390af82] .listTargetItem {
  display: inline-block;
  color: #364fc7;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
[data-v-8390af82] .scpmSubTitleContainer .scpmSubTitle {
  font-size: 14px !important;
}
.scpm-drag-wrap[data-v-8390af82] {
  padding-top: 20px;
}
[data-v-8390af82] .added-list-box {
  margin-top: 5px !important;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/performance/PerformanceComparePopup.vue?vue&type=style&index=0&id=bf931d98&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-bf931d98] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-bf931d98]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-bf931d98]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-bf931d98] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-bf931d98]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.container-performace-compare[data-v-bf931d98] {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.container-performace-compare .container-comp[data-v-bf931d98] {
  display: flex;
  height: 100%;
  max-height: 100%;
  overflow: auto;
}
.container-performace-compare .container-comp__left[data-v-bf931d98] {
  width: 328px;
  min-width: 328px;
  border-right: 1px solid #d2d3d6;
}
.container-performace-compare .container-comp__right[data-v-bf931d98] {
  padding-left: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.container-performace-compare .container-comp__right-filter[data-v-bf931d98] {
  display: flex;
  justify-content: space-between;
}
.container-performace-compare .container-comp__right-filter .view-mode[data-v-bf931d98] .lego-segment-button--medium {
  min-width: 32px !important;
  width: 32px !important;
}
.container-performace-compare .container-comp__right-graph[data-v-bf931d98] {
  height: 100%;
  max-height: 100%;
  overflow: auto;
}
.container-performace-compare .container-comp__right[data-v-bf931d98] .range-wrap {
  right: -8px !important;
  border-radius: 4px;
}
.container-performace-compare .box-header[data-v-bf931d98] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  padding: 16px 16px 0px;
}
.container-performace-compare .box-header .button-width[data-v-bf931d98] {
  width: 100%;
}
.container-performace-compare .box-header .right-con[data-v-bf931d98] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.container-performace-compare .box-header .right-con[data-v-bf931d98] .chart-container .con-right {
  height: auto;
}
.container-performace-compare .box-header .dropdown-group[data-v-bf931d98] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0;
  gap: 12px;
}
.container-performace-compare .box-header .dropdown-group .object-check[data-v-bf931d98] {
  width: 180px !important;
}
.container-performace-compare .perform-stitle[data-v-bf931d98] {
  float: left;
  display: flex;
  max-width: 390px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
[data-v-bf931d98] .accordion-check .lego-icon > svg > path {
  fill: var(--blue-with-a-hint-of-purple);
}
[data-v-bf931d98] .object-check .summary {
  width: 100% !important;
  height: 28px;
  margin-bottom: 0px;
}
[data-v-bf931d98] .lego-segment-wrapper {
  margin-right: 8px;
}
[data-v-bf931d98] .nmx-inquiry-period > .lego-button {
  width: 180px !important;
  justify-content: left;
}
[data-v-bf931d98] .nmx-inquiry-period > .lego-button .lego-button__icon {
  display: none;
}
[data-v-bf931d98] .lego-dashboard {
  border: 0 !important;
  min-height: unset;
}
[data-v-bf931d98] .lego-dashboard-item {
  display: flex;
  flex-direction: column;
  height: 373px;
  background-color: #fff;
  margin-bottom: 8px;
}
[data-v-bf931d98] .lego-dashboard-item:nth-child(4n+4):not(.detail-chart) .tooltip-wrapper .tooltip-icon .tooltip-container,[data-v-bf931d98] .lego-dashboard-item:nth-child(4n+3):not(.detail-chart) .tooltip-wrapper .tooltip-icon .tooltip-container {
  left: auto;
  right: 22px;
}
[data-v-bf931d98] .lego-dashboard-item .box-header {
  margin: 0px;
}
[data-v-bf931d98] .added-list-box .box-title span,[data-v-bf931d98] .added-list-box .box-title .total-value:before {
  display: none !important;
}
[data-v-bf931d98] .check-search-box .lego-text-field {
  min-width: 160px;
}
[data-v-bf931d98] .echarts {
  z-index: 0;
}
[data-v-bf931d98] .hidden-ghost {
  display: none !important;
}
[data-v-bf931d98] .listTargetItem {
  display: inline-block;
  color: #364fc7;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
[data-v-bf931d98] .widget-null {
  width: auto !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 20px 0 !important;
}
.chart-guide[data-v-bf931d98] {
  float: right;
  padding-left: 20px;
  line-height: 16px;
  font-size: 13px;
  color: #555b68;
  display: flex;
  gap: 8px;
  max-width: 500px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/components/metric/SummaryMetricChart.vue?vue&type=style&index=0&id=806e8d7c&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-806e8d7c] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-806e8d7c]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-806e8d7c]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-806e8d7c] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-806e8d7c]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.summary-metric__container[data-v-806e8d7c] {
  height: 100%;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/popup/MonTargetPerformance.vue?vue&type=style&index=0&id=70fe406a&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-70fe406a] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-70fe406a]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-70fe406a]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-70fe406a] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-70fe406a]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.chart-title[data-v-70fe406a] {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.chart-title_text[data-v-70fe406a] {
  max-width: 200px;
}
.chart-title[data-v-70fe406a] .c-label {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #2f3237 !important;
}
.chart-title .chart-max-value[data-v-70fe406a] {
  display: flex;
}
.chart-title .chart-max-value span[data-v-70fe406a] {
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
  color: #2f3237;
}
.chart-title .chart-max-value .metric-unit[data-v-70fe406a] {
  margin-left: 4px;
}
.chart-guide[data-v-70fe406a] {
  float: right;
  padding-left: 24px;
  line-height: 32px;
  font-size: 13px;
  color: #585c65;
  display: flex;
  gap: 8px;
}
.chart-guide[data-v-70fe406a] .opus-icon__info:hover,
.chart-guide .opus-icon__info[data-v-70fe406a]:active {
  color: rgba(43, 56, 81, 0.5);
}
.cus-c-scroll-height-width[data-v-70fe406a] {
  width: 100%;
  height: 622px;
  border-radius: 0;
}
.chart-bottom-legend[data-v-70fe406a] {
  display: flex;
  justify-content: space-between;
  padding-bottom: 16px;
}
.legend-item[data-v-70fe406a] {
  display: inline-block;
  padding-right: 18px;
}
.legend-item .cus-circle[data-v-70fe406a] {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 5px 4px 3px 0;
  vertical-align: middle;
  background-color: #20bac2;
  border-radius: 50%;
}
.monitoring-info-wrap[data-v-70fe406a] {
  padding: 24px 20px 20px;
  background-color: var(--pale-grey);
}
.monitoring-info-wrap[data-v-70fe406a] .c-grid-view-col {
  margin: 0 !important;
}
.monitoring-info-wrap[data-v-70fe406a] .lego-text-field {
  min-width: initial !important;
}
.monitoring-info-wrap[data-v-70fe406a] .lego-text-field__input {
  border-color: transparent !important;
  background-color: transparent !important;
}
.monitoring-info-wrap[data-v-70fe406a] .c-grid-view-col,
.monitoring-info-wrap[data-v-70fe406a] .c-grid-view-col-label,
.monitoring-info-wrap[data-v-70fe406a] .c-grid-view-col-label-text {
  line-height: 32px !important;
}
.monitoring-info-wrap[data-v-70fe406a] .c-grid-view-col-label {
  width: 150px !important;
}
.monitoring-info-wrap[data-v-70fe406a] .c-grid-view-col-label-text {
  color: #787c84 !important;
}
.monitoring-info-wrap .gauge-bar[data-v-70fe406a] {
  margin-top: 3px;
}
.cus-inline-block[data-v-70fe406a] {
  display: inline-block;
}
.cus-lego-modal__body__noscr[data-v-70fe406a] .lego-modal__body__noscr {
  padding: 20px 20px 20px 20px;
}
.cus-lego-madal_container[data-v-70fe406a] .lego-modal__container {
  padding: 0;
  max-height: 100%;
}
.cus-lego-modal__body[data-v-70fe406a] .lego-modal__body {
  padding: 30px;
  height: 750px;
  max-height: 100%;
}
.tabs-layout-wrap[data-v-70fe406a] {
  display: flex;
  justify-content: space-between;
  padding: 16px 0;
  text-align: right;
}
.chart-detail-scroll[data-v-70fe406a] .simplebar-content {
  width: unset !important;
}
.cus-c-scroll-height-width[data-v-70fe406a] .simplebar-content {
  width: calc(100% - 20px);
}
[data-v-70fe406a] .lego-dashboard {
  min-height: 500px;
}
[data-v-70fe406a] .lego-dashboard-item {
  display: flex;
  flex-direction: column;
}
[data-v-70fe406a] .lego-dashboard-item:nth-child(4n+4):not(.detail-chart) .tooltip-wrapper .tooltip-icon .tooltip-container,[data-v-70fe406a] .lego-dashboard-item:nth-child(4n+3):not(.detail-chart) .tooltip-wrapper .tooltip-icon .tooltip-container {
  left: auto;
  right: 22px;
}
[data-v-70fe406a] .lego-segment-wrapper .lego-segment-button.lego-segment-button--medium {
  min-width: auto;
  width: 32px;
  height: 32px;
}
.lego-dropdown-refresh[data-v-70fe406a] {
  position: absolute;
  top: 33px;
  right: 0;
  width: 129px;
  border: solid 1px var(--blue-with-a-hint-of-purple);
  background-color: #fff;
  z-index: 100;
}
.lego-dropdown-refresh button[data-v-70fe406a] {
  display: block;
  width: 100%;
  height: 34px;
  padding: 8px 10px;
  text-align: left;
  font-size: 13px;
  color: #1f2533;
  background-color: #fff;
  border: 0;
  outline: none;
  cursor: pointer;
}
.lego-dropdown-refresh button.active[data-v-70fe406a], .lego-dropdown-refresh button[data-v-70fe406a]:hover {
  color: rgb(54, 79, 199);
  background-color: rgba(174, 184, 233, 0.12);
}
[data-v-70fe406a] .lego-segment-button {
  path-fill: #1f2533;
  path-opacity: 0.6;
}
[data-v-70fe406a] .lego-segment-button--checked path {
  fill: #364fc7;
}
.chart-thumnail-item[data-v-70fe406a] {
  padding: 0;
  border: 1px solid #e3e3e3;
}
.chart-thumnail-title[data-v-70fe406a] {
  padding: 10px;
}
.chart-detail[data-v-70fe406a] {
  width: 100%;
}
.chart-detail-item[data-v-70fe406a] {
  padding: 8px 16px 16px 16px;
  border: 1px solid #e3e3e3;
}
.chart-detail-item .chart-detail-content[data-v-70fe406a] {
  display: flex;
  align-items: flex-end;
  height: 100%;
}
.chart-detail-content[data-v-70fe406a] {
  height: 100%;
}
.chart-detail-title[data-v-70fe406a] {
  padding: 10px 10px 0 10px;
}
.chart-no-data.no-data[data-v-70fe406a] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: rgba(51, 51, 51, 0.4);
  font-weight: 500;
  font-size: 14px;
  width: 100%;
  height: 78px;
  background-color: #f2f5ff;
  gap: 12px;
}
[data-v-70fe406a] .lego-tooltip {
  max-width: 500px !important;
}
[data-v-70fe406a] .widget-null {
  width: auto !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 20px 0 !important;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/popup/components/SetLogEvent.vue?vue&type=style&index=0&id=f8bf4614&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-f8bf4614] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-f8bf4614]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-f8bf4614]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-f8bf4614] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-f8bf4614]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.log-event[data-v-f8bf4614] {
  display: flex;
  flex-direction: column;
}
.comment-color[data-v-f8bf4614] {
  color: #787c84;
}
.not-support[data-v-f8bf4614] {
  display: block;
  width: 180px;
  height: 140px;
  margin: 0 auto;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAACGCAMAAABDoVCmAAAAkFBMVEVHcEy9zel6ibfR2u3d5O/E0OfH0eve5O/c4+7a3Ph6irnEz+nF0OmLmcTT3e/I0uuLmcPe5fLFz+djdKR9i7pjc6XH0ubG0ORjc6WKmMVkc6WLmcTg5vPf5vLd5fKrt9nc4++LmcRkdKXG0eVwfKHh6POXpMi9xt3S2uqntNPY4O3v8veQncaxutL///93hbA8WrQnAAAAIHRSTlMAD0eR9oInW6YJJnRevzlQ7tHZ511wtfDDl5x4sMHmlZqkIR4AAARGSURBVHja7ZsNb6owFIZbKjBBGCp+Td2EXsQh8/7/f3cpwuVDRIWWtUnfNNtCsuXJ8T0fPWQASElJSUlJSfGmsfuxnvuF5usPZcw58sJv0HzBM7My95s1N7hlXvj35XLK7PptUrhkNlqZOXXIugp5PB6rDz54TMJaZM/nc+2JwX2gG6A5DLX/EHrOvTsaoPnzx+IJ6C5VT3E8bzsI9DE4XxVUKkiXbm55nucME+m/p5T59NfvDA3Tz8Ug0B7xFdwazO3xkzD/9LCH4XgWVDbeVZab2MQxmCeid/J6JCJ0vKpiYhPa1GP/oV4peYrXJOqhXlc6eKGOzcVqYN6wLNTnsjqWadgADVn28Z+yOnZxtwGawXRLdzRtsoc18MXl1XZo5KDORtk6zBKR5nVr+z/OaZUr6p/FoKPTutjWC4bC1NfjDyorhDqjwRQ6+SgXlV1Nuqx5+Y8UjG490qzG26Rir/uVVMXKXBxb5VISWxtmm4i1v+69CMsNEVtGNumxDDMJNI3L4FB1Og80lc1d08TEbktl0PnTDbNHfM1ofdRPb+w+ryZ7OGl664d+YgjtePcmJo6h3bvzNMfQwHU2IL8jxpYLFCe7A/AMneWjdVM2+IcGWwINBINWbpqKANDA+PoCwkEDCAWEVlUBoU1T2oMre+DwKiySPb6zXv8tkj26QUPb/k17dINGQSCWPdDeRqMg2L/vplAUe9hBISSMPfYFtEYb2lYRnpQOogU9ZQhdVyXS+Rb81Ayd1e7wdAsNdUI71RH5ttMGhI7+ZAqboePsYVh6tp+ASXKucYZpAUlk8w09RWOUnM+UFQgCndlDQ9eyYY+IPWwgBDQAn0Ui2kAU6D1P0Dh/hfkAOsU9sGkuL0OH+cMH0Ppe3yXAI4R2UBjobGBi3lioQ2u7QcZrutBDSUJLaAktoe9esJar2VJjBB1NtXezeii0FzjDqcxnbi5RpuKnqOlh+Vem2kStHHPWH3qJM9lPQFPZ5fX/7xA7wT1fLgeMVwNBa/0jrWIcXBKdMNaEgV6mgU6hVfMmZ5LzxqE9SpE21XrOkLPkMNJCelrI6vFaneYl0q90xGz3xQP0C7s88rLliaVjuz3U2UwdDpq8FDol88WxF7RKzKgOBY1JiI+eF5PZIjq1KGqDXhHo2UDQaYzJcIczl9xXyA10Po2Gh37QaFB7HMLS8g4fW4SboVVckzpE9Uioj9ETyRfxBH0IY9yjuTCFfodsOiJLaD0ov50UA5q8hipRU2zjkzo0MieQGnOZmmYb11Z1bLzSqDGXqKm28ZtYY7ykxHw5J18+7et9C9Fs49otNKYMrZKDaLZxyCTSbfYot/GoG/SEjafbErFvG79JRKSaGvOS92wbby15K1PTzNWAzYVGG9fyJQDdNq6zbOPL0hJgmIGJArQ6xKWLNjQSLNK/8/pCQktoCS2hX9C4p4CUlJSUlJSUlJRUoX/TIG/ClBCpwAAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 180px 134px;
}
.empty-wrap[data-v-f8bf4614] {
  display: flex;
  text-align: center;
  flex-direction: column;
  gap: 8px;
}
.not-event[data-v-f8bf4614] {
  display: block;
  width: 180px;
  height: 140px;
  margin: 0 auto;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAACGCAMAAABDoVCmAAAAbFBMVEVHcEyKmcTu8PVmdaTc4+5+jbXj6/bV2PXc4+7c4+6IlsF/jbqKmMWLmMTu8faKmcNqeKNkdKVod6NjdKTF0OnCzOXi5/Lc4++LmcRkdKXu8fbN1eeZpsvCyuKnstNwfKKwu9fk6fKSoMd5hrGzFaewAAAAF3RSTlMA09JbWi4xCvemHUFphqe5w5DZ6752hmg4bjUAAALMSURBVHja7dyLcqIwFAZgu4h0AVtALZck3Pr+77gJVIGCUWoST7rnt47W6XQ+05PkhBm72WAwGAwGg4EWz4mTQz7kkMSOB9wcj8EXuAOZHCyRRRIXrNnJr8ex0JznAUizKzXnBx8iOpoiW0qryQuxBcWRFsXn9BUX/EAvoAEOdX4TncBfOubo3IeM5nOQ0qYoSvFYAV6r4+kgD/lEtL7yKGseXh5MPEIuj+COiQhuofZuow+4uWipDyu28e9DXU7mINCGaeNraU33WZ+9TYeAMzoLLTpuXdDa1BoOtgNam9qLc8WXEEbo7H3IXjE7mgy3uFjzyO8bo8d+DaWdKGudTaGjPFJ3IcwQOlC6jRhCR0q3PjNoV23XPEeXaZq+PpC/+puDZfQjQTSiEY1oRP/3aD/4nhN89DxbRANHN0XBv4qm+XMzH5DQ9+YN0YhGtFY0YYwR60a64bEN3ch/yBi6ZivQKWGSGzGFJnc2flAmIhH3Nsvoion47JFmYohplrX9O5AETk13Y1zyYwHp34EkDE551IPIHnQP/ZqFhEoCCS3U1L5tnLXkV/cenN3d3nY34wNCL54RdzYebJmN6CNeQlDd5YGqabLy8t6za3pVl3cFralatsfNjg33jx92eYtoT9eHLE47JV3eeYc5svEgnPSQVXV5BleP7VFVl2fyorqvqsuDs06v6PIMopmNO6JF6PBFkukcq+GgJctXO/3WDnSGaET35VvWpW3oVjRoTEw81vVqVIr+UZenHs2pGSGiLeo+7kOlI/38hqlHkw4tNLRcCFh03aNrNk89RT+/y+vR9aU8bFo9xPzrzHeMNJx1+jz77qhp3Fx0o0scaUTbgPbd6zlJ+oq16Hd+EDLycWWVZ8QX/qdCNKLn6KiqKhfRRtFiSbIOnfBnPqIRjehnoAPHcbwgDEOPP9H/ryW8B7PBYDAYDAaDwWCG/APtZrK9CDopiwAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 180px 134px;
}
.empty-content[data-v-f8bf4614] {
  display: flex;
  text-align: center;
  flex-direction: column;
  gap: 8px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/logs/logCollections/AddMonitorTargetPopup.vue?vue&type=style&index=0&id=ab046640&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-ab046640] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-ab046640]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-ab046640]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-ab046640] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-ab046640]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.target-container[data-v-ab046640] {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.listTargetItem[data-v-ab046640] {
  color: #364fc7;
}
.logMessage[data-v-ab046640] {
  display: flex;
  gap: 24px;
  height: 100%;
  width: 100%;
}
.logMessage .target-list[data-v-ab046640] {
  height: 100%;
}
.logMessage[data-v-ab046640] > :first-child {
  width: 220px;
  min-width: 220px;
  height: 100%;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #e3e5e8;
}
.logMessage .monitoringTitle[data-v-ab046640] {
  padding: 8px 0;
  color: #2e3138;
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
.logMessage .targetArea[data-v-ab046640] {
  margin-right: 12px;
}
.logMessage .targetArea > div[data-v-ab046640] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  height: 32px;
  padding: 5px 10px 5px 10px;
  white-space: nowrap;
}
.logMessage .targetArea > div.selected[data-v-ab046640] {
  background-color: rgba(54, 79, 199, 0.12);
  color: var(--blue-with-a-hint-of-purple);
}
.logMessage .targetArea .target-item[data-v-ab046640] {
  margin-bottom: 1px;
  height: unset;
  padding: 12px 16px;
  border-radius: 4px;
}
.logMessage .targetArea .target-item[data-v-ab046640]:hover {
  background-color: #f7f7f8;
}
.logMessage[data-v-ab046640] .simplebar-content {
  width: 100% !important;
}
.logMessage .text-field-ellipsis[data-v-ab046640] {
  display: block;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/components/searchCondition/ConditionTitle.vue?vue&type=style&index=0&id=d81c46e4&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-d81c46e4] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-d81c46e4]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-d81c46e4]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-d81c46e4] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-d81c46e4]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.condition-title[data-v-d81c46e4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 24px;
}
.condition-title .search-condition[data-v-d81c46e4] {
  display: flex;
  align-items: center;
}
.condition-title .search-condition__text[data-v-d81c46e4] {
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  color: #2e3138;
}
.condition-title .search-condition__count[data-v-d81c46e4] {
  margin-left: 4px;
}
.condition-title .action[data-v-d81c46e4] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.condition-title .action[data-v-d81c46e4] .dropdown .anchor {
  height: 20px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/components/searchCondition/ConditionItem.vue?vue&type=style&index=0&id=cd5ae666&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-cd5ae666] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-cd5ae666]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-cd5ae666]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-cd5ae666] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-cd5ae666]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
[data-v-cd5ae666] .message {
  margin-left: 0px;
}
.condition-item[data-v-cd5ae666] {
  background-color: #f4f4f6;
  border-radius: 4px;
  padding: 12px 16px;
  position: relative;
}
.condition-item__disabled[data-v-cd5ae666] {
  border: 1px solid #e3e4e8;
  background-color: #ffffff;
}
.condition-item__disabled[data-v-cd5ae666] .lego-dropdown__title {
  border-color: #e3e4e8 !important;
}
.condition-item__disabled[data-v-cd5ae666] .lego-text-field__input:disabled {
  border-color: #e3e4e8;
}
.condition-item .btn-close[data-v-cd5ae666] {
  z-index: 0;
}
.condition-item[data-v-cd5ae666] .lego-modal__close.lego-icon {
  top: 5px;
  right: 5px;
  padding: 2px;
  font-size: 16px;
}
.condition-item .layout-item__label[data-v-cd5ae666] {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  color: #2e3138;
  text-align: left;
  margin-bottom: 4px;
}
.condition-item .layout-item__content[data-v-cd5ae666] {
  display: flex;
  gap: 8px;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.condition-item .layout-item__content .lego-dropdown.lego-dropdown--readonly[data-v-cd5ae666] .lego-dropdown__icon svg {
  fill: #cfd2d8;
}
.condition-item .layout-item__content .lego-dropdown[data-v-cd5ae666]:nth-child(2) {
  width: 76px;
  min-width: 76px;
}
.condition-item .layout-item__content .lego-dropdown[data-v-cd5ae666]:nth-child(2) .lego-dropdown__title .lego-dropdown__selected {
  flex: 1;
}
.condition-item .layout-item__content .lego-dropdown[data-v-cd5ae666]:nth-child(2) .lego-dropdown__title .lego-dropdown__title-icon {
  margin-left: 5px;
}
.condition-item .layout-item[data-v-cd5ae666]:nth-child(n+2) {
  margin-top: 8px;
}
.layout-operator[data-v-cd5ae666] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  justify-content: center;
}
.layout-operator[data-v-cd5ae666] .lego-dropdown {
  min-width: 76px;
}
.layout-operator[data-v-cd5ae666] .lego-dropdown.lego-dropdown--readonly .lego-dropdown__title {
  justify-content: center;
  background-color: #ffffff;
}
.layout-operator[data-v-cd5ae666] .lego-dropdown.lego-dropdown--readonly .lego-dropdown__title .lego-dropdown__title-icon {
  display: none;
}
.layout-operator[data-v-cd5ae666] .lego-dropdown .lego-dropdown__title {
  border-width: 0;
  font-size: 13px;
  font-weight: 500;
}
.layout-operator[data-v-cd5ae666] .lego-dropdown .lego-dropdown__title .lego-dropdown__selected {
  justify-content: flex-end;
}
.layout-operator[data-v-cd5ae666] .lego-dropdown .lego-dropdown__title .lego-dropdown__title-icon {
  margin-left: 4px;
}
.layout-operator[data-v-cd5ae666] .lego-dropdown .lego-dropdown__title:focus {
  border-width: 0;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/logs/logCollections/AddMetricPopup.vue?vue&type=style&index=0&id=39d77f26&lang=css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.metricNameContainer .lego-text-field__input {
  padding-left: 88px !important;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/logs/logCollections/AddMetricPopup.vue?vue&type=style&index=1&id=39d77f26&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-39d77f26] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-39d77f26]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-39d77f26]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-39d77f26] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-39d77f26]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.metricNameContainer[data-v-39d77f26] {
  display: flex;
  flex-direction: column;
  width: calc(100% + 20px);
  gap: 20px;
}
.metricNameContainer .metricNameTitle[data-v-39d77f26] {
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: left;
  color: var(--dark);
  margin-top: 7px;
  width: 100px;
  position: relative;
}
.metricNameContainer .metricNameTitle .required[data-v-39d77f26] {
  position: absolute;
  right: -2px;
}
.metricNameContainer .metricInput[data-v-39d77f26] {
  flex: 1;
}
.metricNameContainer .required[data-v-39d77f26] {
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: left;
  color: #f00;
}
.metricNameContainer .inputBox[data-v-39d77f26] {
  display: flex;
  gap: 16px;
}
.metricNameContainer .inputBox[data-v-39d77f26]:first-child {
  position: relative;
  padding-bottom: 20px;
}
.metricNameContainer .inputBox[data-v-39d77f26]:first-child .lego-text-field__message.lego-text-field__message--light {
  position: absolute;
}
.metricNameContainer .inputBox .metricfilter[data-v-39d77f26] {
  position: absolute;
  left: 125px;
  top: 6px;
}
.metricNameContainer .subtext[data-v-39d77f26] {
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.42;
  letter-spacing: normal;
  text-align: left;
  color: var(--color-ui-06);
}
.AddMetricPopup[data-v-39d77f26] .lego-modal__body {
  padding: 24px 32px;
}
.AddMetricPopup[data-v-39d77f26] .lego-modal__body .simplebar-content {
  width: 100%;
}
.AddMetricPopup[data-v-39d77f26] .lego-modal__container .lego-modal__head {
  margin: 24px 32px 0 32px;
  padding: 0 0 16px 0;
  min-height: 32px;
  font-size: 22px;
  line-height: 32px;
}
.AddMetricPopup[data-v-39d77f26] .lego-modal__container .lego-modal__close.lego-icon {
  top: 30px;
  font-size: 22px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/logs/logCollections/ExeHistory.vue?vue&type=style&index=0&id=aa38bad8&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-aa38bad8] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-aa38bad8]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-aa38bad8]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-aa38bad8] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-aa38bad8]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.exe-container__title[data-v-aa38bad8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  padding-bottom: 16px;
  border-bottom: 1px solid #e3e4e8;
}
.exe-container__table[data-v-aa38bad8] {
  margin-top: 8px;
}
.exe-container__action[data-v-aa38bad8] {
  margin-top: 20px;
  display: flex;
  justify-content: end;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/components/searchCondition/SearchCondition.vue?vue&type=style&index=0&id=14181bdc&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-14181bdc] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-14181bdc]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-14181bdc]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-14181bdc] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-14181bdc]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.search-condition-container[data-v-14181bdc] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.search-condition-container .ui-icon[data-v-14181bdc] {
  height: 20px;
}
.search-condition-container .container[data-v-14181bdc] {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: calc(100% - 16px - 32px);
}
.search-condition-container .container__action[data-v-14181bdc] {
  margin-top: 16px;
}
.search-condition-container .container__action .text-add-condition[data-v-14181bdc] {
  display: flex;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  color: #2c5ad8;
  cursor: pointer;
}
.search-condition-container .container__action .text-add-condition.disabled[data-v-14181bdc] {
  cursor: default;
  opacity: 0.5;
}
.search-condition-container .container__wrapper-list-condition[data-v-14181bdc] {
  max-height: calc(100% - 32px - 16px);
}
.search-condition-container .container__wrapper-list-condition .list[data-v-14181bdc] {
  padding-right: 24px;
}
.search-condition-container .execution-history-dialog[data-v-14181bdc] {
  width: 640px;
  height: auto;
  max-height: 532px;
  padding: 20px 24px;
}
.search-condition-container[data-v-14181bdc] .dropdown-left-bottom::after {
  left: 8px;
}
.container__action[data-v-14181bdc] .action button {
  min-width: 80px;
  width: 80px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/logs/logCollections/components/ScpmTabBox.vue?vue&type=style&index=0&id=6d1dea0c&scoped=true&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-6d1dea0c] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-6d1dea0c]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-6d1dea0c]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-6d1dea0c] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-6d1dea0c]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.scpm-tab-box[data-v-6d1dea0c] {
  display: flex;
  height: 54px;
  border-bottom: 1px solid #e3e4e8;
}
.scpm-tab-box .tab-box__container[data-v-6d1dea0c] {
  display: flex;
  overflow: hidden;
  flex: 1;
  transition: all 0.5s ease-in-out;
}
.scpm-tab-box .tab-box__container .tab-box__item[data-v-6d1dea0c] {
  width: -moz-max-content;
  width: max-content;
  height: 54px;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-weight: 400;
  font-size: 16px;
  color: #2e3138;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.scpm-tab-box .tab-box__container .tab-box__item--active[data-v-6d1dea0c] {
  color: #2c5ad8;
  border-bottom: 3px solid #2c5ad8;
  font-weight: 700;
}
.scpm-tab-box .tab-box__container .tab-box__label[data-v-6d1dea0c] {
  max-width: 500px;
  width: -moz-max-content;
  width: max-content;
  padding: 0 20px;
  display: block;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.scpm-tab-box .next-tab[data-v-6d1dea0c] {
  width: 73px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  font-size: 12px;
}
.scpm-tab-box .next-tab .icon__pre[data-v-6d1dea0c] {
  transform: rotate(180deg);
}
.scpm-tab-box .next-tab .box-icon[data-v-6d1dea0c] {
  display: flex;
  cursor: pointer;
  width: 9px;
  padding: 0;
  border-width: 0;
  background: #ffffff;
}
.scpm-tab-box .next-tab .box-icon[data-v-6d1dea0c]:disabled {
  cursor: unset;
}
.scpm-tab-box .next-tab .box-icon[data-v-6d1dea0c]:disabled svg path {
  fill: #aaaaaa;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/logs/logCollections/components/ChartLogSearch.vue?vue&type=style&index=0&id=9b675db6&scoped=true&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-9b675db6] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-9b675db6]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-9b675db6]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-9b675db6] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-9b675db6]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.dropdown-group[data-v-9b675db6] {
  height: 20px;
  gap: 16px;
}
.chart-log[data-v-9b675db6] {
  width: 100%;
  height: 100%;
  padding: 16px;
  display: flex;
  flex-direction: column;
}
.chart-log__main[data-v-9b675db6] {
  width: 100%;
  height: 178px;
}
.no-data[data-v-9b675db6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  color: rgba(51, 51, 51, 0.4);
  font-weight: 500;
  font-size: 14px;
  gap: 12px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/logs/logCollections/components/LogMetricInfo/AddNewInfo.vue?vue&type=style&index=0&id=58006ade&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-58006ade] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-58006ade]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-58006ade]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-58006ade] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-58006ade]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.metricNameContainer[data-v-58006ade] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.inputBox[data-v-58006ade]:first-child {
  position: relative;
}
.inputBox:first-child .metricfilter[data-v-58006ade] {
  position: absolute;
  top: 46px;
  left: 12px;
}
.inputBox .metricNameTitle[data-v-58006ade] {
  height: 32px;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  color: #2e3138;
  font-weight: 500;
}
.inputBox .metricNameTitle .required[data-v-58006ade] {
  color: #ff0000;
  margin-left: 2px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/popup/components/TextBoxV2.vue?vue&type=style&index=0&id=40f515b8&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-40f515b8] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-40f515b8]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-40f515b8]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-40f515b8] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-40f515b8]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.gr-icon[data-v-40f515b8] {
  display: flex;
  align-items: center;
}
.gr-icon img[data-v-40f515b8] {
  margin-right: 5px;
}
.text-field-wrap[data-v-40f515b8] {
  padding: 8px 0 0;
  min-height: 20px;
  max-height: 40px;
  line-height: 1;
}
.text-field-wrap .text-field[data-v-40f515b8] {
  display: inline-block;
  min-width: 100px;
  max-width: 240px;
  color: #2f3237;
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 20px;
}
.text-field-wrap .text-field em[data-v-40f515b8] {
  display: block;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.text-field-wrap .text-line-clamp em[data-v-40f515b8] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: pre-wrap;
  word-break: break-all;
}
.text-field-wrap .field-tooltip[data-v-40f515b8] {
  position: fixed;
  display: inline-flex;
  width: auto;
  min-width: 100px;
  color: #fff;
  padding: 6px 10px;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  background-color: #1f2533;
  box-sizing: border-box;
  transform: translateX(-50%);
  z-index: 1;
  max-width: 292px;
  word-break: break-word;
}
.text-field-wrap .field-tooltip[data-v-40f515b8]:after {
  content: "";
  position: absolute;
  bottom: 0px;
  top: -6px;
  left: 50%;
  width: 0;
  height: 0;
  border-top: 6px solid #1f2533;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  transform: rotate(180deg);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/popup/components/TextItemV2.vue?vue&type=style&index=0&id=8cf5fba4&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-8cf5fba4] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-8cf5fba4]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-8cf5fba4]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-8cf5fba4] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-8cf5fba4]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.text-item-wrap[data-v-8cf5fba4] {
  font-family: "Noto Sans KR", Arial, sans-serif !important;
}
.text-item-wrap .text-label-wrap[data-v-8cf5fba4] {
  width: 240px;
  height: 16px;
}
.text-item-wrap .text-label-wrap .text-label[data-v-8cf5fba4] {
  display: inline-block;
  width: 90%;
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #2e3138;
  font-weight: 700;
  gap: 8px;
}
.text-item-wrap .product-blockstorage[data-v-8cf5fba4] {
  display: inline-block;
  color: #737a8c;
  font-weight: 400 !important;
  font-size: 12px !important;
}
.tooltip-box[data-v-8cf5fba4] {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.tooltip-box[data-v-8cf5fba4] .lego-icon {
  position: absolute;
  top: 2px;
  left: 2px;
  color: rgb(31, 37, 51);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/logs/logCollections/components/LogMetricInfo/InfoDetail.vue?vue&type=style&index=0&id=52b915a3&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-52b915a3] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-52b915a3]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-52b915a3]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-52b915a3] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-52b915a3]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.logInfo[data-v-52b915a3] {
  display: flex;
  flex-direction: column;
  gap: 36px;
}
.inputBox[data-v-52b915a3]:first-child {
  position: relative;
}
.inputBox:first-child .metricfilter[data-v-52b915a3] {
  color: #2e3138;
}
.inputBox[data-v-52b915a3]:first-child .lego-text-field__message.lego-text-field__message--light {
  position: absolute;
}
.inputBox .metricNameTitle[data-v-52b915a3] {
  height: 16px;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  color: #2e3138;
  font-weight: 700;
}
.divider[data-v-52b915a3] {
  background: #e3e4e8;
  height: 1px;
}
.metric-info[data-v-52b915a3] {
  display: flex;
  gap: 32px;
  flex-direction: column;
}
[data-v-52b915a3] .text-field {
  cursor: unset !important;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/logs/logCollections/LogSearchPopup.vue?vue&type=style&index=0&id=20d92272&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-20d92272] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-20d92272]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-20d92272]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-20d92272] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-20d92272]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
[data-v-20d92272] .lego-table__th {
  position: unset !important;
}
.log-container[data-v-20d92272] {
  height: 100%;
  max-height: 100%;
  overflow: auto;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 24px;
}
.log-container .section-1[data-v-20d92272] {
  border-bottom: 1px solid #e3e4e8;
}
.log-container .section-1 .expand[data-v-20d92272] {
  padding: 0 20px;
  white-space: normal;
}
.log-container .section-1 .cus-echart[data-v-20d92272] {
  height: 220px;
  width: calc(100% + 20px);
  padding: 0 20px 0 0;
}
.log-container .section-1 .monitoringTitle[data-v-20d92272] {
  width: calc(100% - 2px);
  height: 32px;
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: center;
  color: var(--dark);
  background-color: var(--color-primary-tint-01);
}
.log-container .section-2[data-v-20d92272] {
  display: flex;
  gap: 24px;
  flex: 1;
  height: 100%;
  overflow: auto;
  max-height: 100%;
}
.log-container .section-2 .condition[data-v-20d92272] {
  width: 328px;
  min-width: 328px;
  border-right: 1px solid #e3e4e8;
}
.log-container .section-2 .graph[data-v-20d92272] {
  flex: 1;
  height: 100%;
  max-height: 100%;
}
.log-container .section-2 .graph .chart-container[data-v-20d92272] {
  width: 100%;
  height: 230px;
  border-radius: 4px;
  border: 1px solid #e3e5e8;
  background: #fff;
  margin-top: 6px;
}
.log-container .section-2 .graph .wrap--scroll[data-v-20d92272] {
  padding-right: 20px;
}
.log-container .section-2 .graph .wrap .detail-section[data-v-20d92272] {
  margin-top: 32px;
}
.log-container .section-2 .graph .wrap .wrap-sub-title[data-v-20d92272] {
  align-items: center;
}
.log-container .section-2 .graph .wrap .wrap-sub-title[data-v-20d92272] .scpmSubTitle {
  color: #2e3138;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  font-family: "Noto Sans KR", Arial, sans-serif;
}
.log-container .section-2 .graph .wrap .log-message[data-v-20d92272] {
  border: red;
}
.log-container .section-2 .graph .wrap .log-message .mornitoring[data-v-20d92272] {
  width: 400px;
  margin-right: 24px;
  border-right: 1px solid #e3e5e8;
}
.log-container .section-2 .graph .wrap .log-message .mornitoring .monitoring-title[data-v-20d92272] {
  color: #2e3138;
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
.log-container .section-2 .graph .wrap .log-message .detail-table[data-v-20d92272] {
  width: 100%;
}
.log-container .section-2 .graph .wrap .log-message .detail-table[data-v-20d92272] .lego-table__no-data {
  min-height: 173px !important;
}
.log-container .section-2 .graph .wrap .log-message .detail-table--line[data-v-20d92272] .lego-table__no-data {
  min-height: 130px !important;
}
.log-container .section-2 .graph .wrap .log-message .radio-item-label[data-v-20d92272] {
  width: 235px;
  display: block;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.null-data-main[data-v-20d92272] .c-label {
  color: #737a8c !important;
}
.btn-dropdown[data-v-20d92272] {
  width: 24px;
  height: 24px;
  background: #ffffff;
  cursor: pointer;
}
.btn-dropdown[data-v-20d92272] svg {
  color: #555b68;
}
.lego-drop-holder--disabled .btn-dropdown[data-v-20d92272] svg {
  opacity: 0.5;
}
.log-metric[data-v-20d92272] .modal__body {
  height: 100%;
  display: flex;
  overflow: hidden;
  gap: 24px;
  padding: 24px 0;
}
.log-metric[data-v-20d92272] .modal__title-bar__sub {
  color: #2e3138;
}
.log-info[data-v-20d92272] {
  width: 278px;
  border-right: 1px solid #e3e4e8;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.log-generation[data-v-20d92272] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
[data-v-20d92272] .lego-dropdown__item:hover {
  background-color: rgba(54, 79, 199, 0.12) !important;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/popup/components/TooltipChartMaxValue.vue?vue&type=style&index=0&id=9a847f4c&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-9a847f4c] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-9a847f4c]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-9a847f4c]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-9a847f4c] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-9a847f4c]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.tooltip-wrapper .tooltip-icon[data-v-9a847f4c] {
  position: relative;
}
.tooltip-wrapper .tooltip-icon:hover .tooltip-container[data-v-9a847f4c] {
  visibility: visible;
}
.tooltip-wrapper .tooltip-icon .tooltip-container[data-v-9a847f4c] {
  background-color: rgb(255, 255, 255);
  display: block;
  position: absolute;
  z-index: 1;
  border-radius: 4px;
  font-size: 12px;
  line-height: 16px;
  right: 22px;
  top: 3px;
  color: #2f3237;
  box-shadow: 0px 8px 15px 2px rgba(24, 25, 27, 0.15), 0px 0px 4px 0px rgba(24, 25, 27, 0.2), 0px -1px 4px 0px rgba(24, 25, 27, 0.15);
  visibility: hidden;
  max-height: 280px;
  overflow-y: auto;
}
.tooltip-wrapper .tooltip-icon .tooltip-container .content-wrapper[data-v-9a847f4c] {
  padding: 8px;
}
.tooltip-wrapper .tooltip-icon .tooltip-container .tooltip-date[data-v-9a847f4c] {
  width: -moz-max-content;
  width: max-content;
}
.tooltip-wrapper .tooltip-icon .tooltip-container .tooltip-content[data-v-9a847f4c] {
  border-spacing: 0px;
  width: 100%;
}
.tooltip-wrapper .tooltip-icon .tooltip-container .tooltip-content tr td[data-v-9a847f4c] {
  padding-top: 4px;
}
.tooltip-wrapper .tooltip-icon .tooltip-container .tooltip-content_info[data-v-9a847f4c] {
  display: flex;
  align-items: center;
}
.tooltip-wrapper .tooltip-icon .tooltip-container .tooltip-content_color[data-v-9a847f4c] {
  height: 10px;
  min-width: 10px;
  border-radius: 100%;
  margin-right: 4px;
}
.tooltip-wrapper .tooltip-icon .tooltip-container .tooltip-content_name[data-v-9a847f4c] {
  max-width: 370px;
}
.tooltip-wrapper .tooltip-icon .tooltip-container .tooltip-content_max_value[data-v-9a847f4c] {
  width: -moz-max-content;
  width: max-content;
  padding-right: 12px;
}
.tooltip-wrapper .tooltip-icon .tooltip-container .tooltip-content_value[data-v-9a847f4c] {
  font-weight: 700;
  text-align: right;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/popup/DetailChart.vue?vue&type=style&index=0&id=3e42f426&scoped=true&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-3e42f426] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-3e42f426]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-3e42f426]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-3e42f426] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-3e42f426]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.chart-detail__main[data-v-3e42f426] {
  padding: 12px 20px 20px 20px !important;
}
.no-data[data-v-3e42f426] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  color: rgba(51, 51, 51, 0.4);
  font-weight: 500;
  font-size: 14px;
  gap: 12px;
}
.main-chart[data-v-3e42f426] {
  border-radius: 4px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.main-chart .no-drag[data-v-3e42f426] {
  display: flex;
}
.chart-active[data-v-3e42f426] {
  border-color: #2c5ad8 !important;
}
.chart-title[data-v-3e42f426] {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.chart-title_text[data-v-3e42f426] {
  max-width: 200px;
}
.chart-title_text[data-v-3e42f426] .c-label {
  font-weight: 700 !important;
}
.chart-title_text .active-title[data-v-3e42f426]:hover {
  text-decoration: underline;
}
.chart-title .chart-max-value[data-v-3e42f426] {
  display: flex;
}
.chart-title .chart-max-value span[data-v-3e42f426] {
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
  color: #2f3237;
}
.chart-title .chart-max-value .metric-unit[data-v-3e42f426] {
  margin-left: 4px;
}
.chart-detail__main[data-v-3e42f426] {
  box-shadow: 0px 8px 15px 2px rgba(34, 37, 42, 0.1490196078), 0px 0px 4px 0px rgba(34, 37, 42, 0.2), 0px -1px 4px 0px rgba(34, 37, 42, 0.1490196078);
  border-radius: 4px;
}
.detail-chart[data-v-3e42f426] {
  position: absolute;
  width: 1210px;
  height: 280px;
  z-index: 2;
  background-color: #ffffff;
}
.chart-thumnail-item[data-v-3e42f426] {
  padding: 0;
  border: 1px solid #e3e3e3;
}
.chart-detail-item[data-v-3e42f426] {
  padding: 8px 16px 16px 16px;
  border: 1px solid #e3e3e3;
}
.chart-detail-item .chart-detail-content[data-v-3e42f426] {
  display: flex;
  align-items: flex-end;
  height: 100%;
}
.chart-detail-item .chart-title .chart-title_text > .c-label[data-v-3e42f426] {
  font-size: 14px !important;
}
.chart-detail-item .chart-title .chart-max-value > .until > span[data-v-3e42f426] {
  font-size: 16px !important;
}
.chart-thumnail-title[data-v-3e42f426] {
  padding: 10px;
}
.chart-detail-content[data-v-3e42f426] {
  height: 100%;
}
.chart-detail[data-v-3e42f426] {
  width: 100%;
}
.footer-detail[data-v-3e42f426] {
  display: flex;
  flex-direction: row-reverse;
  padding-top: 16px;
  border-top: 1px solid #e3e4e8;
}
.dropdown-group[data-v-3e42f426] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0;
  gap: 16px;
}
.dropdown-group .lego-drop-holder[data-v-3e42f426] {
  display: flex !important;
}
.dropdown-group .object-check[data-v-3e42f426] {
  width: 180px !important;
}
.dropdown-check-wrapper[data-v-3e42f426] {
  padding: 0 12px;
}
.statistical-type-wrapper[data-v-3e42f426]:hover {
  background-color: #eff1fb;
}
.hover-style[data-v-3e42f426] :hover {
  background-color: #eff1fb;
}
.button-wrapper[data-v-3e42f426] {
  padding: 10px 16px !important;
  height: auto !important;
}
.button-wrapper[data-v-3e42f426]:hover {
  background-color: #eff1fb;
}
.add-widget-button[data-v-3e42f426] {
  cursor: pointer;
}
.button-icon[data-v-3e42f426] {
  display: flex;
}
.button-icon_text[data-v-3e42f426] {
  font-size: 14px !important;
  line-height: 16px !important;
  margin-left: 12px !important;
  vertical-align: middle !important;
}
[data-v-3e42f426] .menu-wrapper {
  min-width: 262px;
}
[data-v-3e42f426] .lego-icon.opus-icon__add {
  width: unset !important;
}
.chart-detail-title .chart-title_text[data-v-3e42f426] {
  max-width: 500px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/popup/MonTargetLog.vue?vue&type=style&index=0&id=464deb7e&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-464deb7e] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-464deb7e]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-464deb7e]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-464deb7e] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-464deb7e]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.container[data-v-464deb7e] {
  height: 100%;
}
.container__content[data-v-464deb7e] {
  height: 100%;
  border-bottom: 1px #dbdce1 solid;
}
.container__content-log[data-v-464deb7e] {
  height: 100%;
}
[data-v-464deb7e] .detail-chart {
  height: 252px;
}
.c-chart-wrap[data-v-464deb7e] {
  height: 170px;
  overflow: hidden;
}
.chart-bottom-legend[data-v-464deb7e] {
  display: flex;
  justify-content: space-between;
  padding-bottom: 16px;
}
.legend-item[data-v-464deb7e] {
  display: inline-block;
  padding-right: 18px;
}
.legend-item .cus-circle[data-v-464deb7e] {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 5px 4px 3px 0;
  vertical-align: middle;
  background-color: #20bac2;
  border-radius: 50%;
}
.empty-wrap[data-v-464deb7e] {
  height: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.tabs-layout-wrap[data-v-464deb7e] {
  display: flex;
  justify-content: space-between;
  padding: 16px 0;
  text-align: right;
}
.cus-c-scroll-height-width[data-v-464deb7e] .simplebar-content {
  width: calc(100% - 20px);
}
[data-v-464deb7e] .lego-dashboard-item {
  display: flex;
  flex-direction: column;
}
[data-v-464deb7e] .lego-dashboard-item .no-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  color: rgba(51, 51, 51, 0.4);
  font-weight: 500;
  font-size: 14px;
  gap: 12px;
}
[data-v-464deb7e] .active .chart-thumnail-item {
  border: 1px solid #2c59d9 !important;
}
[data-v-464deb7e] .lego-segment-wrapper .lego-segment-button.lego-segment-button--medium {
  min-width: auto;
  width: 32px;
  height: 32px;
}
.chart-thumnail-item[data-v-464deb7e] {
  padding: 0;
  border: 1px solid #e3e3e3;
}
.chart-thumnail-title[data-v-464deb7e] {
  padding: 10px;
}
.chart-detail[data-v-464deb7e] {
  width: 100%;
}
.chart-detail-item[data-v-464deb7e] {
  padding: 8px 16px 16px 16px;
  border: 1px solid #e3e3e3;
}
.chart-detail-item .chart-thumnail-content[data-v-464deb7e] {
  display: flex;
  align-items: flex-end;
  height: 100%;
}
.chart-detail-content[data-v-464deb7e] {
  height: 100%;
}
.chart-detail-title[data-v-464deb7e] {
  padding-bottom: 8px;
}
[data-v-464deb7e] .lego-tooltip {
  max-width: 500px !important;
}
[data-v-464deb7e] .scpm_table {
  margin-top: 8px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/popup/MonTargetEventDetailPopup.vue?vue&type=style&index=0&id=489c5d97&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-489c5d97] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-489c5d97]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-489c5d97]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-489c5d97] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-489c5d97]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.mon-target-event-detail[data-v-489c5d97] {
  padding: 0 0 0 24px;
}
.mon-target-event-detail[data-v-489c5d97] .icon-method {
  display: flex;
  justify-content: space-around;
}
.mon-target-event-detail[data-v-489c5d97] .icon-method span {
  width: 16px;
  height: 16px;
}
.mon-target-event-detail[data-v-489c5d97] .chart-title-container_text,
.mon-target-event-detail[data-v-489c5d97] .chart-title {
  max-width: 100% !important;
}
.mon-target-event-detail .title-chart[data-v-489c5d97] {
  display: flex;
  justify-content: space-between;
}
.mon-target-event-detail .metric-name[data-v-489c5d97] {
  align-self: center;
}
.mon-target-event-detail .title-noti[data-v-489c5d97] {
  size: 15px;
  line-height: 16px;
  font-weight: 500;
}
.mon-target-event-detail .notification[data-v-489c5d97] {
  flex-direction: column;
}
.mon-target-event-detail .last-value[data-v-489c5d97] {
  gap: 2px;
  display: flex;
}
.mon-target-event-detail[data-v-489c5d97] .multi-dropdown-wrap .lego-dropdown__items_box {
  left: -260px !important;
}
.mon-target-event-detail .condition[data-v-489c5d97] {
  display: flex;
  flex-direction: column;
}
.mon-target-event-detail .condition .title-noti[data-v-489c5d97] {
  margin-bottom: 6px;
}
.mon-target-event-detail .dropdown-group[data-v-489c5d97] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0;
  gap: 4px;
}
.mon-target-event-detail .dropdown-group .lego-drop-holder[data-v-489c5d97] {
  display: flex !important;
}
.mon-target-event-detail .dropdown-group .object-check[data-v-489c5d97] {
  width: 180px !important;
}
.mon-target-event-detail[data-v-489c5d97] .summary-chart-item .chart-title {
  max-width: 450px;
}
.setting-button[data-v-489c5d97] {
  padding: 0px 24px;
  justify-content: right !important;
  margin-bottom: 8px !important;
}
.dashboard-info-item[data-v-489c5d97] {
  display: flex;
  justify-content: flex-start;
  margin: 0 0 24px;
}
.dashboard-info-item[data-v-489c5d97]:last-child {
  margin-bottom: 0px;
}
.eventNoti[data-v-489c5d97] {
  display: flex;
}
.eventNoti .name[data-v-489c5d97] {
  width: 150px;
}
.eventNoti .icon[data-v-489c5d97] {
  width: 120px;
}
.eventNoti .icon span[data-v-489c5d97] {
  display: inline-block;
  width: 32px;
}
.eventNoti .icon span img[data-v-489c5d97] {
  width: 90%;
  margin-top: -3px;
  vertical-align: top;
}
.eventNoti .time[data-v-489c5d97] {
  width: 150px;
}
.alert-available[data-v-489c5d97] {
  cursor: default !important;
}
[data-v-489c5d97] .alert-unavailable {
  cursor: default !important;
  color: #b3b7c1 !important;
  opacity: 1;
}
.alert-available[data-v-489c5d97] {
  color: #364fc7 !important;
}
[data-v-489c5d97] .lego-table__no-data {
  min-height: 173px !important;
}
[data-v-489c5d97] .chart-container {
  padding-bottom: 10px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/event/common/Event.vue?vue&type=style&index=0&id=39a54abf&scoped=true&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-39a54abf] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-39a54abf]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-39a54abf]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-39a54abf] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-39a54abf]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.icon[data-v-39a54abf] {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  margin-top: 6px;
  float: left;
}
.icon.warning[data-v-39a54abf] {
  background-color: #ffd035;
}
.event-item-container[data-v-39a54abf] {
  width: 100%;
  display: flex;
  cursor: pointer;
  position: relative;
}
.event-item-container[data-v-39a54abf]:hover {
  background-color: #eaedf9 !important;
}
.event-item-container:hover .event-item-container__main[data-v-39a54abf] {
  color: #555b68;
}
.event-item-container:active .event-item-container__name .c-label[data-v-39a54abf] {
  color: #2C59D9 !important;
}
.event-item-container .c-label[data-v-39a54abf] {
  font-size: 12px !important;
  color: #737a8c !important;
}
.event-item-container .wrapper[data-v-39a54abf] {
  width: 100%;
  position: relative;
  display: flex;
  padding: 20px 24px;
  border-bottom: 1px solid #e3e4e8;
}
.event-item-container .wrapper .event-item-container__main .event-item-container__info[data-v-39a54abf] {
  margin-top: 4px;
}
.event-item-container__icon[data-v-39a54abf] {
  width: 20px;
}
.event-item-container__main[data-v-39a54abf] {
  flex: 1;
  padding-left: 8px;
  width: 0;
  color: var(--color-ui-13);
}
.event-item-container__message[data-v-39a54abf] {
  line-height: 20px;
  display: flex;
  justify-content: space-between;
  gap: 5px;
}
.event-item-container[data-v-39a54abf]:nth-of-type(1) {
  margin-top: 0;
}
.event-item-container[data-v-39a54abf]:nth-last-of-type(1) {
  border: 0;
}
.event-item-container[data-v-39a54abf]:nth-last-of-type(1)::after {
  display: none;
}
.event-item-container__info[data-v-39a54abf] {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  align-items: center;
  margin-top: 2px;
}
.event-item-container__name[data-v-39a54abf] {
  font-size: 12px;
  line-height: 20px;
  flex: 1;
}
.event-item-container__date[data-v-39a54abf] {
  align-items: center;
  font-size: 12px;
  line-height: 16px;
  color: #737a8c;
}
.event-item-container__date .ellipsis[data-v-39a54abf] {
  flex: 1;
}
.event-item-container__date .time[data-v-39a54abf] {
  width: 120px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/event/common/ListEventLevel.vue?vue&type=style&index=0&id=730082f3&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-730082f3] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-730082f3]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-730082f3]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-730082f3] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-730082f3]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-segment-wrapper[data-v-730082f3] {
  display: flex;
}
.lego-segment-wrapper .lego-segment-button[data-v-730082f3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 16px;
  font-size: 13px;
}
.lego-segment-wrapper .lego-segment-button.lego-segment-button--small[data-v-730082f3] {
  padding: 8px 12px;
  font-size: 12px;
  gap: 4px;
}
.lego-segment-wrapper .lego-segment-button .event-icon[data-v-730082f3] {
  width: 16px;
  height: 16px;
  font-size: 10px;
  font-weight: 700;
  border-radius: 100px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lego-segment-wrapper .lego-segment-button .event-icon--fatal[data-v-730082f3] {
  background-color: #fb6a72;
}
.lego-segment-wrapper .lego-segment-button .event-icon--warning[data-v-730082f3] {
  background-color: #ffcf33;
}
.lego-segment-wrapper .lego-segment-button .event-icon--inform[data-v-730082f3] {
  background-color: #868d9c;
}
.lego-segment-wrapper[data-v-730082f3] .lego-segment-button--small .dangerIcon,
.lego-segment-wrapper[data-v-730082f3] .lego-segment-button--small em {
  width: 16px !important;
  height: 16px !important;
  font-size: 10px !important;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/event/alarmAddrs/AddUserModal.vue?vue&type=style&index=0&id=71a6c146&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.add-user-modal .simplebar-content {
  width: 100% !important;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/event/alarmAddrs/AddUserModal.vue?vue&type=style&index=1&id=71a6c146&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-71a6c146] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-71a6c146]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-71a6c146]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-71a6c146] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-71a6c146]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.notification-target[data-v-71a6c146] .lego-table .lego-table__control {
  z-index: auto;
}
.event-alarm__setting[data-v-71a6c146] .list-select-table-wrap {
  margin-top: 0;
}
.list-select-table-wrap[data-v-71a6c146] {
  display: flex;
  align-items: normal;
  align-content: center;
  margin-top: 20px;
}
.list-select-table-wrap .select-list-wrap[data-v-71a6c146] {
  width: 300px;
  height: 268px;
  border: 1px solid #e4e5e7;
  border-radius: 4px;
}
.list-select-table-wrap .select-list-wrap .select-list-header[data-v-71a6c146] {
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  color: var(--dark);
  background-color: var(--color-ui-12);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-select-table-wrap .table-wrap[data-v-71a6c146] {
  width: 680px;
  padding-left: 20px;
}
.select-list > li[data-v-71a6c146] {
  height: 33px;
  padding: 5px 20px;
  font-weight: 500 !important;
  font-style: normal !important;
  color: #2f3237;
  cursor: pointer;
}
.select-list > li .select-item[data-v-71a6c146] {
  display: flex;
}
.select-list > li[data-v-71a6c146] {
  /* .select-item:hover {
          background-color: var(--color-primary-tint-01);
      } */
}
.select-list > li em[data-v-71a6c146] {
  padding-left: 6px;
  font-style: normal;
}
.select-list > li[data-v-71a6c146] {
  /* &.active {
          color: var(--blue-with-a-hint-of-purple);
          background-color: rgba(54, 79, 199, 0.12);
      } */
}
.select-list > li[data-v-71a6c146]:hover {
  color: var(--blue-with-a-hint-of-purple);
  background-color: var(--color-primary-tint-01);
}
.select-item-title[data-v-71a6c146] {
  width: 81%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 8px;
}
.batch-list-wrap .total-header[data-v-71a6c146] {
  padding: 20px 0 0 0;
}
.batch-list-wrap .batch-list[data-v-71a6c146] {
  min-height: 116px;
  margin: 8px 10px 0 0;
  padding: 8px 20px 20px;
  border-radius: 2px;
  border: solid 1px var(--color-ui-06);
  background-color: #fff;
}
.batch-list-wrap .batch-list[data-v-71a6c146] .lego-chip__container {
  margin: 12px 10px 0 0 !important;
}
.active[data-v-71a6c146] {
  color: #465dcb !important;
  background-color: var(--color-primary-tint-01);
}
[data-v-71a6c146] .left-divider:before {
  display: none !important;
}
[data-v-71a6c146] .lego-table__action-selected {
  position: relative;
}
[data-v-71a6c146] .lego-table__action-selected:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block !important;
  width: 1px;
  height: 10px;
  background: #bbbdc1;
}
[data-v-71a6c146] .left-divider .lego-table__counter__per-page {
  display: none !important;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/event/eventSettings/components/Notifications.vue?vue&type=style&index=0&id=440261ac&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-440261ac] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-440261ac]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-440261ac]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-440261ac] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-440261ac]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.subtitle[data-v-440261ac] {
  padding: 10px 0 0 0;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 12px;
}
.table-header-wrap[data-v-440261ac] {
  padding-bottom: 10px;
}
.table-header-wrap[data-v-440261ac]:after {
  content: "";
  clear: both;
  display: table;
}
.table-header-wrap .left-con[data-v-440261ac] {
  float: left;
  width: 40%;
}
.table-header-wrap .right-con[data-v-440261ac] {
  float: right;
  width: 60%;
  text-align: right;
}
.custom-height-modify-table[data-v-440261ac] .lego-table__area-wrapper {
  height: 187px;
}
.custom-height-modify-table[data-v-440261ac] .lego-table__area-wrapper .set-scroll {
  max-height: 185px !important;
}
.custom-height-modify-table[data-v-440261ac] .lego-table__area-wrapper .set-scroll .lego-table__area {
  background-color: #fff;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/popup/components/TagBoxV3.vue?vue&type=style&index=0&id=31ba9d40&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-31ba9d40] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-31ba9d40]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-31ba9d40]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-31ba9d40] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-31ba9d40]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.text-item-wrap .text-label-wrap .text-label[data-v-31ba9d40] {
  display: inline-block;
  color: #2e3138;
  font-weight: 400;
}
.text-item-wrap .tag-wrap[data-v-31ba9d40] {
  padding-top: 8px;
}
.text-item-wrap .tag-wrap[data-v-31ba9d40] .lego-chip-wrapper__container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.text-item-wrap .tag-wrap[data-v-31ba9d40] .lego-chip-wrapper__container .lego-chip-wrapper__item {
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  max-width: 100% !important;
  background-color: #eef2fc !important;
  height: 24px !important;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/popup/components/TextItems.vue?vue&type=style&index=0&id=d811f15e&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-d811f15e] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-d811f15e]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-d811f15e]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-d811f15e] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-d811f15e]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.text-item-wrap[data-v-d811f15e] {
  position: relative;
  font-family: "Noto Sans KR", Arial, sans-serif !important;
}
.text-item-wrap .text-label-wrap[data-v-d811f15e] {
  width: 180px;
  height: 16px;
}
.text-item-wrap .text-label-wrap .text-label[data-v-d811f15e] {
  display: inline-block;
  width: 180px;
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #2e3138;
  font-weight: 700;
}
.text-item-wrap .text-field-container[data-v-d811f15e] {
  padding: 8px 0 0 0;
}
.text-item-wrap .text-field-container[data-v-d811f15e] .text-field-wrap {
  padding: 0 !important;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/popup/MonTargetInfoSection.vue?vue&type=style&index=0&id=4aaa7711&scoped=true&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-4aaa7711] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-4aaa7711]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-4aaa7711]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-4aaa7711] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-4aaa7711]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.monitoring-info-wrap[data-v-4aaa7711] {
  box-sizing: border-box;
}
.monitoring-info-wrap .monitoring-inner-wrap[data-v-4aaa7711] .simplebar-track.simplebar-vertical {
  right: 6px;
}
.monitoring-info-wrap .monitoring-inner-wrap[data-v-4aaa7711] .simplebar-content {
  height: 148px;
}
.monitoring-info-section[data-v-4aaa7711] {
  display: flex;
  flex-direction: column;
  gap: 36px;
  width: 100%;
}
.monitoring-info-section .left-col[data-v-4aaa7711] {
  width: 50%;
}
.monitoring-info-section .right-col[data-v-4aaa7711] {
  width: 50%;
}
.monitoring-target-section[data-v-4aaa7711] {
  padding: 0 20px 0 0px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/event/eventSettings/EventDetailModal.vue?vue&type=style&index=0&id=29f9951d&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-29f9951d] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-29f9951d]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-29f9951d]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-29f9951d] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-29f9951d]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
[data-v-29f9951d] .lego-modal__body {
  padding: 0 !important;
}
[data-v-29f9951d] .text-label {
  font-weight: 700 !important;
}
[data-v-29f9951d] .text-item-wrap .tag-wrap {
  padding-top: 8px;
}
[data-v-29f9951d] .lego-chip__container-normal {
  background-color: #eff1fb !important;
}
[data-v-29f9951d] .lego-chip__container {
  border: none !important;
}
[data-v-29f9951d] .lego-chip-wrapper__item {
  margin-bottom: 8px !important;
}
.historyTable[data-v-29f9951d] .lego-table__top {
  display: none;
}
.container[data-v-29f9951d] {
  padding: 20px;
}
.target-grid .target-wrapper .target-item[data-v-29f9951d] {
  font-size: 14px;
  line-height: 20px;
  color: #2E3138;
  margin-top: 36px;
}
.target-grid .target-wrapper .target-item .target-item__label[data-v-29f9951d] {
  font-weight: 700;
}
.target-grid .target-wrapper .target-item .target-item__value[data-v-29f9951d] {
  padding-top: 8px;
  font-weight: 400;
}
.target-grid .target-wrapper .target-item[data-v-29f9951d]:first-child {
  margin-top: 0;
}
.target-grid .target-wrapper .target-item .product-type-item-detail[data-v-29f9951d] {
  display: flex;
  gap: 4px;
}
.target-grid .target-wrapper .target-item .product-type-item-detail img[data-v-29f9951d] {
  padding-top: 8px;
}
.notifications-wrapper[data-v-29f9951d] .lego-table .lego-table__control {
  z-index: auto;
}
.table-header-wrap[data-v-29f9951d] {
  padding-bottom: 12px;
}
.table-header-wrap[data-v-29f9951d]:after {
  content: "";
  clear: both;
  display: table;
}
.table-header-wrap .left-con[data-v-29f9951d] {
  float: left;
  width: 40%;
}
.table-header-wrap .right-con[data-v-29f9951d] {
  float: right;
  width: 60%;
  text-align: right;
}
.lego-modal__container[data-v-29f9951d] {
  min-height: 350px;
}
.subtitle[data-v-29f9951d] {
  padding: 10px 0 0 0;
  font-size: 16px;
  font-weight: bold;
}
.subtitle[data-v-29f9951d]:first-child {
  padding-top: 0px;
}
.subtitle .required[data-v-29f9951d] {
  color: rgb(255, 0, 0);
}
.event-table-wrap[data-v-29f9951d] {
  margin-top: -24px;
}
.select-formbox-wrap[data-v-29f9951d] {
  display: flex;
  align-content: center;
  justify-content: space-between;
}
.select-formbox-wrap .formbox-col[data-v-29f9951d] {
  width: 100%;
  padding: 0;
}
.select-formbox-wrap .formbox-col .notifications-wrapper[data-v-29f9951d] {
  margin-top: 24px;
}
.select-formbox-wrap .formbox-col .formbox[data-v-29f9951d] {
  margin-bottom: 10px;
  padding: 20px 20px 10px;
  border: 1px solid #d2d3d6;
  border-radius: 3px;
}
.select-formbox-wrap .formbox-col .formbox .form-header[data-v-29f9951d] {
  display: flex;
  align-content: center;
  justify-content: space-between;
  padding: 0 0 10px;
  border-bottom: 1px solid #d2d3d6;
}
.select-formbox-wrap .formbox-col .formbox .form-header .left-con strong[data-v-29f9951d] {
  display: inline-block;
  padding: 0 8px 0 0;
  font-size: 14px;
  color: var(--dark);
}
.select-formbox-wrap .formbox-col .formbox .form-header .left-con em[data-v-29f9951d] {
  display: inline-block;
  font-style: normal;
  color: #787c84;
  font-size: 12px;
}
.select-formbox-wrap .formbox-col .formbox .form-header .right-con[data-v-29f9951d] {
  display: flex;
  align-content: center;
  justify-content: flex-end;
  text-align: right;
}
.select-formbox-wrap .formbox-col .form-row[data-v-29f9951d] {
  display: block;
  padding: 8px 0;
}
.select-formbox-wrap .formbox-col .form-row[data-v-29f9951d]:after {
  content: "";
  clear: both;
  display: table;
}
.select-formbox-wrap .formbox-col .form-row .form-item[data-v-29f9951d] {
  position: relative;
  float: left;
  display: block;
  width: 50%;
  padding: 0 0 0 90px;
}
.select-formbox-wrap .formbox-col .form-row .form-item[data-v-29f9951d]:nth-child(2) {
  text-align: right;
}
.select-formbox-wrap .formbox-col .form-row .form-item .form-label[data-v-29f9951d] {
  position: absolute;
  top: 6px;
  left: 0;
  display: inline-block;
  width: 90px;
  text-align: left !important;
}
.page-search-bar[data-v-29f9951d] {
  display: flex;
  align-content: center;
  justify-content: center;
  height: 50px;
  padding: 0 0 20px;
  border-bottom: 1px solid var(--silver);
}
.page-search-bar .form-col[data-v-29f9951d] {
  display: flex;
  width: 48%;
  align-content: center;
  justify-content: flex-start;
}
.page-search-bar .form-col[data-v-29f9951d]:last-child {
  width: 52%;
  padding-left: 20px;
}
.page-search-bar .form-col .form-item[data-v-29f9951d] {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
}
.page-search-bar .form-col .form-item .form-label[data-v-29f9951d] {
  width: 140px;
}
.page-search-bar .form-col .form-item .form-control[data-v-29f9951d] {
  width: calc(100% - 140px);
}
.lego-tab__label-underline[data-v-29f9951d] {
  color: #2e3138;
  border-bottom: 1px solid #e3e4e8;
}
.lego-tab__label-underline--active[data-v-29f9951d] {
  color: #2c5ad8;
  border-bottom-color: #2c5ad8;
}
.lego-tab__label-underline[data-v-29f9951d]:hover {
  color: #2c5ad8 !important;
}
[data-v-29f9951d] .lego-tab__content-wrapper {
  border-top: 1px solid #e3e4e8;
}
.tab-wrapper .tabbox-item[data-v-29f9951d] {
  height: 54px;
  padding: 0 32px;
}
.select-formbox-wrap[data-v-29f9951d] {
  display: flex;
  justify-content: center;
}
.select-formbox-wrap .selectbox-col[data-v-29f9951d] {
  width: 278px;
  height: 702px;
  border-right: 1px solid rgb(227, 229, 232);
  margin: 24px 0;
}
.select-formbox-wrap .selectbox-col .height-scroll[data-v-29f9951d] {
  height: 702px;
}
.select-formbox-wrap .formbox-col[data-v-29f9951d] {
  width: calc(100% - 278px);
  padding: 0 0 0 24px;
}
.history-tab[data-v-29f9951d] {
  width: 1232px;
  border-bottom: 1px solid #d2d3d6;
}
.target-grid[data-v-29f9951d] {
  padding: 0px 20px 0px 0px;
}
.target-grid .target-item__value[data-v-29f9951d] {
  word-break: break-word;
}
.target-grid .asg-product-name[data-v-29f9951d] {
  background: #eef2fc;
  border-radius: 100px;
  padding: 6px;
  margin-top: 5px;
  font-size: 14px;
}
.target-grid .server-list[data-v-29f9951d] {
  margin-top: 36px;
}
[data-v-29f9951d] .scpm-insight-chart-container {
  width: unset !important;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/event/eventSettings/EventEditModal.vue?vue&type=style&index=0&id=1b9175c4&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-1b9175c4] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-1b9175c4]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-1b9175c4]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-1b9175c4] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-1b9175c4]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
[data-v-1b9175c4] .lego-modal__body {
  padding: 0 !important;
}
[data-v-1b9175c4] .text-label {
  font-weight: 700 !important;
}
[data-v-1b9175c4] .text-item-wrap .tag-wrap {
  padding-top: 8px;
}
[data-v-1b9175c4] .lego-chip__container-normal {
  background-color: #eff1fb !important;
}
[data-v-1b9175c4] .lego-chip__container {
  border: none !important;
}
[data-v-1b9175c4] .lego-chip-wrapper__item {
  margin-bottom: 8px !important;
}
.historyTable[data-v-1b9175c4] .lego-table__top {
  display: none;
}
.container[data-v-1b9175c4] {
  padding: 20px;
}
.target-grid .target-wrapper .target-item[data-v-1b9175c4] {
  font-size: 14px;
  line-height: 20px;
  color: #2E3138;
  margin-top: 36px;
}
.target-grid .target-wrapper .target-item .target-item__label[data-v-1b9175c4] {
  font-weight: 700;
}
.target-grid .target-wrapper .target-item .target-item__value[data-v-1b9175c4] {
  padding-top: 8px;
  font-weight: 400;
}
.target-grid .target-wrapper .target-item[data-v-1b9175c4]:first-child {
  margin-top: 0;
}
.target-grid .target-wrapper .target-item .product-type-item-detail[data-v-1b9175c4] {
  display: flex;
  gap: 4px;
}
.target-grid .target-wrapper .target-item .product-type-item-detail img[data-v-1b9175c4] {
  padding-top: 8px;
}
.notifications-wrapper[data-v-1b9175c4] .lego-table .lego-table__control {
  z-index: auto;
}
.table-header-wrap[data-v-1b9175c4] {
  padding-bottom: 12px;
}
.table-header-wrap[data-v-1b9175c4]:after {
  content: "";
  clear: both;
  display: table;
}
.table-header-wrap .left-con[data-v-1b9175c4] {
  float: left;
  width: 40%;
}
.table-header-wrap .right-con[data-v-1b9175c4] {
  float: right;
  width: 60%;
  text-align: right;
}
.lego-modal__container[data-v-1b9175c4] {
  min-height: 350px;
}
.subtitle[data-v-1b9175c4] {
  padding: 10px 0 0 0;
  font-size: 16px;
  font-weight: bold;
}
.subtitle[data-v-1b9175c4]:first-child {
  padding-top: 0px;
}
.subtitle .required[data-v-1b9175c4] {
  color: rgb(255, 0, 0);
}
.event-table-wrap[data-v-1b9175c4] {
  margin-top: -24px;
}
.select-formbox-wrap[data-v-1b9175c4] {
  display: flex;
  align-content: center;
  justify-content: space-between;
}
.select-formbox-wrap .formbox-col[data-v-1b9175c4] {
  width: 100%;
  padding: 0;
}
.select-formbox-wrap .formbox-col .notifications-wrapper[data-v-1b9175c4] {
  margin-top: 24px;
}
.select-formbox-wrap .formbox-col .formbox[data-v-1b9175c4] {
  margin-bottom: 10px;
  padding: 20px 20px 10px;
  border: 1px solid #d2d3d6;
  border-radius: 3px;
}
.select-formbox-wrap .formbox-col .formbox .form-header[data-v-1b9175c4] {
  display: flex;
  align-content: center;
  justify-content: space-between;
  padding: 0 0 10px;
  border-bottom: 1px solid #d2d3d6;
}
.select-formbox-wrap .formbox-col .formbox .form-header .left-con strong[data-v-1b9175c4] {
  display: inline-block;
  padding: 0 8px 0 0;
  font-size: 14px;
  color: var(--dark);
}
.select-formbox-wrap .formbox-col .formbox .form-header .left-con em[data-v-1b9175c4] {
  display: inline-block;
  font-style: normal;
  color: #787c84;
  font-size: 12px;
}
.select-formbox-wrap .formbox-col .formbox .form-header .right-con[data-v-1b9175c4] {
  display: flex;
  align-content: center;
  justify-content: flex-end;
  text-align: right;
}
.select-formbox-wrap .formbox-col .form-row[data-v-1b9175c4] {
  display: block;
  padding: 8px 0;
}
.select-formbox-wrap .formbox-col .form-row[data-v-1b9175c4]:after {
  content: "";
  clear: both;
  display: table;
}
.select-formbox-wrap .formbox-col .form-row .form-item[data-v-1b9175c4] {
  position: relative;
  float: left;
  display: block;
  width: 50%;
  padding: 0 0 0 90px;
}
.select-formbox-wrap .formbox-col .form-row .form-item[data-v-1b9175c4]:nth-child(2) {
  text-align: right;
}
.select-formbox-wrap .formbox-col .form-row .form-item .form-label[data-v-1b9175c4] {
  position: absolute;
  top: 6px;
  left: 0;
  display: inline-block;
  width: 90px;
  text-align: left !important;
}
.page-search-bar[data-v-1b9175c4] {
  display: flex;
  align-content: center;
  justify-content: center;
  height: 50px;
  padding: 0 0 20px;
  border-bottom: 1px solid var(--silver);
}
.page-search-bar .form-col[data-v-1b9175c4] {
  display: flex;
  width: 48%;
  align-content: center;
  justify-content: flex-start;
}
.page-search-bar .form-col[data-v-1b9175c4]:last-child {
  width: 52%;
  padding-left: 20px;
}
.page-search-bar .form-col .form-item[data-v-1b9175c4] {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
}
.page-search-bar .form-col .form-item .form-label[data-v-1b9175c4] {
  width: 140px;
}
.page-search-bar .form-col .form-item .form-control[data-v-1b9175c4] {
  width: calc(100% - 140px);
}
[data-v-1b9175c4] .text-item-wrap {
  color: #2e3138;
}
[data-v-1b9175c4] .text-item-wrap .text-label,[data-v-1b9175c4] .text-item-wrap .text-field {
  color: #2e3138 !important;
}
[data-v-1b9175c4] .text-item-wrap .text-field-wrap {
  margin-top: 8px;
  padding: 0;
}
.lego-tab__label-underline[data-v-1b9175c4] {
  color: #2e3138;
  border-bottom: 1px solid #e3e4e8;
}
.lego-tab__label-underline--active[data-v-1b9175c4] {
  color: #2c5ad8;
  border-bottom-color: #2c5ad8;
}
.lego-tab__label-underline[data-v-1b9175c4]:hover {
  color: #2c5ad8 !important;
}
[data-v-1b9175c4] .lego-tab__content-wrapper {
  border-top: 1px solid #e3e4e8;
}
.tab-wrapper .tabbox-item[data-v-1b9175c4] {
  height: 54px;
  padding: 0 32px;
}
.select-formbox-wrap[data-v-1b9175c4] {
  display: flex;
  justify-content: center;
}
.select-formbox-wrap .selectbox-col[data-v-1b9175c4] {
  width: 278px;
  height: 702px;
  border-right: 1px solid rgb(227, 229, 232);
  margin: 24px 0;
}
.select-formbox-wrap .selectbox-col .height-scroll[data-v-1b9175c4] {
  height: 702px;
}
.select-formbox-wrap .formbox-col[data-v-1b9175c4] {
  width: calc(100% - 278px);
  padding: 0 0 0 24px;
}
.history-tab[data-v-1b9175c4] {
  width: 1232px;
  border-bottom: 1px solid #d2d3d6;
}
.target-grid[data-v-1b9175c4] {
  padding: 0px 20px 0px 0px;
}
.target-grid .target-item__value[data-v-1b9175c4] {
  word-break: break-word;
}
.target-grid .asg-product-name[data-v-1b9175c4] {
  background: #eef2fc;
  border-radius: 100px;
  padding: 6px;
  margin-top: 5px;
  font-size: 14px;
}
.target-grid .server-list[data-v-1b9175c4] {
  margin-top: 36px;
}
[data-v-1b9175c4] .scpm-insight-chart-container {
  width: unset !important;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/popup/MonTargetEvent.vue?vue&type=style&index=0&id=92108158&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-92108158] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-92108158]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-92108158]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-92108158] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-92108158]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.event-no-data[data-v-92108158] {
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #737a8c;
  height: 100%;
  flex-direction: column;
}
.event-no-data img[data-v-92108158] {
  margin-bottom: 12px;
}
.container-event[data-v-92108158] {
  display: block;
  width: 100%;
}
.container-event .btn-add-setting[data-v-92108158] {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  margin-bottom: 214px;
}
.container__list[data-v-92108158] {
  width: 100%;
  display: flex;
}
.container__list-event-left .lego-segment-button[data-v-92108158] .active svg path {
  fill: #2c59d9;
}
.container__list-event-left[data-v-92108158] .event-item-container .wrapper {
  margin-right: 0 !important;
}
.container__list-event-left .gr-button-list .lego-segment-wrapper[data-v-92108158] {
  margin: 0 !important;
}
.container__list-event-left .gr-button-list .lego-segment-wrapper button[data-v-92108158] {
  width: 32px;
  min-width: auto !important;
  position: relative;
}
.container__list-event-left .gr-button-list .lego-segment-wrapper button i[data-v-92108158] {
  position: absolute;
  top: 2px;
  left: 1px;
}
.container__list-event-left .gr-button-list .btn-event-level[data-v-92108158] .lego-segment-button--medium {
  min-width: 60px !important;
  width: auto !important;
}
.container__list-event-left .gr-button-list[data-v-92108158] {
  display: flex;
  justify-content: space-between;
  padding-right: 24px;
}
.container[data-v-92108158] {
  display: flex;
  flex: 1;
  padding: 16px 0px 12px 0px;
}
.container__list-event[data-v-92108158], .container__list-event-left[data-v-92108158] {
  width: 50%;
  border-right: 1px solid #e3e4e8;
}
.container__list-event .events[data-v-92108158], .container__list-event-left .events[data-v-92108158] {
  margin-top: 8px;
}
.container__list-event-left[data-v-92108158] {
  flex: 1 !important;
}
.container__detail-event[data-v-92108158] {
  width: 50%;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/popup/components/ActionAgentItem.vue?vue&type=style&index=0&id=60655a40&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-60655a40] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-60655a40]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-60655a40]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-60655a40] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-60655a40]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.agent-action[data-v-60655a40] {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.agent-action__action[data-v-60655a40] {
  width: 68px;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  font-weight: 500;
}
.agent-action__url[data-v-60655a40] {
  flex: 1;
  background: #f7f7f8;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
  padding: 12px 16px;
  width: 100%;
  overflow: auto;
}
.agent-action__url .text[data-v-60655a40] {
  color: #2e3138;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  word-break: break-word;
}
.agent-action__url .text.invalid[data-v-60655a40] {
  color: #fb4b57;
}
.agent-action__url .icon[data-v-60655a40] {
  cursor: pointer;
}
.agent-action__url .icon[data-v-60655a40]:hover .lego-icon {
  color: #22252a !important;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/popup/MontargetAgent.vue?vue&type=style&index=0&id=e9bcab42&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-e9bcab42] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-e9bcab42]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-e9bcab42]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-e9bcab42] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-e9bcab42]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.agent-container[data-v-e9bcab42] {
  padding: 16px 24px;
}
.agent-container[data-v-e9bcab42] .lego-segment-button {
  width: 132px !important;
}
.agent-container__tabs[data-v-e9bcab42] {
  margin-top: 16px;
}
.agent-container__tabs .log-setup[data-v-e9bcab42] {
  border-top: 1px solid #cfd2d8;
  padding-top: 16px;
  display: flex;
  gap: 16px;
}
.agent-container__tabs .log-action[data-v-e9bcab42] {
  width: 200px;
}
.agent-container__tabs .flex-1[data-v-e9bcab42] {
  flex: 1;
}
.agent-container__tabs .mb-8[data-v-e9bcab42] {
  margin-bottom: 8px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/cmp/cScroll/cScroll.vue?vue&type=style&index=0&id=e22c9b30&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  height: 100%;
}
.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}
.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}
.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}
.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100% !important; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
  scrollbar-width: none;
  -ms-overflow-style: none;
  outline: 0;
}
.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.simplebar-content:before,
.simplebar-content:after {
  content: " ";
  display: table;
}
.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}
.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}
.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}
.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}
[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}
.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}
.simplebar-scrollbar.simplebar-hover:before {
  background: rgba(29, 29, 31, 0.6);
}
.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: rgba(29, 29, 31, 0.2);
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 1;
  transition: opacity 0.2s linear;
}
.simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 1;
  transition: opacity 0s linear;
}
.simplebar-track.simplebar-vertical {
  top: 0;
  width: 8px;
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
  width: 6px;
}
.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
  height: 6px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}
.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}
.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/popup/MonTargetDetailPopup.vue?vue&type=style&index=0&id=25dcd595&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-25dcd595] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-25dcd595]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-25dcd595]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-25dcd595] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-25dcd595]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.modal-montarget-detail-popup[data-v-25dcd595] .modal__body {
  overflow: hidden !important;
}
.monitoring-lego-modal__body__noscr[data-v-25dcd595] .lego-modal__body__noscr {
  padding: 20px 20px 20px 20px;
}
.monitoring-lego-madal_container[data-v-25dcd595] .lego-modal__container {
  padding: 0;
  max-height: 100%;
}
.monitoring-lego-modal__body[data-v-25dcd595] .lego-modal__body {
  padding: 30px;
  height: 750px;
  max-height: 100%;
}
.monitoring-info-wrap[data-v-25dcd595] {
  box-sizing: border-box;
}
.monitoring-info-wrap .monitoring-inner-wrap[data-v-25dcd595] .simplebar-track.simplebar-vertical {
  right: 6px;
}
.monitoring-info-wrap .monitoring-inner-wrap[data-v-25dcd595] .simplebar-content {
  height: 148px;
}
.monitoring-info-section[data-v-25dcd595] {
  display: flex;
  flex-direction: column;
  gap: 36px;
  width: 100%;
}
.monitoring-info-section .left-col[data-v-25dcd595] {
  width: 50%;
}
.monitoring-info-section .right-col[data-v-25dcd595] {
  width: 50%;
}
.monitoring-target-section[data-v-25dcd595] {
  padding: 0 20px 0 0px;
}
.monitoring-metric-section[data-v-25dcd595] {
  border-top: 1px solid #e4e5e7;
  padding: 12px;
}
.lego-tab-container[data-v-25dcd595] {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.lego-tab-container .action-container[data-v-25dcd595] {
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  height: 54px;
}
[data-v-25dcd595] .accordion-list-item.monitoring-inner-wrap {
  margin-top: 0;
  width: 240px !important;
}
[data-v-25dcd595] .accordion-list-item.monitoring-inner-wrap .accordion-list-item__main {
  height: 16px !important;
  padding: 0;
  font-size: 14px;
  background-color: #fff;
}
[data-v-25dcd595] .accordion-list-item.monitoring-inner-wrap .accordion-list-item__expand {
  border: none !important;
}
[data-v-25dcd595] .accordion-list-item.monitoring-inner-wrap .accordion-list-item__expand .monitoring-info-wrap {
  border-bottom: 0;
}
[data-v-25dcd595] .c-scroll-height-detail {
  padding: 10px 20px;
}
[data-v-25dcd595] .lego-text-field.connectedvpc .lego-text-field__input {
  height: 26px !important;
}
[data-v-25dcd595] .simplebar-mask,[data-v-25dcd595] .simplebar-content {
  overflow: visible !important;
}
[data-v-25dcd595] .lego-modal__container {
  border: none;
}
[data-v-25dcd595] .mon-target-wrapper .select-formbox-wrap {
  display: flex;
  align-content: center;
  justify-content: center;
}
[data-v-25dcd595] .mon-target-wrapper .select-formbox-wrap .selectbox-col {
  width: 278px;
  height: 704px;
  border-right: 1px solid rgb(227, 229, 232);
  margin: 24px 0;
}
[data-v-25dcd595] .mon-target-wrapper .select-formbox-wrap .selectbox-col .height-scroll {
  margin: 0px 0 12px 0;
  height: 704px;
}
[data-v-25dcd595] .mon-target-wrapper .select-formbox-wrap .formbox-col {
  width: calc(100% - 278px);
  padding: 0 0 12px 24px;
}
[data-v-25dcd595] .tabbox-container .lego-tab__label {
  height: 54px;
}
[data-v-25dcd595] .text-item-wrap {
  font-family: "Noto Sans KR", Arial, sans-serif !important;
}
[data-v-25dcd595] .text-item-wrap .text-label-wrap {
  width: auto;
  height: auto;
  display: flex;
}
[data-v-25dcd595] .text-item-wrap .text-label-wrap .text-label {
  display: flex;
  width: 90%;
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #2f3237;
  font-weight: 600;
  height: auto;
}
[data-v-25dcd595] .text-item-wrap .text-field-wrap {
  width: 240px;
}
[data-v-25dcd595] .lego-tab__content-wrapper {
  border-top: 1px solid #e3e5e8;
}
[data-v-25dcd595] .lego-tab__label-underline {
  border-bottom: 0;
}
[data-v-25dcd595] .lego-tab__label-underline::after {
  bottom: 0;
  border-bottom-color: transparent;
}
[data-v-25dcd595] .lego-tab__label-underline--active:after {
  border-bottom: 2px solid #364fc7 !important;
}
[data-v-25dcd595] .range-wrap {
  right: 0;
}
[data-v-25dcd595] .lego-chip__container {
  border: none !important;
}
[data-v-25dcd595] .dev_no-data {
  max-width: 100%;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/components/messagePopup/AuthorizationCheckResultModal.vue?vue&type=style&index=0&id=353fafec&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-353fafec] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-353fafec]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-353fafec]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-353fafec] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-353fafec]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.notice-content[data-v-353fafec] {
  padding: 20px 20px 15px 0;
  word-break: break-word;
}
.notice-content .wrap[data-v-353fafec] {
  padding: 12px;
  background: #f7f7f8;
}
.notice-content .wrap_padding[data-v-353fafec] {
  padding: 0 12px 12px 12px !important;
  background: #f7f7f8;
}
.notice-content .style-item[data-v-353fafec] {
  display: flex;
  gap: 8px;
}
.notice-content .style-item .title[data-v-353fafec] {
  width: 80px;
}
.notice-content .style-item .value[data-v-353fafec] {
  flex: 1;
}
.notice-content .style-item + .style-item[data-v-353fafec] {
  margin-top: 10px;
}
.authorization-modal-wrapper[data-v-353fafec] {
  z-index: 9000 !important;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************/

body {
  height: 100% !important;
  min-height: 100%;
}
#app {
  position: relative;
  height: 100%;
  min-width: 1920px;
  min-height: 840px;
}

/*!**********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-14.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-14.use[2]!./node_modules/vue-grid-layout-v3/dist/index.css ***!
  \**********************************************************************************************************************************************************************************************/
.vue-grid-item[data-v-99aff433]{-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-transition-property:left,top,right;transition-property:left,top,right}.vue-grid-item.no-touch[data-v-99aff433]{-ms-touch-action:none;touch-action:none}.vue-grid-item.cssTransforms[data-v-99aff433]{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;left:0;right:auto}.vue-grid-item.cssTransforms.render-rtl[data-v-99aff433]{left:auto;right:0}.vue-grid-item.resizing[data-v-99aff433]{opacity:.6;z-index:3}.vue-grid-item.vue-draggable-dragging[data-v-99aff433]{-webkit-transition:none;transition:none;z-index:3}.vue-grid-item.vue-grid-placeholder[data-v-99aff433]{background:red;opacity:.2;-webkit-transition-duration:.1s;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vue-grid-item>.vue-resizable-handle[data-v-99aff433]{position:absolute;width:20px;height:20px;bottom:0;right:0;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=);background-position:bottom right;padding:0 3px 3px 0;background-repeat:no-repeat;background-origin:content-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:se-resize}.vue-grid-item>.vue-rtl-resizable-handle[data-v-99aff433]{bottom:0;left:0;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAuMDAwMDAwMDAwMDAwMDAyIiBoZWlnaHQ9IjEwLjAwMDAwMDAwMDAwMDAwMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDwhLS0gQ3JlYXRlZCB3aXRoIE1ldGhvZCBEcmF3IC0gaHR0cDovL2dpdGh1Yi5jb20vZHVvcGl4ZWwvTWV0aG9kLURyYXcvIC0tPgogPGc+CiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPgogIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSIxMiIgd2lkdGg9IjEyIiB5PSItMSIgeD0iLTEiLz4KICA8ZyBkaXNwbGF5PSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgeT0iMCIgeD0iMCIgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSIgaWQ9ImNhbnZhc0dyaWQiPgogICA8cmVjdCBmaWxsPSJ1cmwoI2dyaWRwYXR0ZXJuKSIgc3Ryb2tlLXdpZHRoPSIwIiB5PSIwIiB4PSIwIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIi8+CiAgPC9nPgogPC9nPgogPGc+CiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPgogIDxsaW5lIGNhbnZhcz0iI2ZmZmZmZiIgY2FudmFzLW9wYWNpdHk9IjEiIHN0cm9rZS1saW5lY2FwPSJ1bmRlZmluZWQiIHN0cm9rZS1saW5lam9pbj0idW5kZWZpbmVkIiBpZD0ic3ZnXzEiIHkyPSItNzAuMTc4NDA3IiB4Mj0iMTI0LjQ2NDE3NSIgeTE9Ii0zOC4zOTI3MzciIHgxPSIxNDQuODIxMjg5IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlPSIjMDAwIiBmaWxsPSJub25lIi8+CiAgPGxpbmUgc3Ryb2tlPSIjNjY2NjY2IiBzdHJva2UtbGluZWNhcD0idW5kZWZpbmVkIiBzdHJva2UtbGluZWpvaW49InVuZGVmaW5lZCIgaWQ9InN2Z181IiB5Mj0iOS4xMDY5NTciIHgyPSIwLjk0NzI0NyIgeTE9Ii0wLjAxODEyOCIgeDE9IjAuOTQ3MjQ3IiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9Im5vbmUiLz4KICA8bGluZSBzdHJva2UtbGluZWNhcD0idW5kZWZpbmVkIiBzdHJva2UtbGluZWpvaW49InVuZGVmaW5lZCIgaWQ9InN2Z183IiB5Mj0iOSIgeDI9IjEwLjA3MzUyOSIgeTE9IjkiIHgxPSItMC42NTU2NCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiM2NjY2NjYiIGZpbGw9Im5vbmUiLz4KIDwvZz4KPC9zdmc+);background-position:bottom left;padding-left:3px;background-repeat:no-repeat;background-origin:content-box;cursor:sw-resize;right:auto}.vue-grid-item.disable-userselect[data-v-99aff433]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vue-grid-layout[data-v-a10aee95]{position:relative;-webkit-transition:height .2s ease;transition:height .2s ease}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/dashboard/Dashboard.vue?vue&type=style&index=0&id=07d19755&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.monitoring-status-widget {
  z-index: 1;
}
.dashboard-container .vue-grid-item:not(.vue-grid-placeholder) {
  background: white;
  border: 1px solid #e3e4e8;
  border-radius: 8px;
}
.dashboard-container .vue-grid-item.vue-grid-placeholder {
  background: white;
  opacity: 1;
  border: 1px dashed #ccc;
  border-radius: 8px;
}
.dashboard-container .vue-grid-item .box {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.dashboard-container .vue-grid-item .box .box-header {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 60px;
  z-index: 1;
}
.dashboard-container .vue-grid-item:hover .hoverActive {
  display: inline-block !important;
}
.dashboard-container .vue-grid-item > .vue-resizable-handle {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAFVBMVEVHcEweIzIdIjEeJDEdIy8AACocIzHtmI7LAAAAB3RSTlMAZjNWKwZImWtTEgAAAEVJREFUCNdjYMAEgoKCAmCGsJGSApghJhwAkRJyNIUyWKBCQgxAIUUwAyikCJF1NIUyWIShDAZHQzDFpKQGYTACbcFiNwCTjAV4mTqT6wAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0.4;
}
.dashboard-container .content {
  height: 100%;
  padding: 0px;
}
.dashboard-container .vue-grid-item .minMax {
  font-size: 12px;
}
.dashboard-container .vue-grid-item .add {
  cursor: pointer;
}
.dashboard-container > div:nth-child(2) > div.simplebar-vertical {
  visibility: hidden !important;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/dashboard/Dashboard.vue?vue&type=style&index=1&id=07d19755&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-07d19755] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-07d19755]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-07d19755]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-07d19755] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-07d19755]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.title-area[data-v-07d19755] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  align-content: center;
}
.title-area .title[data-v-07d19755] {
  line-height: 41px;
  font-size: 22px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.46;
  letter-spacing: normal;
  text-align: left;
  color: var(--dark);
}
.title-area .action[data-v-07d19755] {
  display: flex;
  align-items: center;
}
.title-area .action > button[data-v-07d19755], .title-area .action > div[data-v-07d19755] {
  margin: 0 !important;
}
.emptyWedget[data-v-07d19755] {
  width: 100%;
  height: calc(100vh - 140px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.emptyWedget .noWidgetMessage[data-v-07d19755] {
  height: 54px;
  margin: 0 0 8px;
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 36px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: var(--dark);
}
.emptyWedget .makeWidgetMessage[data-v-07d19755] {
  height: 27px;
  margin: 8px 20px 40px;
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #848396;
}
[data-v-07d19755] .lego-segment-wrapper .lego-segment-button.lego-segment-button--medium {
  min-width: auto;
  width: 32px;
  height: 32px;
}
.lego-dropdown-refresh[data-v-07d19755] {
  position: absolute;
  top: 33px;
  right: 0;
  width: 129px;
  border: solid 1px var(--blue-with-a-hint-of-purple);
  background-color: #fff;
  z-index: 100;
}
.lego-dropdown-refresh button[data-v-07d19755] {
  display: block;
  width: 100%;
  height: 34px;
  padding: 8px 10px;
  text-align: left;
  font-size: 13px;
  color: #1f2533;
  background-color: #fff;
  border: 0;
  outline: none;
  cursor: pointer;
}
.lego-dropdown-refresh button.active[data-v-07d19755], .lego-dropdown-refresh button[data-v-07d19755]:hover {
  color: rgb(54, 79, 199);
  background-color: rgba(174, 184, 233, 0.12);
}
[data-v-07d19755] .lego-segment-button {
  path-fill: #1f2533;
  path-opacity: 0.6;
}
[data-v-07d19755] .lego-segment-button--checked path {
  fill: #364fc7;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/widget/EditWidgetPopup.vue?vue&type=style&index=0&id=37c6def2&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-37c6def2] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-37c6def2]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-37c6def2]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-37c6def2] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-37c6def2]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
[data-v-37c6def2]:root {
  --color-ui-02: #4b505b;
  --watermelon: #fb4d58;
  --color-ui-03: #61666f;
  --color-ui-05: #8e9198;
  --color-ui-06: #a5a7ad;
  --color-ui-09: #dddee0;
  --color-ui-10: #e8e8ea;
  --color-ui-11: #f3f4f4;
  --color-ui-12: #f7f7f7;
  --color-ui-13: #2e3138;
  --color-ui-14: #b4b8c0;
  --color-ui-15: #f4f4f6;
  --color-ui-16: #EFF1FB;
  --color-ui-17: #374fc8;
  --color-ui-18: #878E9B;
  --color-primary-tint-01: #eaedf9;
  --color-status-warning: #f47d23;
  --light-blue-grey: #aeb8e9;
  --greenblue: #23d89e;
  --greenblue-37C8C8: #37C8C8;
  --pale-grey: #f7f7fa;
  --silver: #bbbdc1;
  --silver-E3E5E8: #e3e5e8;
  --twilight-blue: #0a3380;
  --blue-with-a-hint-of-purple: #364fc7;
  --dark: #1f2533;
  --dark: #151a26;
  --color-border: #E3E4E8;
}
.scpm_table[data-v-37c6def2] .state_icon {
  width: 10px;
  height: 10px;
  margin: 0 8px 0 0;
  border-radius: 10px;
  display: inline-block;
}
.scpm_table[data-v-37c6def2] .state_icon.big {
  width: 16px;
  height: 16px;
  margin: 0 8px 0 0;
  border-radius: 10px;
  display: inline-block;
}
.scpm_table[data-v-37c6def2] .state_icon.started {
  background-color: #23d89e;
}
.scpm_table[data-v-37c6def2] .state_icon.running {
  background-color: #23d89e;
}
.scpm_table[data-v-37c6def2] .state_icon.down {
  background-color: #fc434e;
}
.scpm_table[data-v-37c6def2] .state_icon.stoped {
  background-color: #bbbdc1;
}
.scpm_table[data-v-37c6def2] .state_icon.default {
  background-color: #bbbdc1;
}
.icon-information-tooltip[data-v-37c6def2] {
  color: #555b68;
  cursor: pointer;
  margin-top: 1px;
}
.icon-information-tooltip[data-v-37c6def2]:hover {
  color: #1f2533;
}
.auth-error-content[data-v-37c6def2] {
  max-height: 400px;
  overflow: auto;
}
.auth-error-content[data-v-37c6def2]::-webkit-scrollbar {
  width: 8px;
}
.auth-error-content[data-v-37c6def2]::-webkit-scrollbar-thumb {
  background-color: rgba(29, 29, 31, 0.2);
  border-radius: 7px;
}
.auth-error-content[data-v-37c6def2]::-webkit-scrollbar-thumb:hover {
  background-color: rgba(29, 29, 31, 0.6);
}
.table-widget-wrapper[data-v-37c6def2] {
  width: 100%;
  height: 100%;
  border: 0px solid #d2d3d6;
  border-spacing: 0;
  padding: 24px 0px;
  display: flex;
}
.table-widget-wrapper .td-col[data-v-37c6def2] {
  width: 268px;
  flex: 0 0 auto;
}
.table-widget-wrapper .widget-setting[data-v-37c6def2] {
  width: 100%;
  max-width: 360px;
  border-right: 1px solid var(--color-border);
  width: 360px;
  flex: 0 0 auto;
}
.table-widget-wrapper .widget-setting--add[data-v-37c6def2] {
  max-width: 322px;
  width: 322px;
}
.table-widget-wrapper .widget-preview[data-v-37c6def2] {
  width: calc(100% - 360px);
  flex: 0 0 auto;
}
.table-widget-wrapper .widget-preview--add[data-v-37c6def2] {
  width: calc(100% - 590px);
}
.table-widget-wrapper[data-v-37c6def2] .c-navi .c-navi-list .c-navi-item {
  border-width: 0;
}
.table-widget-wrapper[data-v-37c6def2] .c-navi .c-navi-list .c-navi-item .c-navi-item-text {
  margin: 0 !important;
}
.table-widget-wrapper[data-v-37c6def2] .c-navi .c-navi-list .c-navi-item .c-navi-item-text .c-label {
  font-weight: 400 !important;
}
.table-widget-wrapper[data-v-37c6def2] .c-navi .c-navi-list .c-navi-item .c-navi-item-text.active .c-label {
  font-weight: 500 !important;
}
[data-v-37c6def2] .td-col {
  width: 100%;
  padding-left: 0px;
}
[data-v-37c6def2] .td-col .simplebar-content {
  width: 100% !important;
  max-width: 268px;
}
[data-v-37c6def2] .td-col .simplebar-content .c-navi-list {
  margin-top: 16px;
}
[data-v-37c6def2] .td-col .simplebar-content .c-navi-list .c-navi-items .c-navi-item {
  margin-bottom: 4px;
}
[data-v-37c6def2] .td-col .simplebar-content .c-navi-list .c-navi-items .c-navi-item:last-child {
  margin-bottom: 0px;
}
[data-v-37c6def2] .td-col .scroll_widget {
  padding: 0 16px 0 0 !important;
}
.addWidgetPopup[data-v-37c6def2] .event-status-widget .widget-list-list__name .c-label {
  cursor: default !important;
}
.addWidgetPopup[data-v-37c6def2] .c-navi-calculator {
  padding: 0;
}
.addWidgetPopup[data-v-37c6def2] .c-navi-calculator .c-navi-item-text {
  padding: 12px 16px !important;
}
.addWidgetPopup[data-v-37c6def2] .c-navi-calculator .c-navi-item-text div {
  color: #878e9b;
  font-size: 15px !important;
}
.addWidgetPopup[data-v-37c6def2] .c-navi-calculator .c-navi-item-text.active div {
  color: #374fc8;
}
.scroll_widget[data-v-37c6def2] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  box-sizing: border-box;
  color: #2c3e50;
  text-align: center;
  background-color: #fff;
  border-right: 1px solid var(--color-border);
}
.customConfig[data-v-37c6def2] .simplebar-content {
  width: 100% !important;
}
.customConfig[data-v-37c6def2] .accordion-list-item__main .item-title-sec {
  max-width: 235px;
}
.customConfig[data-v-37c6def2] .simplebar-horizontal {
  visibility: hidden !important;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/dashboard/WidegtCopyPopup.vue?vue&type=style&index=0&id=466ee0d0&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-466ee0d0] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-466ee0d0]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-466ee0d0]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-466ee0d0] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-466ee0d0]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lineContainer[data-v-466ee0d0] {
  display: flex;
  margin-top: 10px;
}
.lineContainer .lineTitle[data-v-466ee0d0] {
  width: 120px;
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: left;
  color: var(--dark);
  margin-top: 7px;
}
.lineContainer .required[data-v-466ee0d0] {
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: left;
  color: #f00;
}
.lineContainer .inputBox[data-v-466ee0d0] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
}
.lineContainer .inputBox[data-v-466ee0d0] > :first-child {
  position: relative;
}
.lineContainer .subtext[data-v-466ee0d0] {
  width: 25px;
  height: 18px;
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: right;
  color: var(--color-ui-06);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/dashboard/WidegtDeletePopup.vue?vue&type=style&index=0&id=335e303c&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-335e303c] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-335e303c]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-335e303c]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-335e303c] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-335e303c]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.textContainer[data-v-335e303c] {
  display: flex;
  margin-top: 10px;
  width: 356px;
  height: 52px;
  margin: 0px 20px 0 0;
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.86;
  letter-spacing: normal;
  text-align: left;
  color: var(--dark);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/dashboard/CustomDashboard.vue?vue&type=style&index=0&id=2882ceb8&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-2882ceb8] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-2882ceb8]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-2882ceb8]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-2882ceb8] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-2882ceb8]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.dashboard-container .vue-grid-layout[data-v-2882ceb8] {
  margin: -22px;
  z-index: 0;
}
.titleArea[data-v-2882ceb8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  gap: 20px;
  position: relative;
  z-index: 1;
}
.titleArea .title[data-v-2882ceb8] {
  line-height: 32px;
  font-size: 24px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: var(--color-ui-13);
}
.titleArea .action[data-v-2882ceb8] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  max-width: 620px;
  min-width: -moz-max-content;
  min-width: max-content;
}
.titleArea .action .buttonGroup[data-v-2882ceb8] {
  width: 100px;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  border-left: 1px solid #cfd2d8;
}
.titleArea .action .buttonGroup[data-v-2882ceb8] .lego-button--border.lego-button--primary {
  background-color: transparent;
}
.titleArea .action .buttonGroup[data-v-2882ceb8] .lego-button--border.lego-button--primary:hover {
  background-color: rgba(44, 89, 217, 0.2);
}
.titleArea .action .buttonGroup[data-v-2882ceb8] .lego-button--border.lego-button--primary .opus-icon--thick-stroke {
  stroke: #2c59d9;
}
.titleArea .action .buttonGroup[data-v-2882ceb8] .lego-button--border.lego-button--primary svg {
  fill: #2c59d9;
}
.emptyWedget[data-v-2882ceb8] {
  width: 100%;
  height: calc(100vh - 180px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.emptyWedget--notDashboard[data-v-2882ceb8] {
  height: calc(100vh - 120px);
}
.emptyWedget .noWidgetMessage[data-v-2882ceb8] {
  height: 40px;
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 36px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 40px;
  letter-spacing: normal;
  text-align: center;
  color: var(--color-ui-13);
  margin-top: 48px;
}
.emptyWedget .makeWidgetMessage[data-v-2882ceb8] {
  height: 40px;
  margin-top: 16px;
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 40px;
  letter-spacing: normal;
  text-align: center;
  color: #555b68;
}
.emptyWedget[data-v-2882ceb8] .lego-button--solid.lego-button--primary {
  font-weight: 400;
  font-size: 15px;
  line-height: 16px;
  margin-top: 48px;
}
[data-v-2882ceb8] .lego-segment-wrapper .lego-segment-button.lego-segment-button--medium {
  min-width: auto;
  width: 32px;
  height: 32px;
}
.lego-dropdown-refresh[data-v-2882ceb8] {
  position: absolute;
  top: 33px;
  right: 0;
  width: 129px;
  border: solid 1px var(--blue-with-a-hint-of-purple);
  background-color: #fff;
  z-index: 100;
}
.lego-dropdown-refresh button[data-v-2882ceb8] {
  display: block;
  width: 100%;
  height: 34px;
  padding: 8px 10px;
  text-align: left;
  font-size: 13px;
  color: #1f2533;
  background-color: #fff;
  border: 0;
  outline: none;
  cursor: pointer;
}
.lego-dropdown-refresh button.active[data-v-2882ceb8], .lego-dropdown-refresh button[data-v-2882ceb8]:hover {
  color: rgb(54, 79, 199);
  background-color: rgba(174, 184, 233, 0.12);
}
[data-v-2882ceb8] .lego-segment-button {
  path-fill: #1f2533;
  path-opacity: 0.6;
}
[data-v-2882ceb8] .lego-segment-button--checked path {
  fill: #364fc7;
}
[data-v-2882ceb8] .dropdown-group .lego-dropdown-check-wrap + .lego-drop-holder {
  margin-left: 0 !important;
}
[data-v-2882ceb8] .dropdown-group .lego-dropdown-check-wrap + .lego-drop-holder > div {
  display: block !important;
  min-height: 0px !important;
}
[data-v-2882ceb8] .lego-dropdown-menu {
  border-radius: 4px !important;
  overflow: hidden;
}
[data-v-2882ceb8] .lego-dropdown-menu .lego-dropdown__items {
  background-color: transparent;
}
[data-v-2882ceb8] .status-metric-widget .widget-header {
  height: unset !important;
  min-height: unset !important;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/lego-component/components/element/legoDateTimePicker/legoDateTimePicker.vue?vue&type=style&index=0&id=47400fd8&scoped=true&lang=css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.lego-time-picker[data-v-47400fd8] {
  width: 60px;
  min-width: 60px;
  margin: 0 0 0 5px;
  overflow: hidden;
}
.lego-time-picker .lego-text-field[data-v-47400fd8] {
  min-width: 60px;
}

/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-14.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-14.use[2]!./src/lego-component/directives/legoTooltip/styles.css ***!
  \****************************************************************************************************************************************************************************************************/
.scp-tooltip {
    padding: 4px 8px;
    background: #1f2533;
    border: solid 1px #787c84;
    color: #ffffff;
    position: fixed;
    top: 0;
    left: 0;
    font-size: 12px;
    line-height: 20px;
    font-family: "Noto Sans KR", Arial, sans-serif;
    z-index: 99999;
    min-height: 26px;
    max-width: 400px;
    word-wrap: break-word;
    word-break: break-all;
    white-space: pre-wrap;
}

.scp-tooltip[scp-tooltip-lineclamp] {
    display: -webkit-box;
    /* -webkit-line-clamp: 3; */
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: pre-wrap;
    text-overflow: ellipsis;

}

.scp-tooltip[tooltip-timer='on'] {
    visibility: visible;
}

.scp-tooltip[tooltip-timer='off'] {
    visibility: hidden;
}

.scp-tooltip:empty {
    padding: 0;
    min-height: 0;
    max-width: 0;
    display: none;
}
.scp-asg{
    white-space: normal !important;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoAccordionItem.vue?vue&type=style&index=0&id=02eb5af3&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-02eb5af3] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-02eb5af3]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-02eb5af3]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-02eb5af3] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-02eb5af3]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.accordion-list-item[data-v-02eb5af3] {
  border: 1px solid #d2d3d6;
  background-color: #ffffff;
}
.accordion-list-item + .accordion-list-item[data-v-02eb5af3] {
  margin-top: 6px;
}
.accordion-list-item__main[data-v-02eb5af3] {
  display: flex;
  align-items: center;
  padding: 0 8px 0 16px;
  cursor: pointer;
}
.accordion-list-item__main:hover .item-title-sec[data-v-02eb5af3] {
  color: #2C59D9;
}
.accordion-list-item__main[data-v-02eb5af3]:hover .lego-icon {
  color: #2C59D9;
}
.accordion-list-item__main .lego-checkbox[data-v-02eb5af3],
.accordion-list-item__main .lego-radio[data-v-02eb5af3] {
  flex: none;
  margin-right: 8px;
}
.accordion-list-item__main .lego-checkbox:hover + .item-title-sec[data-v-02eb5af3],
.accordion-list-item__main .lego-radio:hover + .item-title-sec[data-v-02eb5af3] {
  color: inherit;
}
[data-v-02eb5af3] .accordion-list-item__main .lego-checkbox:hover + .item-title-sec + .expand-icon .lego-icon,[data-v-02eb5af3] .accordion-list-item__main .lego-radio:hover + .item-title-sec + .expand-icon .lego-icon {
  color: rgba(31, 37, 51, 0.6);
}
.accordion-list-item__main .item-title-sec[data-v-02eb5af3] {
  flex: 1 1 auto;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.accordion-list-item__main .expand-icon[data-v-02eb5af3] {
  cursor: pointer;
  padding: 10px;
}
.accordion-list-item__main .expand-icon[data-v-02eb5af3] .lego-icon {
  vertical-align: middle;
}
[data-v-02eb5af3] .accordion-list-item__main .expand-icon.open .lego-icon {
  transform: rotate(-180deg);
}
.accordion-list-item__expand[data-v-02eb5af3] {
  border-top: 1px solid #d2d3d6;
  margin: 0 20px;
  padding: 8px 12px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoTreeTable.vue?vue&type=style&index=0&id=088472c8&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-tree-table .lego-table__area .lego-table__body td.lego-table__cell--children {
  padding: 0;
}
.lego-tree-table .lego-table__area .lego-table__body td.lego-table__cell--children .lego-table td:not(.lego-table__cell--children) {
  padding-left: 16px;
}
.lego-tree-table .lego-table__area .lego-table__body td.lego-table__cell--children .lego-table .lego-table__area-wrapper {
  border-top: 0;
  border-bottom: 0;
}
.lego-tree-table .lego-table__area .lego-table__body td .td-inner {
  position: relative;
}
.lego-tree-table .lego-table__area .lego-table__body td .opus-icon__arrow_down {
  position: absolute;
  top: 3px;
  left: -22px;
  font-size: 12px;
  margin-right: 10px;
  transform: rotate(-90deg);
  transition: all 0.1s;
  cursor: pointer;
}
.lego-tree-table .lego-table__area .lego-table__body tr.children-opened .opus-icon__arrow_down {
  transform: rotate(0deg);
}
.lego-tree-table .lego-table__area .lego-table__body tr.has-children {
  cursor: pointer;
}
.lego-tree-table .lego-table__area .lego-table__body tr.depth_1 {
  cursor: default;
}
.lego-tree-table .lego-table__area .lego-table__body tr.depth_1 td {
  color: rgb(86.2, 122.2, 224.6);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoChipExtend.vue?vue&type=style&index=0&id=2b6144be&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-2b6144be] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-2b6144be]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-2b6144be]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-2b6144be] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-2b6144be]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-chip__container .lego-chip__slot[data-v-2b6144be] {
  margin: 0;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.lego-chip__container.lego-chip__container-disabled[data-v-2b6144be] {
  pointer-events: none;
  opacity: 0.6;
  color: #bbbdc1;
  border: solid 1px rgb(212.8, 221.8, 247.4);
  background-color: rgb(233.9, 238.4, 251.2);
}
.lego-chip__container:not(.lego-chip__container-compact).lego-chip__container-medium[data-v-2b6144be] {
  min-width: 60px;
  padding: 0 16px;
}
.lego-chip__container:not(.lego-chip__container-compact).lego-chip__container-small[data-v-2b6144be] {
  min-width: 48px;
  padding: 0 8px;
}
.lego-chip__container:not(.lego-chip__container-compact).lego-chip__container-xsmall[data-v-2b6144be] {
  min-width: 40px;
  padding: 0 8px;
  border-radius: 20px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
}
.lego-chip__container.lego-chip__container-filter-is-selected[data-v-2b6144be] {
  cursor: pointer;
}
.lego-chip__container.lego-chip__container-filter-is-selected[data-v-2b6144be]:not(.lego-chip__container-filter-selected):hover {
  background-color: rgb(212.8, 221.8, 247.4);
}
.lego-chip__container.lego-chip__container-filter-is-selected[data-v-2b6144be]:not(.lego-chip__container-filter-selected):active {
  background-color: rgb(170.6, 188.6, 239.8);
}
.lego-chip__container.lego-chip__container-filter-selected[data-v-2b6144be] {
  background-color: #2C59D9;
  color: #ffffff;
  border-color: #2C59D9;
}
.lego-chip__container.lego-chip__container-filter-selected[data-v-2b6144be] .lego-chip__close {
  color: #ffffff;
}
.lego-chip__container[data-v-2b6144be] {
  background-color: rgb(233.9, 238.4, 251.2);
  border: 1px solid rgb(212.8, 221.8, 247.4);
}
.lego-chip__container-normal[data-v-2b6144be] {
  background-color: rgb(233.9, 238.4, 251.2);
}
.lego-chip__container-thick[data-v-2b6144be] {
  background-color: #2C59D9;
  color: #ffffff;
  border: #2C59D9;
}
.lego-chip__container-light[data-v-2b6144be] {
  background-color: rgb(233.9, 238.4, 251.2);
  color: #2C59D9;
}
.lego-chip__container-status[data-v-2b6144be] {
  border: 0;
}
.lego-chip__container-success[data-v-2b6144be] {
  background-color: #23d89e;
}
.lego-chip__container-success[data-v-2b6144be]:before {
  background-color: #23d89e;
}
.lego-chip__container-error[data-v-2b6144be] {
  background-color: #fc434e;
}
.lego-chip__container-error[data-v-2b6144be]:before {
  background-color: #fc434e;
}
.lego-chip__container-processing[data-v-2b6144be] {
  background-color: #5fc8ff;
}
.lego-chip__container-processing[data-v-2b6144be]:before {
  background-color: #5fc8ff;
}
.lego-chip__container-default[data-v-2b6144be] {
  background-color: #d2d3d6;
}
.lego-chip__container-default[data-v-2b6144be]:before {
  background-color: #d2d3d6;
}
.lego-chip__container-warning[data-v-2b6144be] {
  background-color: #ff8c36;
}
.lego-chip__container-warning[data-v-2b6144be]:before {
  background-color: #ff8c36;
}
.lego-chip__container-compact[data-v-2b6144be] {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  height: inherit;
  background-color: transparent;
}
.lego-chip__container-compact[data-v-2b6144be]:before {
  content: "";
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
  border-radius: 50%;
}
.lego-chip__container-compact .lego-chip__slot[data-v-2b6144be] {
  color: #5a5a5a;
  margin: 0 0 0 6px;
}
[data-v-2b6144be] .lego-chip__close {
  color: rgba(0, 0, 0, 0.6);
}
[data-v-2b6144be] .lego-chip__close-medium {
  margin: 0 0 0 8px;
  font-size: 16px;
}
[data-v-2b6144be] .lego-chip__close-disabled {
  color: #cccccc;
  cursor: default;
  pointer-events: none;
}
[data-v-2b6144be] .lego-chip__close-hover {
  color: #333333;
  background: none;
}
.lego-chip-wrapper__item[data-v-2b6144be] {
  margin-bottom: 12px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoModalExtend.vue?vue&type=style&index=0&id=77bbdc9f&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-77bbdc9f] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-77bbdc9f]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-77bbdc9f]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-77bbdc9f] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-77bbdc9f]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-modal.fix-size .lego-modal__container--wrapper[data-v-77bbdc9f] {
  justify-content: inherit;
}
.lego-modal.fix-size .lego-modal__container[data-v-77bbdc9f] {
  flex: 0 0 auto;
  margin: 0 auto;
}
.lego-modal__head[data-v-77bbdc9f] {
  position: static;
  padding: 24px 0 8px;
  margin: 0 32px;
  height: auto;
  border-bottom: 1px solid #bbbdc1;
}
.lego-modal[data-v-77bbdc9f] .lego-modal__close.lego-icon {
  top: 34px;
}
.lego-modal__title[data-v-77bbdc9f] {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}
.lego-modal__close.lego-icon[data-v-77bbdc9f] {
  top: 33px;
  font-size: 24px;
}
.lego-modal__container[data-v-77bbdc9f] {
  padding: 0;
  max-height: 80%;
}
.lego-modal__body[data-v-77bbdc9f] {
  margin: 0;
  padding: 20px 32px 22px 52px;
}
.lego-modal__body.lego-modal__body__confirm[data-v-77bbdc9f], .lego-modal__body.lego-modal__body__alert[data-v-77bbdc9f], .lego-modal__body.lego-modal__body__noscr[data-v-77bbdc9f] {
  padding: 20px 52px 20px 52px;
}
.lego-modal__body.lego-modal__body__unset[data-v-77bbdc9f] {
  padding: 0px;
}
.lego-modal__body[data-v-77bbdc9f] {
  min-height: 104px;
}
.lego-modal__body .modal-scroll[data-v-77bbdc9f] {
  min-height: 64px;
}
.lego-modal__body .modal-scroll[data-v-77bbdc9f] .simplebar-content {
  width: calc(100% - 20px);
}
.lego-modal__body .modal-scroll[data-v-77bbdc9f] .lego-dropdown .simplebar-content {
  width: 100%;
}
.lego-modal__body .modal-scroll[data-v-77bbdc9f] .dropdown-submenu .simplebar-content {
  width: 100%;
}
.lego-modal__body ~ .lego-modal__foot[data-v-77bbdc9f] {
  margin-top: 0;
  background-color: transparent;
}
.lego-modal__body .text-content[data-v-77bbdc9f] {
  word-break: keep-all;
}
.lego-modal__foot[data-v-77bbdc9f] {
  position: relative;
  height: auto;
  padding: 20px 0 24px;
  margin: 0 32px;
  border-top: 1px solid #bbbdc1;
}
.lego-modal__container--xsmall[data-v-77bbdc9f] {
  width: 464px;
}
.lego-modal-focus__end[data-v-77bbdc9f],
.lego-modal-focus__start[data-v-77bbdc9f] {
  opacity: 0;
}
.subtitle[data-v-77bbdc9f] {
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  color: #a5a5a5;
  vertical-align: text-top;
  line-height: inherit;
  padding: 0 0 0 4px;
  margin: -3px 0 0 0;
  display: inline-block;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoPaginationExtend.vue?vue&type=style&index=0&id=43e5268c&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-43e5268c] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-43e5268c]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-43e5268c]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-43e5268c] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-43e5268c]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-pagination[data-v-43e5268c] {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.lego-pagination .lego-pagination__number[data-v-43e5268c] {
  width: inherit;
  padding: 0 8px;
}
.lego-pagination[data-v-43e5268c] .lego-pagination__left-icon,
.lego-pagination[data-v-43e5268c] .lego-pagination__right-icon {
  transform: rotate(0deg);
}
.lego-pagination .lego-pagination__icon--disable[data-v-43e5268c] .lego-icon {
  color: rgba(31, 37, 51, 0.2);
}
.lego-pagination .lego-pagination__icon--hide[data-v-43e5268c] {
  display: none;
}
.lego-pagination .lego-pagination__navi[data-v-43e5268c]:hover {
  background: none;
}
.lego-pagination .lego-pagination__navi[data-v-43e5268c]:hover .lego-icon {
  color: #1f2533;
}
.lego-pagination .lego-pagination__number[data-v-43e5268c]:active {
  color: #2C59D9;
  font-weight: 700;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoPaginationExtendV2.vue?vue&type=style&index=0&id=1f995628&scoped=true&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-1f995628] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-1f995628]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-1f995628]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-1f995628] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-1f995628]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-pagination[data-v-1f995628] {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  gap: 24px;
}
.lego-pagination .lego-pagination__navi[data-v-1f995628] {
  width: auto;
  margin: 0;
  color: #2E3138;
}
.lego-pagination .lego-pagination__navi .lego-icon[data-v-1f995628] {
  color: #2E3138;
}
.lego-pagination[data-v-1f995628] .lego-pagination__left-icon,
.lego-pagination[data-v-1f995628] .lego-pagination__right-icon {
  transform: rotate(0deg);
}
.lego-pagination .lego-pagination__icon--disable[data-v-1f995628] .lego-icon {
  color: rgba(31, 37, 51, 0.2);
}
.lego-pagination .lego-pagination__icon--hide[data-v-1f995628] {
  display: none;
}
.lego-pagination .lego-pagination__navi[data-v-1f995628]:hover {
  background: none;
  color: #000000;
}
.lego-pagination .lego-pagination__navi:hover .lego-icon[data-v-1f995628] {
  color: #000000;
}
.lego-pagination .lego-pagination__number[data-v-1f995628]:active {
  color: #2C59D9;
  font-weight: 700;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoTableExtend.vue?vue&type=style&index=0&id=10142f00&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-10142f00] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-10142f00]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-10142f00]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-10142f00] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-10142f00]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-table[data-v-10142f00] {
  overflow: visible;
}
.lego-table .table-guide[data-v-10142f00] {
  overflow: hidden;
  position: relative;
}
.lego-table .table-guide .lego-table__resize-line[data-v-10142f00] {
  border-left: 1px solid rgba(0, 0, 0, 0.6);
  z-index: 1001;
}
.lego-table .sc-container-table__action + .lego-button[data-v-10142f00] {
  margin-left: 8px;
}
.lego-table-permission[data-v-10142f00] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: #fafbfd;
  border-top: 1px solid #8e9198;
  color: rgba(51, 51, 51, 0.4);
  font-size: 14px;
  font-weight: 500;
}
.lego-table-permission-cursor > span[data-v-10142f00] {
  cursor: pointer;
}
.lego-table-permission-cursor > span[data-v-10142f00]:hover {
  text-decoration: underline;
}
.lego-table-permission > span[data-v-10142f00] {
  text-align: center;
  white-space: pre-wrap;
}
.lego-table .set-scroll[data-v-10142f00] {
  overflow: overlay;
}
.lego-table .set-scroll[data-v-10142f00]::-webkit-scrollbar {
  width: 20px;
}
.lego-table .set-scroll[data-v-10142f00]::-webkit-scrollbar-thumb {
  background-color: rgba(152, 152, 152, 0.4);
  border-radius: 9px;
  background-clip: padding-box;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.lego-table .set-scroll[data-v-10142f00]::-webkit-scrollbar-thumb:hover {
  background-color: rgba(152, 152, 152, 0.8);
}
.lego-table .set-scroll[data-v-10142f00]::-webkit-scrollbar-track {
  background-color: transparent;
}
.lego-table .set-scroll[data-v-10142f00]::-webkit-scrollbar-corner {
  background-color: transparent;
}
.lego-table .set-scroll[data-v-10142f00]::-webkit-scrollbar {
  width: 6px;
}
.lego-table .set-scroll[data-v-10142f00]::-webkit-scrollbar-thumb {
  background-color: rgba(152, 152, 152, 0.4);
  border-radius: 5px;
  background-clip: padding-box;
  border-left: 7px solid transparent;
  border-right: 0px solid transparent;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.lego-table .set-scroll[data-v-10142f00]::-webkit-scrollbar-thumb:hover {
  background-color: rgba(152, 152, 152, 0.8);
}
.lego-table .set-scroll[data-v-10142f00] {
  overflow-x: auto;
}
.lego-table .hiden-scroll-x[data-v-10142f00] {
  overflow-x: hidden;
}
.lego-table__top[data-v-10142f00] {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.lego-table__top .lego-table__action[data-v-10142f00] {
  position: relative;
}
.lego-table__top .lego-table__action-none[data-v-10142f00]:before {
  display: none !important;
}
.lego-table__top .lego-table__action[data-v-10142f00]:before {
  content: "";
  height: 10px;
  width: 1px;
  background-color: #bbbdc1;
  display: inline-block;
  margin-right: 8px;
}
.lego-table__top .sc-refresh-btn[data-v-10142f00] {
  display: flex;
  align-items: center;
}
.lego-table__top .sc-refresh-btn .sc-icon[data-v-10142f00] {
  margin-left: 0;
  opacity: 0.8;
  cursor: pointer;
}
.lego-table__top .sc-refresh-btn .sc-icon[data-v-10142f00]:hover {
  opacity: 1;
}
.lego-table__top .sc-refresh-btn-with .sc-icon[data-v-10142f00] {
  margin-left: 8px;
}
.lego-table__top .lego-table__title[data-v-10142f00] {
  height: 32px;
}
.lego-table__top .left-divider[data-v-10142f00]:before {
  position: relative;
  display: inline-block;
  margin: 0 8px;
  border-left: 1px solid #bbbdc1;
}
.lego-table .lego-table__control[data-v-10142f00] {
  height: inherit;
  flex: 1;
  z-index: 1001;
}
.lego-table .lego-table__control--product[data-v-10142f00] {
  background: var(--color-primary-tint01);
  border-radius: 6px;
  height: 80px;
  display: flex;
  align-items: center;
  padding: 0 40px;
  margin-bottom: 12px;
}
.lego-table .lego-table__control--product .selected-info[data-v-10142f00] {
  margin-right: 20px;
}
.lego-table .lego-table__counter[data-v-10142f00] {
  margin-right: 8px;
}
.lego-table .lego-table__counter__total b[data-v-10142f00] {
  color: var(--color-ui-ui01);
}
.lego-table .lego-table__counter .lego-table__action-selected[data-v-10142f00] {
  display: flex;
  align-items: center;
  margin-right: 0;
  font-weight: 700;
}
.lego-table .lego-table__counter .lego-table__action-selected .deselect-btn[data-v-10142f00] {
  color: #a5a7ad;
  cursor: pointer;
  margin-left: 8px;
  font-weight: 400;
  line-height: 18px;
  border-bottom: 1px solid #a5a7ad;
}
.lego-table .lego-table__counter .lego-table__action-selected .deselect-btn[data-v-10142f00]:hover, .lego-table .lego-table__counter .lego-table__action-selected .deselect-btn[data-v-10142f00]:active {
  color: #1f2533;
  border-bottom: 1px solid #1f2533;
}
.lego-table__counter__per-page[data-v-10142f00] .lego-dropdown__title {
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
}
.lego-table__counter__per-page[data-v-10142f00] .lego-dropdown__title .lego-dropdown__title-icon {
  margin-left: 6px;
}
.lego-table__counter__per-page[data-v-10142f00] .lego-dropdown__title:focus::before {
  display: none;
}
.lego-table .lego-table__area-wrapper[data-v-10142f00] {
  position: relative;
  border-top: 1px solid #bbbdc1;
  border-bottom: 1px solid #8e9198;
}
.lego-table .lego-table__area-wrapper[data-v-10142f00] .simplebar-offset {
  width: 100%;
}
.lego-table .lego-table__area-wrapper[data-v-10142f00] .simplebar-track.simplebar-vertical {
  background: #ffffff;
}
.lego-table .lego-table__area[data-v-10142f00] {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  table-layout: fixed;
}
.lego-table .lego-table__area .lego-table__header tr.lego-table__header__row[data-v-10142f00] {
  border-top: 0;
  border-bottom: 0;
}
.lego-table .lego-table__area .lego-table__header tr.lego-table__header__row .lego-table__th[data-v-10142f00] {
  position: relative;
}
.lego-table .lego-table__area .lego-table__header tr.lego-table__header__row .lego-table__th-cell[data-v-10142f00] {
  word-break: keep-all;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  max-width: 100%;
  overflow: hidden;
}
.lego-table .lego-table__area .lego-table__header tr.lego-table__header__row .lego-table__th-cell.remove-evt[data-v-10142f00] {
  pointer-events: none;
}
.lego-table .lego-table__area .lego-table__header tr.lego-table__header__row .lego-table__th-cell > .sc-icon[data-v-10142f00] {
  cursor: pointer;
  margin-left: 4px;
  display: inline-block;
  height: 16px;
  width: 16px;
  position: relative;
  top: 1px;
  flex: 0 0 16px;
}
.lego-table .lego-table__area .lego-table__header tr.lego-table__header__row .lego-table__th-cell > .sc-icon.lego-table__icon-sort[data-v-10142f00] {
  height: 28px;
  font-size: 16px;
  line-height: 24px;
  vertical-align: middle;
}
.lego-table .lego-table__area .lego-table__header tr.lego-table__header__row .lego-table__th-cell > .sc-icon.lego-table__icon-sort[data-v-10142f00] svg {
  vertical-align: middle;
}
.lego-table .lego-table__area .lego-table__header tr.lego-table__header__row .lego-table__th.lego-table__col__min[data-v-10142f00] {
  background-color: var(--color-ui-ui10);
}
.lego-table .lego-table__area .lego-table__header[data-v-10142f00] th {
  border-right: 1px solid #d2d3d6;
  background: #f8f8fb;
}
.lego-table .lego-table__area .lego-table__header[data-v-10142f00] th:last-child, .lego-table .lego-table__area .lego-table__header[data-v-10142f00] th.not-line {
  border-right: 0;
}
.lego-table .lego-table__area .lego-table__header[data-v-10142f00] th .lego-table__header-resize {
  z-index: 1;
  position: absolute;
  top: 0;
  right: -2px;
  width: 4px;
  height: 100vh;
  cursor: w-resize;
}
.lego-table .lego-table__area .lego-table__header[data-v-10142f00] th .lego-table__header-resize:hover {
  background-color: #d2d3d6;
}
.lego-table .lego-table__area .lego-table__header[data-v-10142f00] .lego-table__icon-sort {
  font-size: 16px;
  vertical-align: middle;
  margin-top: -2px;
}
.lego-table .lego-table__area .lego-table__header[data-v-10142f00] .lego-table__icon-sort:not(.lego-table__icon-sort--selected) {
  color: #787c84;
}
.lego-table .lego-table__area .lego-table__header[data-v-10142f00] .lego-table__icon-infor {
  opacity: 0.6;
  position: relative;
  top: -1px;
  margin-left: 4px;
}
.lego-table .lego-table__area .lego-table__header[data-v-10142f00] .lego-table__icon-infor:hover {
  opacity: 1;
}
.lego-table .lego-table__area .lego-table__header .infor-icon-container + .lego-table__icon-sort[data-v-10142f00] {
  margin-left: 0;
}
.lego-table .lego-table__area .lego-table__header .lego-table__icon-required[data-v-10142f00] {
  margin-left: 4px;
  color: #fc434e;
}
.lego-table .lego-table__area .lego-table__header-custom-single > tr[data-v-10142f00] {
  height: 28px;
}
.lego-table .lego-table__area .lego-table__header-custom.lego-table__header-multi-row th[colspan][data-v-10142f00] {
  border-bottom: 1px solid #d2d3d6;
}
.lego-table .lego-table__area .lego-table__header-custom.lego-table__header-multi-row th[data-v-10142f00] {
  height: 30px;
  overflow: hidden;
}
.lego-table .lego-table__area .lego-table__header-custom.lego-table__header-multi-row th.lego-table__col__min[data-v-10142f00] {
  background-color: var(--color-ui-ui10);
}
.lego-table .lego-table__area .lego-table__header-custom.lego-table__header-multi-row tr:nth-child(n+2) th[data-v-10142f00]:last-child {
  border-right: 1px solid #d2d3d6;
}
.lego-table .lego-table__area .lego-table__body td[data-v-10142f00] {
  border-bottom: 1px solid #d2d3d6;
  background: #fff;
  border-right: 0px solid transparent;
}
.lego-table .lego-table__area .lego-table__body td.lego-table__col__min[data-v-10142f00] {
  background-color: var(--color-ui-ui10);
}
.lego-table .lego-table__area .lego-table__body td[data-v-10142f00]:not(.expand-btn) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lego-table .lego-table__area .lego-table__body td[data-v-10142f00]:last-child {
  border-right: 0;
}
.lego-table .lego-table__area .lego-table__body td > a[data-v-10142f00] {
  color: #2C59D9;
}
.lego-table .lego-table__area .lego-table__body td > a.link[data-v-10142f00] {
  text-decoration: underline;
  cursor: pointer;
}
.lego-table .lego-table__area .lego-table__body td .value[data-v-10142f00] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lego-table .lego-table__area .lego-table__body tr[data-v-10142f00] {
  border-bottom: 0;
}
.lego-table .lego-table__area .lego-table__body tr:last-child:not(.row-border-bottom) > td[data-v-10142f00] {
  border-bottom: 0;
}
.lego-table .lego-table__area .lego-table__body tr[data-v-10142f00]:hover {
  background: none;
}
.lego-table .lego-table__area .lego-table__body tr:hover td[data-v-10142f00] {
  background: #eef2fc;
}
.lego-table .lego-table__area .lego-table__body tr.lego-table__selected td[data-v-10142f00] {
  background: #e1e8fa;
}
.lego-table .lego-table__area .lego-table__body tr.lego-table__selected td[data-v-10142f00] .more-action-icon {
  display: none;
}
.lego-table .lego-table__area .lego-table__body tr.row-hover[data-v-10142f00] {
  cursor: pointer;
}
.lego-table .lego-table__area .lego-table__body tr.row-hover:hover:not(.lego-table__selected) td[data-v-10142f00] {
  background: #eef2fc;
}
.lego-table .lego-table__area .lego-table__body tr .lego-table__cell-checker[data-v-10142f00] {
  pointer-events: none;
  text-overflow: inherit;
}
.lego-table .lego-table__area .lego-table__body tr .lego-table__cell-checker:not(.cell-checker--disabeld) .lego-input[data-v-10142f00] {
  pointer-events: auto;
}
.lego-table .lego-table__area .lego-table__body.column-border td[data-v-10142f00] {
  border-right: 1px solid #d2d3d6;
}
.lego-table .lego-table__area .lego-table__body.column-border td[data-v-10142f00]:last-child {
  border-right: 0;
}
.lego-table .lego-table__area .lego-table__header th[data-v-10142f00],
.lego-table .lego-table__area .lego-table__body th[data-v-10142f00] {
  font-size: 12px;
}
.lego-table .lego-table__area .lego-table__header th.fixed__cell-left[data-v-10142f00], .lego-table .lego-table__area .lego-table__header th.fixed__cell-right[data-v-10142f00],
.lego-table .lego-table__area .lego-table__body th.fixed__cell-left[data-v-10142f00],
.lego-table .lego-table__area .lego-table__body th.fixed__cell-right[data-v-10142f00] {
  position: sticky !important;
  z-index: 9;
}
.lego-table .lego-table__area .lego-table__header th.fixed__cell-left[data-v-10142f00],
.lego-table .lego-table__area .lego-table__body th.fixed__cell-left[data-v-10142f00] {
  left: 0;
  border-right: 1px solid #bbbdc1;
}
.lego-table .lego-table__area .lego-table__header th.fixed__cell-left--last[data-v-10142f00],
.lego-table .lego-table__area .lego-table__body th.fixed__cell-left--last[data-v-10142f00] {
  border-right: 1px solid #bbbdc1;
}
.lego-table .lego-table__area .lego-table__header th.fixed__cell-right[data-v-10142f00],
.lego-table .lego-table__area .lego-table__body th.fixed__cell-right[data-v-10142f00] {
  right: 0;
}
.lego-table .lego-table__area .lego-table__header th.fixed__cell-right--first[data-v-10142f00],
.lego-table .lego-table__area .lego-table__body th.fixed__cell-right--first[data-v-10142f00] {
  border-left: 1px solid #bbbdc1;
}
.lego-table .lego-table__area .lego-table__header th.fixed__cell-right.fixed__cell-line.expand-btn[data-v-10142f00],
.lego-table .lego-table__area .lego-table__body th.fixed__cell-right.fixed__cell-line.expand-btn[data-v-10142f00] {
  border-left: 1px solid #bbbdc1;
}
.lego-table .lego-table__area .lego-table__header th.fixed__cell-right + .expand-btn[data-v-10142f00],
.lego-table .lego-table__area .lego-table__body th.fixed__cell-right + .expand-btn[data-v-10142f00] {
  border-left: 0 !important;
}
.lego-table .lego-table__area .lego-table__header td.fixed__cell-left[data-v-10142f00], .lego-table .lego-table__area .lego-table__header td.fixed__cell-right[data-v-10142f00],
.lego-table .lego-table__area .lego-table__body td.fixed__cell-left[data-v-10142f00],
.lego-table .lego-table__area .lego-table__body td.fixed__cell-right[data-v-10142f00] {
  position: sticky !important;
  z-index: 9;
}
.lego-table .lego-table__area .lego-table__header td.fixed__cell-left[data-v-10142f00],
.lego-table .lego-table__area .lego-table__body td.fixed__cell-left[data-v-10142f00] {
  left: 0;
  border-right: var(--10142f00-fixColumnBorder);
}
.lego-table .lego-table__area .lego-table__header td.fixed__cell-left--last[data-v-10142f00],
.lego-table .lego-table__area .lego-table__body td.fixed__cell-left--last[data-v-10142f00] {
  border-right: var(--10142f00-fixColumnBorder);
}
.lego-table .lego-table__area .lego-table__header td.fixed__cell-right[data-v-10142f00],
.lego-table .lego-table__area .lego-table__body td.fixed__cell-right[data-v-10142f00] {
  right: 0;
}
.lego-table .lego-table__area .lego-table__header td.fixed__cell-right--first[data-v-10142f00],
.lego-table .lego-table__area .lego-table__body td.fixed__cell-right--first[data-v-10142f00] {
  border-left: var(--10142f00-fixColumnBorder);
}
.lego-table .lego-table__area .lego-table__header td.fixed__cell-right.fixed__cell-line.expand-btn[data-v-10142f00],
.lego-table .lego-table__area .lego-table__body td.fixed__cell-right.fixed__cell-line.expand-btn[data-v-10142f00] {
  border-left: 1px solid #bbbdc1;
}
.lego-table .lego-table__area .lego-table__header td.fixed__cell-right + .expand-btn[data-v-10142f00],
.lego-table .lego-table__area .lego-table__body td.fixed__cell-right + .expand-btn[data-v-10142f00] {
  border-left: 0 !important;
}
.lego-table .header-table[data-v-10142f00] {
  position: relative;
  background-color: #f7f7f7;
  border-top: 1px solid #8e9198;
  overflow: hidden;
}
.lego-table .header-table[data-v-10142f00]:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 1px;
  background: #f7f7f7;
  z-index: -1;
}
.lego-table .lego-table__no-data[data-v-10142f00] {
  display: block;
  min-height: 96px;
  height: 96px;
  background: #fafbfd;
  border-top: 1px solid #8e9198;
  color: #737A8c;
  font-size: 14px;
  font-weight: 400;
}
.lego-table .lego-table__no-data > span[data-v-10142f00] {
  text-align: center;
  white-space: pre-wrap;
}
.lego-table .lego-table__no-data[data-v-10142f00] .lego-icon {
  color: rgba(31, 37, 51, 0.2);
}
.lego-table .lego-table__no-data .product-list-no-data[data-v-10142f00] {
  padding: 191px 0;
  text-align: center;
}
.lego-table .lego-table__no-data .product-list-no-data .info-title[data-v-10142f00] {
  font-weight: 700;
  color: var(--color-ui-ui01);
  font-size: 20px;
  margin-bottom: 4px;
}
.lego-table .lego-table__no-data .product-list-no-data .info-sub-title[data-v-10142f00] {
  color: var(--color-ui-ui04);
  line-height: 22px;
  font-weight: 400;
}
.lego-table .lego-table__no-data .product-list-no-data[data-v-10142f00] .lego-icon {
  margin: 16px 0 24px;
}
.lego-table .infinite-trigger[data-v-10142f00] {
  position: relative;
  height: 52px;
  border-top: 1px solid #d2d3d6;
}
.lego-table .infinite-trigger[data-v-10142f00] .vld-background {
  background-color: transparent;
}
.lego-table .footer-table[data-v-10142f00] {
  margin-top: -1px;
  background: #f3f4f4;
}
.lego-table .footer-table tr[data-v-10142f00] {
  border-bottom: 1px solid #d2d3d6;
  height: 32px;
}
.lego-table .footer-table tr td[data-v-10142f00] {
  padding: 0 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoTableExtend.vue?vue&type=style&index=1&id=10142f00&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-table .lego-table__area .lego-table__body.table-extend-body > tr {
  border-bottom: 0;
}
.lego-table .lego-table__area .lego-table__body.table-extend-body > tr td {
  border-bottom: 1px solid #d2d3d6;
}
.lego-table .lego-table__area .lego-table__body.table-extend-body > tr.disabled td:not(.lego-table__cell-checker) {
  position: relative;
  cursor: default;
}
.lego-table .lego-table__area .lego-table__body.table-extend-body > tr.disabled td:not(.lego-table__cell-checker) > * {
  color: rgba(31, 37, 51, 0.3);
}
.lego-table .lego-table__area .lego-table__body.table-extend-body > tr.disabled td:not(.lego-table__cell-checker) .menu-drop-holder {
  pointer-events: none;
}
.lego-table .lego-table__area .lego-table__body.table-extend-body > tr.disabled td:not(.lego-table__cell-checker) .menu-icon {
  color: rgba(31, 37, 51, 0.3);
}
.lego-table .lego-table__area .lego-table__body.table-extend-body > tr:last-child > td {
  border-bottom: 1px solid #d2d3d6 !important;
}
.lego-table .lego-table__area .lego-table__body.table-extend-body > tr:last-child:not(.row-border-bottom) > td {
  border-bottom: 0;
}
.lego-table .table-progress {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.lego-table .table-progress .table-progress-box {
  flex: 0 0 calc(100% - 45px);
  width: calc(100% - 45px);
  height: 8px;
  border-radius: 4px;
  background-color: var(--color-chart-00);
  margin-right: 4px;
}
.lego-table .table-progress .table-progress-thum {
  height: 8px;
  border-radius: 4px;
}
.lego-table .columns-resize-bar:hover {
  background-color: #d2d3d6;
}
.lego-table .columns-resize-bar:active {
  width: 1px !important;
  background-color: rgba(0, 0, 0, 0.6);
}
.table-null-default {
  position: sticky;
  left: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.row-expand {
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}
.row-expand .row-expand__icon {
  min-width: unset !important;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoTableExpand.vue?vue&type=style&index=0&id=f64f7000&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-f64f7000] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-f64f7000]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-f64f7000]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-f64f7000] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-f64f7000]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-table[data-v-f64f7000] {
  overflow: visible;
}
.lego-table__top[data-v-f64f7000] {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.lego-table__top .lego-table__title[data-v-f64f7000] {
  height: 32px;
}
.lego-table__top .left-divider[data-v-f64f7000]:before {
  position: relative;
  display: inline-block;
  margin: 0 8px;
  border-left: 1px solid #bbbdc1;
}
.lego-table .lego-table__control[data-v-f64f7000] {
  height: inherit;
  flex: 1;
}
.lego-table .lego-table__counter[data-v-f64f7000] {
  margin-right: 8px;
}
.lego-table .lego-table__counter__total b[data-v-f64f7000] {
  color: #2C59D9;
}
.lego-table .lego-table__counter .lego-table__action-selected[data-v-f64f7000] {
  display: flex;
  align-items: center;
  margin-right: 0;
  font-weight: 700;
}
.lego-table .lego-table__counter .lego-table__action-selected .deselect-btn[data-v-f64f7000] {
  color: #a5a7ad;
  cursor: pointer;
  margin-left: 8px;
  font-weight: 400;
  line-height: 18px;
  border-bottom: 1px solid #a5a7ad;
}
.lego-table__counter__per-page[data-v-f64f7000].lego-dropdown__title {
  padding-left: 0;
  padding-right: 0;
}
.lego-table__counter__per-page[data-v-f64f7000].lego-dropdown__title .lego-dropdown__title-icon {
  margin-left: 6px;
}
.lego-table__counter__per-page[data-v-f64f7000].lego-dropdown__title:focus::before {
  display: none;
}
.lego-table .lego-table__area-wrapper[data-v-f64f7000] {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  border-top: 1px solid #bbbdc1;
  border-bottom: 1px solid #8e9198;
}
.lego-table .lego-table__area-wrapper[data-v-f64f7000] .simplebar-offset {
  width: 100%;
}
.lego-table .lego-table__area-wrapper[data-v-f64f7000] .simplebar-track.simplebar-vertical {
  background: #ffffff;
}
.lego-table .lego-table__area[data-v-f64f7000] {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  table-layout: fixed;
}
.lego-table .lego-table__area .lego-table__header tr.lego-table__header__row[data-v-f64f7000] {
  border-top: 0;
  border-bottom: 0;
}
.lego-table .lego-table__area .lego-table__header[data-v-f64f7000] th {
  border-right: 1px solid #d2d3d6;
}
.lego-table .lego-table__area .lego-table__header[data-v-f64f7000] .lego-table__icon-sort {
  font-size: 16px;
  vertical-align: middle;
  margin-top: -2px;
}
.lego-table .lego-table__area .lego-table__header[data-v-f64f7000] .lego-table__icon-sort:not(.lego-table__icon-sort--selected) {
  color: #787c84;
}
.lego-table .lego-table__area .lego-table__header .lego-table__icon-required[data-v-f64f7000] {
  color: #fc434e;
}
.lego-table .lego-table__area .lego-table__header-custom.lego-table__header-multi-row th[colspan][data-v-f64f7000] {
  border-bottom: 1px solid #d2d3d6;
}
.lego-table .lego-table__area .lego-table__header-custom.lego-table__header-multi-row th[data-v-f64f7000] {
  height: 30px;
}
.lego-table .lego-table__area .lego-table__body td[data-v-f64f7000] {
  border-bottom: 1px solid #d2d3d6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lego-table .lego-table__area .lego-table__body td[data-v-f64f7000]:last-child {
  border-right: 0;
}
.lego-table .lego-table__area .lego-table__body td > a[data-v-f64f7000] {
  color: #2C59D9;
}
.lego-table .lego-table__area .lego-table__body td > a.link[data-v-f64f7000] {
  text-decoration: underline;
  cursor: pointer;
}
.lego-table .lego-table__area .lego-table__body td .value[data-v-f64f7000] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lego-table .lego-table__area .lego-table__body tr[data-v-f64f7000] {
  border-bottom: 0;
}
.lego-table .lego-table__area .lego-table__body tr:last-child:not(.row-border-bottom) td[data-v-f64f7000] {
  border-bottom: 0;
}
.lego-table .lego-table__area .lego-table__body tr[data-v-f64f7000]:hover {
  background: none;
}
.lego-table .lego-table__area .lego-table__body tr.lego-table__selected[data-v-f64f7000] {
  background: rgba(44, 89, 217, 0.12);
}
.lego-table .lego-table__area .lego-table__body tr.row-hover[data-v-f64f7000] {
  cursor: pointer;
}
.lego-table .lego-table__area .lego-table__body tr.row-hover[data-v-f64f7000]:hover {
  background: rgba(44, 89, 217, 0.04);
}
.lego-table .lego-table__area .lego-table__body tr .lego-table__cell-checker[data-v-f64f7000] {
  pointer-events: none;
}
.lego-table .lego-table__area .lego-table__body tr .lego-table__cell-checker:not(.cell-checker--disabeld) .lego-input[data-v-f64f7000] {
  pointer-events: auto;
}
.lego-table .lego-table__area .lego-table__body tr.disabled[data-v-f64f7000] {
  pointer-events: none;
}
.lego-table .lego-table__area .lego-table__body.column-border td[data-v-f64f7000] {
  border-right: 1px solid #d2d3d6;
}
.lego-table .lego-table__area .lego-table__body.column-border td[data-v-f64f7000]:last-child {
  border-right: 0;
}
.lego-table .header-table[data-v-f64f7000] {
  position: relative;
  background-color: #f7f7f7;
  border-top: 1px solid #8e9198;
  overflow: hidden;
}
.lego-table .header-table[data-v-f64f7000]:after {
  content: "";
  position: absolute;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 1px;
  background: #f7f7f7;
}
.lego-table .lego-table__no-data[data-v-f64f7000] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 96px;
  background: #f7f7f7;
  border-top: 1px solid #8e9198;
  color: #bbbdc1;
  font-size: 14px;
  font-weight: 500;
}
.lego-table .lego-table__no-data[data-v-f64f7000] .lego-icon {
  color: rgba(31, 37, 51, 0.2);
}
.lego-table .footer-table[data-v-f64f7000] {
  margin-top: -1px;
  background: #f3f4f4;
}
.lego-table .footer-table tr[data-v-f64f7000] {
  border-bottom: 1px solid #d2d3d6;
  height: 32px;
}
.lego-table .footer-table tr td[data-v-f64f7000] {
  padding: 0 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoTableExpand.vue?vue&type=style&index=1&id=f64f7000&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-table .lego-table__area .lego-table__body.table-extend-body > tr {
  border-bottom: 0;
}
.lego-table .lego-table__area .lego-table__body.table-extend-body > tr td {
  border-bottom: 1px solid #d2d3d6;
}
.lego-table .lego-table__area .lego-table__body.table-extend-body > tr.disabled td {
  position: relative;
}
.lego-table .lego-table__area .lego-table__body.table-extend-body > tr.disabled td:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
}
.lego-table .lego-table__area .lego-table__body.table-extend-body > tr:last-child:not(.row-border-bottom) td {
  border-bottom: 0;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoCheckboxExtend.vue?vue&type=style&index=0&id=fd705916&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-fd705916] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-fd705916]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-fd705916]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-fd705916] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-fd705916]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-checkbox[data-v-fd705916] {
  align-items: center;
}
.lego-checkbox[data-v-fd705916]:focus:after {
  display: none;
}
.lego-checkbox__icon[data-v-fd705916] {
  position: relative;
  width: 16px;
  height: 16px;
  border-radius: 2px;
}
.lego-checkbox__unchecked[data-v-fd705916] {
  border: 1px solid #b3b7c1;
  background: #ffffff;
}
.lego-checkbox__unchecked[data-v-fd705916]:hover {
  border: 1px solid #2C59D9;
}
.lego-checkbox__checked[data-v-fd705916] {
  border: 1px solid #2C59D9;
  background: #2C59D9;
}
.lego-checkbox__checked[data-v-fd705916] .lego-icon {
  position: absolute;
  top: -1px;
  left: -1px;
  color: #fff !important;
}
.lego-checkbox__hide[data-v-fd705916] {
  display: none;
}
.lego-checkbox--disabled .lego-checkbox__checked[data-v-fd705916] {
  border-color: rgb(170.6, 188.6, 239.8);
  background: rgb(170.6, 188.6, 239.8);
}
.lego-checkbox--disabled .lego-checkbox__unchecked[data-v-fd705916] {
  border: 1px solid #dddfe4;
  background: #e3e4e8;
}
.lego-checkbox--readonly[data-v-fd705916] {
  pointer-events: none;
}
.lego-checkbox--readonly .lego-checkbox__checked[data-v-fd705916] {
  border-color: rgb(170.6, 188.6, 239.8);
  background: rgb(170.6, 188.6, 239.8);
}
.lego-checkbox--readonly .lego-checkbox__unchecked[data-v-fd705916] {
  background: #f3f4f4;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoCheckboxWrapperExtend.vue?vue&type=style&index=0&id=710d4982&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-710d4982] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-710d4982]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-710d4982]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-710d4982] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-710d4982]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-checkbox-wrapper .lego-checkbox--medium + .lego-checkbox--medium[data-v-710d4982] {
  margin-left: 20px !important;
}
.lego-checkbox-wrapper--vertical .lego-checkbox + .lego-checkbox[data-v-710d4982] {
  margin-top: 12px;
  margin-left: 0;
}
.lego-checkbox-wrapper--vertical .lego-checkbox[data-v-710d4982] {
  width: 100%;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoRadioExtend.vue?vue&type=style&index=0&id=49c1a726&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-49c1a726] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-49c1a726]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-49c1a726]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-49c1a726] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-49c1a726]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-radio[data-v-49c1a726] {
  align-items: center;
}
.lego-radio[data-v-49c1a726]:focus:after {
  display: none;
}
.lego-radio .lego-radio__icon[data-v-49c1a726] {
  position: relative;
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
.lego-radio__unchecked[data-v-49c1a726] {
  border: 1px solid #a5a7ad;
  background: #ffffff;
}
.lego-radio__unchecked[data-v-49c1a726]:hover {
  border: 1px solid #2C59D9;
}
.lego-radio__checked[data-v-49c1a726] {
  border: 1px solid #2C59D9;
  background: #ffffff;
}
.lego-radio__checked[data-v-49c1a726]:before {
  position: absolute;
  top: calc(50% - 5px);
  left: calc(50% - 5px);
  content: "";
  width: 10px;
  height: 10px;
  background: #2C59D9;
  border-radius: 50%;
  display: inline-block;
}
.lego-radio--disabled .lego-radio__checked[data-v-49c1a726] {
  border-color: rgb(170.6, 188.6, 239.8);
}
.lego-radio--disabled .lego-radio__checked[data-v-49c1a726]:before {
  background: rgb(170.6, 188.6, 239.8);
}
.lego-radio--disabled .lego-radio__unchecked[data-v-49c1a726] {
  background: #f3f4f4;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoRadioWrapperExtend.vue?vue&type=style&index=0&id=9e332cec&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-9e332cec] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-9e332cec]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-9e332cec]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-9e332cec] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-9e332cec]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-radio-wrapper .lego-radio--medium + .lego-radio--medium[data-v-9e332cec] {
  margin-left: 20px;
}
.lego-radio-wrapper--vertical .lego-radio + .lego-radio[data-v-9e332cec] {
  margin-top: 12px;
  margin-left: 0;
}
.lego-radio-wrapper--vertical .lego-radio[data-v-9e332cec] {
  width: 100%;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoDropdownMenu.vue?vue&type=style&index=0&id=e9c36370&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-e9c36370] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-e9c36370]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-e9c36370]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-e9c36370] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-e9c36370]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-dropdown-menu[data-v-e9c36370] {
  position: absolute;
  border: 1px solid #2C59D9;
  min-width: 100%;
  margin-top: 0px;
  background-color: #ffffff;
  z-index: 200;
  cursor: default;
}
.lego-dropdown-menu .lego-dropdown__group[data-v-e9c36370] {
  margin-top: 5px;
}
.lego-dropdown-menu .lego-dropdown__group + .lego-dropdown__group[data-v-e9c36370] {
  padding-top: 5px;
  border-top: 1px solid #eaeaea;
}
.lego-dropdown-menu .group-name[data-v-e9c36370],
.lego-dropdown-menu .items-title[data-v-e9c36370] {
  font-size: 12px;
  color: #959595;
  padding: 0 10px;
}
.lego-dropdown-menu .lego-dropdown__items[data-v-e9c36370] {
  position: relative;
  width: auto;
  border: 0;
  min-width: 100%;
  max-height: 100%;
  margin-top: 0;
  overflow: visible;
}
.lego-dropdown-menu .lego-dropdown__items .lego-dropdown__item[data-v-e9c36370] .point {
  color: rgb(65.1, 105.6, 220.8);
}
.lego-dropdown-menu .lego-dropdown__items .lego-dropdown__item[data-v-e9c36370] .point.bold {
  font-weight: 700;
}
.lego-dropdown-menu .lego-dropdown__items .lego-dropdown__item .lego-dropdown__label[data-v-e9c36370] {
  cursor: pointer;
  min-height: 34px;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.lego-dropdown-menu .lego-dropdown__items .lego-dropdown__item .lego-checkbox[data-v-e9c36370] {
  width: 100%;
  line-height: 34px;
}
.lego-dropdown-menu .lego-dropdown__items .lego-dropdown__item .lego-checkbox[data-v-e9c36370] .lego-checkbox__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 0 1 auto;
}
.lego-dropdown-menu .lego-dropdown__items .lego-dropdown__item .lego-checkbox[data-v-e9c36370] .lego-checkbox__icon {
  flex: 0 0 16px;
}
.lego-dropdown-menu .lego-dropdown__items .lego-dropdown__item[data-v-e9c36370] .lego-checkbox__checked + .lego-checkbox__label {
  font-weight: normal;
}
.lego-dropdown-menu .lego-dropdown__items .lego-dropdown__item[data-v-e9c36370]:active, .lego-dropdown-menu .lego-dropdown__items .lego-dropdown__item.lego-dropdown__selected[data-v-e9c36370] {
  background-color: rgba(44, 89, 217, 0.12);
  color: #2C59D9;
}
.lego-dropdown-menu .lego-dropdown__items .lego-dropdown__item.lego-dropdown__disabled[data-v-e9c36370] {
  pointer-events: none;
  cursor: default;
}
.lego-dropdown-menu .lego-dropdown__items .lego-dropdown__item.lego-dropdown__disabled .lego-dropdown__label[data-v-e9c36370] {
  opacity: 0.4;
}
.lego-dropdown-menu .lego-dropdown__items[data-v-e9c36370] .simplebar-offset {
  width: 100%;
}
.lego-dropdown-menu .lego-dropdown__selectall[data-v-e9c36370] {
  position: relative;
  border: 0;
  padding: 0 10px;
  margin: 0;
}
.lego-dropdown-menu .lego-dropdown__selectall[data-v-e9c36370]:after {
  width: calc(100% - 20px);
  position: absolute;
  bottom: 0px;
  content: "";
  border-bottom: 1px solid #d2d3d6;
}
.lego-dropdown-menu__shadow[data-v-e9c36370] {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5);
}
.lego-dropdown-menu__custom_button[data-v-e9c36370] {
  border-top: 1px solid #eaeaea;
  color: #2C59D9;
  margin-bottom: 6px;
  padding: 0 10px;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
}
.lego-dropdown-menu--right[data-v-e9c36370] {
  right: 0;
}
.lego-dropdown-menu--center[data-v-e9c36370] {
  left: 50%;
}
.lego-dropdown-menu .lego-dropdown__apply[data-v-e9c36370] {
  border: 0;
  border-top: 1px solid #d2d3d6;
  margin: 0 10px;
}
.lego-dropdown-menu .no-data[data-v-e9c36370],
.lego-dropdown-menu .no-result[data-v-e9c36370] {
  cursor: default;
  padding: 25px 0;
  text-align: center;
  font-size: 11px;
  color: #767676;
}
.lego-dropdown-menu .auto-complete__search-box[data-v-e9c36370] {
  padding: 8px;
}
.lego-dropdown-menu__custom_button .lego-lcon[data-v-e9c36370] {
  margin-right: 8px;
}
.lego-dropdown-menu__custom_button[data-v-e9c36370]:hover, .lego-dropdown-menu__custom_button[data-v-e9c36370]:active {
  background-color: rgba(44, 89, 217, 0.12);
  color: #2C59D9;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoDropdownMenu.vue?vue&type=style&index=1&id=e9c36370&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.auto-complete__search-box .lego-text-field__input {
  border: solid 1px #a5a5a5 !important;
}
.auto-complete__search-box .lego-text-field__input:focus {
  border: solid 1px #2C59D9 !important;
}
.lego-dropdown__item:first-of-type {
  border-radius: 4px 4px 0 0;
}
.lego-dropdown__item:last-child {
  border-radius: 0 0 4px 4px;
}
.lego-dropdown-menu {
  border-radius: 4px;
  overflow: hidden;
}
.lego-dropdown-menu .lego-dropdown__items {
  border-color: #2c59d9;
  border-radius: 4px;
}
.lego-dropdown-menu__container {
  position: absolute;
}
.lego-dropdown-menu__container .lego-dropdown__items--right {
  right: inherit;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoDropdownExtend.vue?vue&type=style&index=0&id=28887243&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-28887243] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-28887243]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-28887243]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-28887243] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-28887243]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-dropdown[data-v-28887243] {
  min-width: 80px;
}
.lego-dropdown__title[data-v-28887243] {
  border-radius: 2px;
}
.lego-dropdown__title .lego-dropdown__selected[data-v-28887243] {
  width: calc(100% - 24px);
}
.lego-dropdown__title .lego-dropdown__selected span[data-v-28887243] {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lego-dropdown__title .lego-dropdown__selected.placeholder[data-v-28887243] {
  color: #a5a7ad;
}
.lego-dropdown__title-icon .lego-dropdown__icon[data-v-28887243] {
  font-size: 12px;
}
.lego-dropdown .lego-dropdown__title[data-v-28887243]:focus {
  border: 1px solid #a5a7ad;
}
.lego-dropdown .lego-dropdown__title[data-v-28887243]:hover {
  border-color: #2C59D9;
}
.lego-dropdown--borderless[data-v-28887243] {
  width: auto;
  min-width: auto;
}
.lego-dropdown--borderless .lego-dropdown__title[data-v-28887243] {
  border: 0 !important;
}
.lego-dropdown--borderless .lego-dropdown__title .lego-dropdown__selected[data-v-28887243] {
  flex-grow: 1;
}
.lego-dropdown--borderless.lego-dropdown--disabled .lego-dropdown__title[data-v-28887243] {
  background: none !important;
}
.lego-dropdown--readonly[data-v-28887243] {
  pointer-events: none;
  cursor: default;
}
.lego-dropdown--readonly .lego-dropdown__title[data-v-28887243] {
  border: 1px solid #bbbdc1;
  background-color: #f3f4f4;
}
.lego-dropdown--small[data-v-28887243] {
  min-width: 80px;
}
.lego-dropdown--small .lego-dropdown__title-icon .lego-dropdown__icon[data-v-28887243] {
  font-size: 10px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoDropdownSearch.vue?vue&type=style&index=0&id=6ae621d1&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-6ae621d1] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-6ae621d1]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-6ae621d1]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-6ae621d1] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-6ae621d1]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-dropdown__title[data-v-6ae621d1] {
  border-radius: 2px;
}
.lego-dropdown__title .lego-dropdown__selected[data-v-6ae621d1] {
  width: calc(100% - 24px);
}
.lego-dropdown__title .lego-dropdown__selected span[data-v-6ae621d1] {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lego-dropdown__title .lego-dropdown__selected.placeholder[data-v-6ae621d1] {
  color: #a5a7ad;
}
.lego-dropdown__title-icon .lego-dropdown__icon[data-v-6ae621d1] {
  font-size: 12px;
}
.lego-dropdown .lego-dropdown__title[data-v-6ae621d1]:focus {
  border: 1px solid #a5a7ad;
}
.lego-dropdown .lego-dropdown__title[data-v-6ae621d1]:hover {
  border-color: #2C59D9;
}
.lego-dropdown--borderless[data-v-6ae621d1] {
  width: auto;
  min-width: auto;
}
.lego-dropdown--borderless .lego-dropdown__title[data-v-6ae621d1] {
  border: 0 !important;
}
.lego-dropdown--borderless .lego-dropdown__title .lego-dropdown__selected[data-v-6ae621d1] {
  flex-grow: 1;
}
.lego-dropdown--borderless.lego-dropdown--disabled .lego-dropdown__title[data-v-6ae621d1] {
  background: none !important;
}
.lego-dropdown--readonly[data-v-6ae621d1] {
  pointer-events: none;
  cursor: default;
}
.lego-dropdown--readonly .lego-dropdown__title[data-v-6ae621d1] {
  border: 1px solid #bbbdc1;
  background-color: #f3f4f4;
}
.lego-dropdown--small[data-v-6ae621d1] {
  min-width: 80px;
}
.lego-dropdown--small .lego-dropdown__title-icon .lego-dropdown__icon[data-v-6ae621d1] {
  font-size: 10px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoDropHolderExtend.vue?vue&type=style&index=0&id=2751832d&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-2751832d] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-2751832d]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-2751832d]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-2751832d] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-2751832d]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
[data-v-2751832d] .lego-dropdown-menu {
  border-radius: 2px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoDropHolderItemIconExtend.vue?vue&type=style&index=0&id=60f35779&scoped=true&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-60f35779] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-60f35779]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-60f35779]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-60f35779] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-60f35779]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.hover_icon[data-v-60f35779] {
  display: flex;
}
[data-v-60f35779] .opus-icon__download_small {
  font-size: 19px !important;
}
.button-title_text[data-v-60f35779] {
  font-size: 14px !important;
  line-height: 16px !important;
  margin-left: 12px !important;
  vertical-align: middle !important;
}
.button-title[data-v-60f35779] {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.icon-button[data-v-60f35779] {
  position: relative;
  display: flex;
  height: auto !important;
  margin: 0;
  background-color: #fff;
  border: 0;
  cursor: pointer;
}
.icon-button + .icon-button[data-v-60f35779] {
  position: relative;
  margin-left: 8px;
}
.icon-button + .icon-button[data-v-60f35779]:before {
  content: "";
  position: absolute;
  top: 4px;
  left: -6px;
  display: inline-block;
  width: 1px;
  height: 14px;
  background-color: #d2d3d6;
}
.icon-button[data-v-60f35779] .lego-icon {
  margin: 0;
  padding: 0;
}
.icon-button[data-v-60f35779] .lego-icon--small {
  font-size: 18px;
}
.icon-button .dropdown-list[data-v-60f35779] {
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  margin: 24px 0 0;
  background-color: #fff;
  border-radius: 4px;
  gap: 1px;
  border: solid 1px var(--blue-with-a-hint-of-purple);
  z-index: 1;
}
.icon-button .dropdown-list .dropdown-item[data-v-60f35779] {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 34px;
  padding: 7px 10px;
  font-size: 14px;
  text-align: left;
}
.icon-button .dropdown-list .dropdown-item em[data-v-60f35779] {
  font-style: normal;
}
.icon-button .dropdown-list .dropdown-item[data-v-60f35779]:hover, .icon-button .dropdown-list .dropdown-item.active[data-v-60f35779] {
  color: var(--blue-with-a-hint-of-purple);
  background-color: rgba(54, 79, 199, 0.12);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoDropHolderStaticMethodExtend.vue?vue&type=style&index=0&id=58b8e0fc&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-58b8e0fc] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-58b8e0fc]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-58b8e0fc]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-58b8e0fc] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-58b8e0fc]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.dropdown-with-label[data-v-58b8e0fc] {
  padding: 10px 16px;
  height: auto !important;
  width: 100% !important;
}
.static-title[data-v-58b8e0fc] {
  font-size: 14px;
  line-height: 16px;
  margin-left: 12px;
  vertical-align: middle;
  width: 100% !important;
}
.lego-drop-holder__holder[data-v-58b8e0fc] {
  display: flex;
}
.multi-dropdown-wrap .lego-dropdown__items_box[data-v-58b8e0fc] {
  position: absolute;
  top: 34px;
  right: 0;
  width: 428px !important;
  height: 152px !important;
  padding: 20px 14px 30px;
  border: solid 1px var(--blue-with-a-hint-of-purple);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
  overflow-y: visible;
  background: #fff;
  z-index: 1;
}
.multi-dropdown-wrap .dropdown-title[data-v-58b8e0fc] {
  padding: 0 0 8px;
  line-height: normal;
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  border-bottom: solid 1px var(--silver);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.multi-dropdown-wrap .dropdown-box .dropdown-wrapper[data-v-58b8e0fc] {
  display: flex;
  align-items: center;
}
.multi-dropdown-wrap .dropdown-box .dropdown-wrapper .dropdown-btn[data-v-58b8e0fc] {
  display: flex;
  align-items: center;
}
.multi-dropdown-wrap .dropdown-box .lego-dropdown[data-v-58b8e0fc] {
  width: 180px;
  margin-right: 5px;
}
.multi-dropdown-wrap .dropdown-box .lego-dropdown + .leg-button[data-v-58b8e0fc] {
  margin-left: 15px;
}
.multi-dropdown-wrap .dropdown-box .lego-button[data-v-58b8e0fc] {
  margin-left: 5px;
}
.lego-dropdown__title[data-v-58b8e0fc] {
  padding: 0 10px 0 0 !important;
  border: 0 !important;
}
.lego-dropdown__title[data-v-58b8e0fc] .lego-button--border {
  border-color: #fff !important;
}
.lego-dropdown--medium .lego-dropdown__title-icon[data-v-58b8e0fc] {
  margin-left: 0 !important;
}
.message[data-v-58b8e0fc] {
  margin-left: 10px;
  color: #fc434e;
  font-size: 12px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoButtonExtend.vue?vue&type=style&index=0&id=c1446fb8&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-c1446fb8] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-c1446fb8]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-c1446fb8]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-c1446fb8] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-c1446fb8]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-button--small[data-v-c1446fb8] {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  border-radius: 2px;
}
.lego-button--medium[data-v-c1446fb8] {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  border-radius: 3px;
}
.lego-button--large[data-v-c1446fb8] {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  border-radius: 4px;
}
.lego-button--solid.lego-button--default[data-v-c1446fb8] {
  background-color: #61666f;
  border-color: #a5a7ad;
  color: #ffffff;
}
.lego-button--border.lego-button--default[data-v-c1446fb8] {
  background-color: #ffffff;
  border-color: #a5a7ad;
  color: #61666f;
}
.lego-button--solid.lego-button--primary[data-v-c1446fb8] {
  background-color: #2C59D9;
  border-color: #2C59D9;
  color: #ffffff;
}
.lego-button--border.lego-button--primary[data-v-c1446fb8] {
  background-color: #ffffff;
  border-color: #2C59D9;
  color: #2C59D9;
}
.lego-button--disabled.lego-button--solid.lego-button--primary[data-v-c1446fb8] {
  color: #ffffff !important;
  border-color: rgb(170.6, 188.6, 239.8) !important;
  background-color: rgb(170.6, 188.6, 239.8) !important;
}
.lego-button--solid.lego-button--primary[data-v-c1446fb8] {
  font-weight: 700;
}
.lego-button--disabled.lego-button--border[data-v-c1446fb8] {
  color: #bbbdc1 !important;
  border-color: #bbbdc1 !important;
  background-color: #ffffff !important;
}
.lego-button--disabled.lego-button--border.lego-button--primary[data-v-c1446fb8] {
  color: rgb(170.6, 188.6, 239.8) !important;
  border-color: rgb(170.6, 188.6, 239.8) !important;
  background-color: #ffffff !important;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoSegmentButtonExtend.vue?vue&type=style&index=0&id=7e0aa437&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-7e0aa437] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-7e0aa437]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-7e0aa437]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-7e0aa437] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-7e0aa437]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-segment-wrapper .lego-segment-button:nth-of-type(1).lego-segment-button--small[data-v-7e0aa437] {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.lego-segment-wrapper .lego-segment-button:nth-of-type(1).lego-segment-button--medium[data-v-7e0aa437] {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.lego-segment-wrapper .lego-segment-button:nth-last-of-type(1).lego-segment-button--small[data-v-7e0aa437] {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.lego-segment-wrapper .lego-segment-button:nth-last-of-type(1).lego-segment-button--medium[data-v-7e0aa437] {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.lego-segment-button--small[data-v-7e0aa437] {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  min-width: 40px;
}
.lego-segment-button--medium[data-v-7e0aa437] {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  min-width: 60px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoTextFieldExtend.vue?vue&type=style&index=0&id=78a4e9bf&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-78a4e9bf] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-78a4e9bf]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-78a4e9bf]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-78a4e9bf] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-78a4e9bf]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.guild-message-wrap[data-v-78a4e9bf] {
  display: flex;
  background: #fff;
  border: 1px solid #e0e1e6;
  gap: 8px;
  padding: 8px;
  box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.15);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}
.guild-message-wrap__text[data-v-78a4e9bf] {
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  color: #333333;
}
.guild-message-wrap[data-v-78a4e9bf]:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 7px;
  width: 10px;
  height: 10px;
  box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.15);
  background: #fff;
  transform: rotate(45deg);
}
.guild-message-wrap .scp-tooltip[data-v-78a4e9bf]:empty {
  padding: 0;
  min-height: 0;
  max-width: 0;
  display: none;
}
.lego-text-field__input[data-v-78a4e9bf],
.lego-text-field__textarea[data-v-78a4e9bf] {
  padding: 6px 10px 6px 12px;
  border-radius: 2px;
  border-color: #adadad;
}
.lego-text-field__input[data-v-78a4e9bf]:hover,
.lego-text-field__textarea[data-v-78a4e9bf]:hover {
  border-color: #2C59D9;
}
.lego-text-field__input[data-v-78a4e9bf]:not(:readonly):not(:focus):not(:disabled):hover,
.lego-text-field__textarea[data-v-78a4e9bf]:not(:readonly):not(:focus):not(:disabled):hover {
  border-color: #2C59D9;
}
.lego-text-field__input[readonly][data-v-78a4e9bf],
.lego-text-field__textarea[readonly][data-v-78a4e9bf] {
  pointer-events: none;
  background-color: #f7f7f7;
  border-color: #cccccc;
  -ms-user-select: none;
}
.lego-text-field__input[data-v-78a4e9bf]:disabled,
.lego-text-field__textarea[data-v-78a4e9bf]:disabled {
  pointer-events: none;
  background-color: #f3f4f4;
  border-color: #bbbdc1;
  color: #a5a5a5;
}
.lego-text-field__input[data-v-78a4e9bf]:focus,
.lego-text-field__textarea[data-v-78a4e9bf]:focus {
  border-color: #2c59d9;
}
.lego-text-field__input:focus + .lego-text-field__icon-wrap .clear-btn[data-v-78a4e9bf],
.lego-text-field__textarea:focus + .lego-text-field__icon-wrap .clear-btn[data-v-78a4e9bf] {
  display: inline-block;
}
.lego-text-field:hover .clear-btn[data-v-78a4e9bf] {
  display: inline-block;
}
.lego-text-field.lego-is-conter .lego-text-field__counter[data-v-78a4e9bf] {
  display: block;
}
.lego-text-field__input[data-v-78a4e9bf] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lego-text-field__textarea[data-v-78a4e9bf]::-webkit-scrollbar {
  width: 14px;
  height: 18px;
}
.lego-text-field__textarea[data-v-78a4e9bf]::-webkit-scrollbar-thumb {
  cursor: default;
  min-height: 50px;
  border-radius: 6px;
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  background-color: rgba(31, 37, 51, 0.2);
  -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
}
.lego-text-field__textarea[data-v-78a4e9bf] ::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}
.lego-text-field__textarea[data-v-78a4e9bf] ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.lego-text-field--small .lego-text-field__input[data-v-78a4e9bf] {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.lego-text-field--small .lego-text-field__icon-wrap[data-v-78a4e9bf] {
  height: 24px;
}
.lego-text-field--medium .lego-text-field__input[data-v-78a4e9bf] {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.lego-text-field--medium .lego-text-field__icon-wrap[data-v-78a4e9bf] {
  height: 32px;
}
.lego-text-field--large .lego-text-field__input[data-v-78a4e9bf] {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.lego-text-field--large .lego-text-field__icon-wrap[data-v-78a4e9bf] {
  height: 48px;
}
.lego-text-field--small .lego-text-field__textarea[data-v-78a4e9bf] {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.lego-text-field--medium .lego-text-field__textarea[data-v-78a4e9bf] {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.lego-text-field--large .lego-text-field__textarea[data-v-78a4e9bf] {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.lego-text-field--small .lego-text-field__icon-wrap[data-v-78a4e9bf] {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.lego-text-field--medium .lego-text-field__icon-wrap[data-v-78a4e9bf] {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.lego-text-field--large .lego-text-field__icon-wrap[data-v-78a4e9bf] {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.lego-text-field__icon-wrap[data-v-78a4e9bf] {
  width: 28px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  pointer-events: none;
}
.lego-text-field__icon-wrap.event-set[data-v-78a4e9bf] {
  pointer-events: all;
}
.lego-text-field__icon-wrap > div.clear-btn[data-v-78a4e9bf] {
  display: none;
}
.lego-text-field__icon-wrap > div.clear-btn[data-v-78a4e9bf] .opus-icon__delete {
  position: relative;
  top: 2px;
}
.lego-text-field__icon-wrap > div + div[data-v-78a4e9bf] {
  height: 16px;
  margin-left: 4px;
}
.lego-text-field--small .lego-text-field__input--with-icon[data-v-78a4e9bf] {
  padding-right: 48px;
}
.lego-text-field--medium .lego-text-field__input--with-icon[data-v-78a4e9bf] {
  padding-right: 48px;
}
.lego-text-field--large .lego-text-field__input--with-icon[data-v-78a4e9bf] {
  padding-right: 48px;
}
.lego-text-field--small .lego-text-field__input--with-icon-one[data-v-78a4e9bf] {
  padding-right: 28px;
}
.lego-text-field--medium .lego-text-field__input--with-icon-one[data-v-78a4e9bf] {
  padding-right: 28px;
}
.lego-text-field--large .lego-text-field__input--with-icon-one[data-v-78a4e9bf] {
  padding-right: 28px;
}
.lego-text-field .lego-validator__message[data-v-78a4e9bf] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: pre-wrap;
  text-overflow: ellipsis;
}
.lego-text-field__message[data-v-78a4e9bf] {
  display: flex;
  gap: 8px;
  line-height: 18px;
  color: #adadad;
  position: relative;
  word-break: break-word;
  justify-content: space-between;
}
.lego-text-field__message .lego-text-field__counter[data-v-78a4e9bf] {
  color: #adadad;
}
.lego-text-field__counter[data-v-78a4e9bf] {
  white-space: pre;
}
[data-v-78a4e9bf] input::-moz-placeholder {
  color: #bbbdc1 !important;
}
[data-v-78a4e9bf] input::placeholder {
  color: #bbbdc1 !important;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoDatePickerExtend.vue?vue&type=style&index=0&id=64c16e4e&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-64c16e4e] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-64c16e4e]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-64c16e4e]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-64c16e4e] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-64c16e4e]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-date-picker__calendar--range .lego-date-picker__calendar__month-area[data-v-64c16e4e] {
  justify-content: space-between;
}
.lego-date-picker__calendar--range[data-v-64c16e4e] {
  left: 155px;
}
.lego-date-picker-header .lego-date-picker-type[data-v-64c16e4e] {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #2C59D9;
}
.lego-date-picker-header .lego-date-picker-type[data-v-64c16e4e]:hover {
  text-decoration: underline;
}
.lego-date-picker-header .lego-date-picker-type[data-v-64c16e4e]:nth-of-type(2) {
  margin-left: 8px;
}
.lego-date-picker-type[data-v-64c16e4e] {
  cursor: pointer;
}
.lego-date-picker__text-field[data-v-64c16e4e] {
  width: 127px !important;
  min-width: 127px;
}
.lego-date-picker .lego-date-picker__calendar__calendar__date[data-v-64c16e4e] {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.lego-date-picker .lego-date-picker__calendar[data-v-64c16e4e] {
  padding: 12px;
  width: 244px;
  top: 32px;
}
.lego-date-picker .lego-date-picker__calendar__row-content span[data-v-64c16e4e] {
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  color: #1f2533;
}
.lego-date-picker .lego-date-picker__calendar__row-content span.lego-date-picker__calendar__date.lego-date-picker__calendar__date--other-month[data-v-64c16e4e], .lego-date-picker .lego-date-picker__calendar__row-content span.lego-date-picker__calendar__date.lego-date-picker__calendar__date--disabled[data-v-64c16e4e] {
  opacity: 0.2;
}
.lego-date-picker .lego-date-picker__calendar__row-content span.lego-date-picker__calendar__date--sunday[data-v-64c16e4e] {
  color: #fc434e;
}
.lego-date-picker .lego-date-picker__calendar__row-content span.lego-date-picker__calendar__date[data-v-64c16e4e] {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.lego-date-picker .lego-date-picker__calendar__row-content span.lego-date-picker__calendar__date--today[data-v-64c16e4e] {
  color: #2C59D9;
}
.lego-date-picker .lego-date-picker__calendar__row-content span.lego-date-picker__calendar__date--selected[data-v-64c16e4e] {
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}
.lego-date-picker .lego-date-picker__calendar__date-area[data-v-64c16e4e] {
  flex: 0 0 220px;
  margin-bottom: 0px;
}
.lego-date-picker .lego-date-picker__calendar__month__row[data-v-64c16e4e] {
  position: relative;
  height: 48px;
  width: 100%;
  margin-bottom: 8px;
  padding: 0 12px;
}
.lego-date-picker .lego-date-picker__calendar__month__row-content[data-v-64c16e4e] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  float: left;
}
.lego-date-picker .lego-date-picker__calendar__month__row-content span[data-v-64c16e4e] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  border-radius: 50%;
  margin: 0 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.lego-date-picker .lego-date-picker__calendar__month[data-v-64c16e4e] {
  cursor: pointer;
}
.lego-date-picker .lego-date-picker__calendar__month[data-v-64c16e4e]:hover {
  color: #1f2533;
  background-color: #f7f7f7;
}
.lego-date-picker .lego-date-picker__calendar__month.lego-date-picker__calendar__month--selected[data-v-64c16e4e] {
  color: #ffffff;
  background-color: #2C59D9;
}
.lego-date-picker .lego-date-picker__calendar__year__row[data-v-64c16e4e] {
  position: relative;
  height: 48px;
  width: 100%;
  margin-bottom: 16px;
}
.lego-date-picker .lego-date-picker__calendar__year__row-content[data-v-64c16e4e] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  float: left;
}
.lego-date-picker .lego-date-picker__calendar__year__row-content span[data-v-64c16e4e] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  border-radius: 50%;
  margin: 0 12px;
  outline: none;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}
.lego-date-picker .lego-date-picker__calendar__year[data-v-64c16e4e] {
  cursor: pointer;
}
.lego-date-picker .lego-date-picker__calendar__year[data-v-64c16e4e]:hover {
  color: #1f2533;
  background-color: #f7f7f7;
}
.lego-date-picker .lego-date-picker__calendar__year.lego-date-picker__calendar__year--selected[data-v-64c16e4e] {
  color: #ffffff;
  background-color: #2C59D9;
}
.lego-date-picker .lego-date-picker__icon-wrapper[data-v-64c16e4e] {
  border-left: 0;
}
.lego-date-picker .lego-date-picker__icon-wrapper.disabled-date__icon[data-v-64c16e4e] {
  pointer-events: none;
}
.lego-date-picker.lego-date-picker--medium .lego-icon-wrapper[data-v-64c16e4e] {
  width: 30px;
  height: 30px;
}
[data-v-64c16e4e] .lego-text-field__input {
  cursor: pointer;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoTabBoxExtend.vue?vue&type=style&index=0&id=5f8ac430&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-5f8ac430] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-5f8ac430]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-5f8ac430]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-5f8ac430] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-5f8ac430]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-tab__label--mini[data-v-5f8ac430] {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.lego-tab__label--mini.lego-tab__label[data-v-5f8ac430] {
  min-width: inherit;
  background-color: #ffffff;
  position: relative;
  overflow: inherit;
  height: 32px;
  margin-right: 2px;
}
.lego-tab__label--active[data-v-5f8ac430]:after {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  left: 0;
  bottom: -1px;
  display: inline-block;
  background-color: #ffffff;
}
[data-v-5f8ac430] .lego-tab__label-underline.lego-tab__label--mini {
  padding: 0 15px;
}
[data-v-5f8ac430] .lego-tab__label-underline[disabled] {
  pointer-events: none;
  color: #bbbdc1;
}
[data-v-5f8ac430] .lego-tab__label-underline--active .lego-tab__label--mini {
  font-size: 14px;
  font-weight: 500;
  line-height: 32px;
  position: relative;
  top: 1px;
}
[data-v-5f8ac430] .lego-tab__label-underline--active {
  font-size: 16px;
  font-weight: 700;
  line-height: 39px;
}
[data-v-5f8ac430] .lego-tab__label-underline--active:after {
  height: 2px;
  border-bottom: 2px solid #2C59D9;
}
[data-v-5f8ac430] .lego-tab__label-underline:hover {
  background-color: transparent;
  color: #2C59D9;
}
.lego-tab__content[data-v-5f8ac430] {
  padding-top: 24px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoTooltipExtend.vue?vue&type=style&index=0&id=579da675&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-579da675] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-579da675]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-579da675]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-579da675] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-579da675]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-tooltip[data-v-579da675] {
  border: 1px solid #000000;
  padding: 6px 10px;
  line-height: 18px;
  width: -moz-max-content;
  width: max-content;
  white-space: pre-wrap;
  border-radius: 4px;
  display: block;
}
.lego-tooltip-anchor__arrow--right[data-v-579da675]::before {
  left: 1px;
}
.lego-tooltip-anchor__arrow--left[data-v-579da675]::before {
  right: 1px;
}
.lego-tooltip-anchor__arrow--top[data-v-579da675]::before {
  bottom: 1px;
}
.lego-tooltip-anchor__arrow--bottom[data-v-579da675]::before {
  top: 1px;
}
.lego-tooltip-anchor[data-v-579da675]::before {
  z-index: 1001;
}
[tooltip][data-v-579da675]:hover::after {
  line-height: 26px;
  background-color: #000000;
  max-width: 366px;
  padding: 0 8px;
  font-style: normal;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoPopover.vue?vue&type=style&index=0&id=63ba4c1d&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.lego-tooltip[data-v-63ba4c1d] {
  border: 1px solid #000000;
  padding: 6px 10px;
  line-height: 18px;
  width: -moz-max-content;
  width: max-content;
  white-space: pre-wrap;
  border-radius: 4px;
  display: block;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoListExtend.vue?vue&type=style&index=0&id=a998bae0&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-a998bae0] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-a998bae0]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-a998bae0]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-a998bae0] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-a998bae0]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-list[data-v-a998bae0] {
  border-top: 1px solid #a5a5a5;
  border-bottom: 1px solid #a5a5a5;
  padding-bottom: 8px;
}
.lego-list__box[data-v-a998bae0] {
  padding: 0 24px 16px 24px;
  margin-bottom: 16px;
  border-bottom: 1px solid #cccccc;
}
.lego-list__box[data-v-a998bae0]:nth-of-type(1) {
  padding-top: 16px;
}
.lego-list__box[data-v-a998bae0]:nth-last-child(1) {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.lego-list__box__title[data-v-a998bae0] {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #333333;
  margin-bottom: 8px;
}
.lego-list__box__header[data-v-a998bae0] {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: #767676;
}
.lego-list__box__info[data-v-a998bae0] {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: #767676;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoIconExtend/legoIconExtend.vue?vue&type=style&index=0&id=158f0c88&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-158f0c88] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-158f0c88]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-158f0c88]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-158f0c88] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-158f0c88]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-icon--image[data-v-158f0c88] svg {
  width: 100%;
  height: 100%;
}
.lego-icon[data-v-158f0c88] {
  color: #555b68;
}
.lego-icon--event[data-v-158f0c88] {
  cursor: pointer;
  color: rgba(31, 37, 51, 0.6);
}
.lego-icon--event[data-v-158f0c88]:hover, .lego-icon--event[data-v-158f0c88]:active {
  color: #1f2533;
}
.lego-icon--event[data-v-158f0c88]:disabled {
  color: rgba(31, 37, 51, 0.2);
}
.lego-icon--event.lego-icon--rev[data-v-158f0c88] {
  color: rgba(255, 255, 255, 0.6);
}
.lego-icon--event.lego-icon--rev[data-v-158f0c88]:hover, .lego-icon--event.lego-icon--rev[data-v-158f0c88]:active {
  color: white;
}
.lego-icon--event.lego-icon--rev[data-v-158f0c88]:disabled {
  color: rgba(255, 255, 255, 0.2);
}
.opus-icon__info[data-v-158f0c88] {
  color: rgba(43, 56, 81, 0.5);
}
.opus-icon__info[data-v-158f0c88]:hover, .opus-icon__info[data-v-158f0c88]:active {
  color: #2b3851;
}
.opus-icon__info[data-v-158f0c88]:disabled {
  color: rgba(43, 56, 81, 0.2);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoSwitchExtend.vue?vue&type=style&index=0&id=80e684b4&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-80e684b4] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-80e684b4]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-80e684b4]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-80e684b4] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-80e684b4]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-switch--disabled[data-v-80e684b4] {
  cursor: default;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoStepBoxExtend.vue?vue&type=style&index=0&id=992b625e&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-992b625e] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-992b625e]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-992b625e]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-992b625e] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-992b625e]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-step-box__stepper[data-v-992b625e] {
  align-items: flex-start;
  background-color: #f7f7f7;
  padding: 20px;
  border: 0;
  position: relative;
  height: 88px;
}
.lego-step-box__stepper__spacing[data-v-992b625e] {
  top: 10px;
  left: 0;
  width: 12px;
  color: transparent;
  position: relative;
}
.lego-step-box__stepper__spacing[data-v-992b625e]:after {
  content: "";
  display: block;
  width: 126px;
  height: 1px;
  background-color: #bbbdc1;
  left: calc(-100% - 46px);
  top: 2px;
  position: absolute;
}
.lego-step-box__stepper__item[data-v-992b625e] {
  justify-content: center;
  flex: 0 0 170px;
}
.lego-step-box__stepper__item__stat[data-v-992b625e] {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  background-color: #bbbdc1;
  border-color: #bbbdc1;
  cursor: default;
}
.lego-step-box__stepper__item__stat span[data-v-992b625e] {
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
}
.lego-step-box__stepper__item--ready .lego-step-box__stepper__item__stat[data-v-992b625e] {
  background-color: #bbbdc1;
  border-color: #bbbdc1;
}
.lego-step-box__stepper__item--ready + .lego-step-box__stepper__spacing[data-v-992b625e]:after {
  background-color: #d2d3d6;
}
.lego-step-box__stepper__item--ing .lego-step-box__stepper__item__stat[data-v-992b625e] {
  background-color: #2C59D9;
  border-color: #2C59D9;
}
.lego-step-box__stepper__item--done .lego-step-box__stepper__item__stat[data-v-992b625e],
.lego-step-box__stepper__item--done .lego-step-box__stepper__item__label[data-v-992b625e] {
  cursor: pointer;
}
.lego-step-box__stepper__item--done .lego-step-box__stepper__item__stat[data-v-992b625e] {
  border-color: #2C59D9;
}
.lego-step-box__stepper__item--done .lego-step-box__stepper__item__stat[data-v-992b625e] .lego-icon {
  color: #2C59D9;
}
.lego-step-box__stepper__item--done + .lego-step-box__stepper__spacing[data-v-992b625e]:after {
  background-color: #2C59D9;
}
.lego-step-box__stepper__item__label[data-v-992b625e] {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  font-weight: 500 !important;
  width: 100%;
  margin-top: 5px;
  text-align: center;
  word-break: keep-all;
  word-wrap: break-word;
  cursor: default;
}
.lego-step-item[data-v-992b625e] {
  margin: 32px 0 24px 0;
}
.lego-step-item + .lego-action-bar[data-v-992b625e] {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #bbbdc1;
  text-align: right;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoTreePolicyNode.vue?vue&type=style&index=0&id=a6f00e6c&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-a6f00e6c] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-a6f00e6c]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-a6f00e6c]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-a6f00e6c] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-a6f00e6c]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-tree-node__contents[data-v-a6f00e6c] {
  align-items: center;
}
.lego-tree-node__contents--selected[data-v-a6f00e6c] {
  font-weight: 500;
}
.lego-tree-node .lego-tree-node__contents__label[data-v-a6f00e6c] {
  height: 36px;
  padding-right: 0 !important;
  flex: 0 1 auto;
}
.lego-tree-node .lego-tree-node__contents__label[data-v-a6f00e6c]:hover {
  background: none;
  color: #2C59D9;
}
.lego-tree-node .lego-tree-node__contents__label.no-select[data-v-a6f00e6c] {
  pointer-events: none;
}
.lego-tree-node .lego-tree-node__contents__action-group[data-v-a6f00e6c] {
  margin-left: 10px;
  display: inline;
  position: inherit !important;
}
.lego-tree-node .lego-tree-node__contents__action-group .lego-icon[data-v-a6f00e6c] {
  color: rgba(31, 37, 51, 0.6);
}
.lego-tree-node .lego-tree-node__contents__toggle-button[data-v-a6f00e6c] {
  color: #787c84;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.lego-tree-node .lego-tree-node__contents__toggle-button .lego-icon[data-v-a6f00e6c]:hover {
  background-color: transparent;
  color: #2C59D9;
}
.lego-tree-node .lego-tree-node__contents__toggle-button .no-child-icon[data-v-a6f00e6c] {
  display: inline-block;
  margin: 6px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #787c84;
  cursor: default;
}
.lego-tree-node + .lego-tree-node[data-v-a6f00e6c] {
  margin-top: 0;
}
.lego-tree-node .policy-status-chips[data-v-a6f00e6c] {
  display: flex;
  align-items: center;
  padding-left: 8px;
  margin-right: -2px;
  color: #1f2533;
  font-weight: 400;
}
.lego-tree-node .policy-status-chips .lego-chip__container + .lego-chip__container[data-v-a6f00e6c] {
  margin-left: 4px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoTreePolicy.vue?vue&type=style&index=0&id=795c80b0&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-795c80b0] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-795c80b0]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-795c80b0]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-795c80b0] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-795c80b0]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-tree.view-mode[data-v-795c80b0] .lego-tree-node__vertical-line {
  border-left: 0;
}
[data-v-795c80b0] .add-btn {
  height: 36px;
  display: flex;
  align-items: center;
}
[data-v-795c80b0] .add-btn .lego-icon {
  font-size: 11px;
  margin-right: 8px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoToastExtend.vue?vue&type=style&index=0&id=52d5e799&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-52d5e799] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-52d5e799]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-52d5e799]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-52d5e799] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-52d5e799]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
[data-v-52d5e799] .vue-notification__close-btn {
  opacity: 0.6;
}
[data-v-52d5e799] .vue-notification-wrapper {
  align-items: flex-start;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoTableCustom.vue?vue&type=style&index=0&id=0665b157&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-0665b157] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-0665b157]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-0665b157]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-0665b157] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-0665b157]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-table[data-v-0665b157] {
  overflow: visible;
}
.lego-table__top[data-v-0665b157] {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.lego-table__top .lego-table__title[data-v-0665b157] {
  height: 32px;
}
.lego-table__top .left-divider[data-v-0665b157]:before {
  position: relative;
  display: inline-block;
  margin: 0 8px;
  border-left: 1px solid #bbbdc1;
}
.lego-table .lego-table__control[data-v-0665b157] {
  height: inherit;
  flex: 1;
}
.lego-table .lego-table__counter[data-v-0665b157] {
  margin-right: 8px;
}
.lego-table .lego-table__counter__total b[data-v-0665b157] {
  color: #2C59D9;
}
.lego-table .lego-table__counter .lego-table__action-selected[data-v-0665b157] {
  display: flex;
  align-items: center;
  margin-right: 0;
  font-weight: 700;
}
.lego-table .lego-table__counter .lego-table__action-selected .deselect-btn[data-v-0665b157] {
  color: #a5a7ad;
  cursor: pointer;
  margin-left: 8px;
  font-weight: 400;
  line-height: 18px;
  border-bottom: 1px solid #a5a7ad;
}
.lego-table__counter__per-page[data-v-0665b157].lego-dropdown__title {
  padding-left: 0;
  padding-right: 0;
}
.lego-table__counter__per-page[data-v-0665b157].lego-dropdown__title .lego-dropdown__title-icon {
  margin-left: 6px;
}
.lego-table__counter__per-page[data-v-0665b157].lego-dropdown__title:focus::before {
  display: none;
}
.lego-table .lego-table__area-wrapper[data-v-0665b157] {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  border-top: 1px solid #bbbdc1;
  border-bottom: 1px solid #8e9198;
}
.lego-table .lego-table__area-wrapper[data-v-0665b157] .simplebar-offset {
  width: 100%;
}
.lego-table .lego-table__area-wrapper[data-v-0665b157] .simplebar-track.simplebar-vertical {
  background: #ffffff;
}
.lego-table .lego-table__area[data-v-0665b157] {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  table-layout: fixed;
}
.lego-table .lego-table__area .lego-table__header tr.lego-table__header__row[data-v-0665b157] {
  border-top: 0;
  border-bottom: 0;
}
.lego-table .lego-table__area .lego-table__header[data-v-0665b157] th {
  border-right: 1px solid #d2d3d6;
}
.lego-table .lego-table__area .lego-table__header[data-v-0665b157] .lego-table__icon-sort {
  font-size: 16px;
  vertical-align: middle;
  margin-top: -2px;
}
.lego-table .lego-table__area .lego-table__header[data-v-0665b157] .lego-table__icon-sort:not(.lego-table__icon-sort--selected) {
  color: #787c84;
}
.lego-table .lego-table__area .lego-table__header .lego-table__icon-required[data-v-0665b157] {
  color: #fc434e;
}
.lego-table .lego-table__area .lego-table__header-custom.lego-table__header-multi-row th[colspan][data-v-0665b157] {
  border-bottom: 1px solid #d2d3d6;
}
.lego-table .lego-table__area .lego-table__header-custom.lego-table__header-multi-row th[data-v-0665b157] {
  height: 30px;
}
.lego-table .lego-table__area .lego-table__body td[data-v-0665b157] {
  border-bottom: 1px solid #d2d3d6;
  padding-left: 19px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lego-table .lego-table__area .lego-table__body td[data-v-0665b157]:last-child {
  border-right: 0;
}
.lego-table .lego-table__area .lego-table__body td > a[data-v-0665b157] {
  color: #2C59D9;
}
.lego-table .lego-table__area .lego-table__body td > a.link[data-v-0665b157] {
  text-decoration: underline;
  cursor: pointer;
}
.lego-table .lego-table__area .lego-table__body td .value[data-v-0665b157] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lego-table .lego-table__area .lego-table__body tr[data-v-0665b157] {
  border-bottom: 0;
}
.lego-table .lego-table__area .lego-table__body tr:last-child:not(.row-border-bottom) td[data-v-0665b157] {
  border-bottom: 0;
}
.lego-table .lego-table__area .lego-table__body tr[data-v-0665b157]:hover {
  background: none;
}
.lego-table .lego-table__area .lego-table__body tr.lego-table__selected[data-v-0665b157] {
  background: rgba(44, 89, 217, 0.12);
}
.lego-table .lego-table__area .lego-table__body tr.row-hover[data-v-0665b157] {
  cursor: pointer;
}
.lego-table .lego-table__area .lego-table__body tr.row-hover[data-v-0665b157]:hover {
  background: rgba(44, 89, 217, 0.04);
}
.lego-table .lego-table__area .lego-table__body tr .lego-table__cell-checker[data-v-0665b157] {
  pointer-events: none;
  text-overflow: inherit;
}
.lego-table .lego-table__area .lego-table__body tr .lego-table__cell-checker:not(.cell-checker--disabeld) .lego-input[data-v-0665b157] {
  pointer-events: auto;
}
.lego-table .lego-table__area .lego-table__body tr.disabled[data-v-0665b157] {
  pointer-events: none;
}
.lego-table .lego-table__area .lego-table__body.column-border td[data-v-0665b157] {
  border-right: 1px solid #d2d3d6;
}
.lego-table .lego-table__area .lego-table__body.column-border td[data-v-0665b157]:last-child {
  border-right: 0;
}
.lego-table .header-table[data-v-0665b157] {
  position: relative;
  background-color: #f7f7f7;
  border-top: 1px solid #8e9198;
  overflow: hidden;
}
.lego-table .header-table[data-v-0665b157]:after {
  content: "";
  position: absolute;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 1px;
  background: #f7f7f7;
}
.lego-table .lego-table__no-data[data-v-0665b157] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 96px;
  background: #f7f7f7;
  border-top: 1px solid #8e9198;
  color: #bbbdc1;
  font-size: 14px;
  font-weight: 500;
}
.lego-table .lego-table__no-data[data-v-0665b157] .lego-icon {
  color: rgba(31, 37, 51, 0.2);
}
.lego-table .footer-table[data-v-0665b157] {
  margin-top: -1px;
  background: #f3f4f4;
}
.lego-table .footer-table tr[data-v-0665b157] {
  border-bottom: 1px solid #d2d3d6;
  height: 32px;
}
.lego-table .footer-table tr td[data-v-0665b157] {
  padding: 0 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoTableCustom.vue?vue&type=style&index=1&id=0665b157&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-table .lego-table__area .lego-table__body.table-extend-body > tr {
  border-bottom: 0;
}
.lego-table .lego-table__area .lego-table__body.table-extend-body > tr td {
  border-bottom: 1px solid #d2d3d6;
}
.lego-table .lego-table__area .lego-table__body.table-extend-body > tr.disabled td {
  position: relative;
}
.lego-table .lego-table__area .lego-table__body.table-extend-body > tr.disabled td:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
}
.lego-table .lego-table__area .lego-table__body.table-extend-body > tr:last-child:not(.row-border-bottom) td {
  border-bottom: 0;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/extend/legoDropdownCheckExtend.vue?vue&type=style&index=0&id=e8bbbe2e&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-e8bbbe2e] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-e8bbbe2e]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-e8bbbe2e]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-e8bbbe2e] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-e8bbbe2e]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-dropdown-check-wrap[data-v-e8bbbe2e] {
  position: relative;
}
.lego-dropdown-check-wrap .dropdown-toggle[data-v-e8bbbe2e] {
  display: flex;
  background: #ffffff;
  border: 1px solid #a5a7ad;
  justify-content: space-between;
  height: 32px;
  padding: 0px 10px 0px 12px;
  border-radius: 2px;
  cursor: pointer;
}
.lego-dropdown-check-wrap .dropdown-toggle.is-item-showing[data-v-e8bbbe2e] {
  border-color: #2C59D9;
}
.lego-dropdown-check-wrap .dropdown-toggle[data-v-e8bbbe2e]:focus {
  border: 1px solid #a5a7ad;
}
.lego-dropdown-check-wrap .dropdown-toggle[data-v-e8bbbe2e]:hover {
  border-color: #2C59D9;
}
.lego-dropdown-check-wrap .dropdown-toggle .lego-dropdown__selected[data-v-e8bbbe2e] {
  width: calc(100% - 15px);
}
.lego-dropdown-check-wrap .dropdown-toggle span[data-v-e8bbbe2e] {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.lego-dropdown-check-wrap .dropdown-submenu[data-v-e8bbbe2e] {
  z-index: 9999;
  position: absolute;
  margin-top: -1px;
  width: 100%;
  background-color: #fff;
  border: solid 1px var(--blue-with-a-hint-of-purple);
}
.lego-dropdown-check-wrap .search-result[data-v-e8bbbe2e] {
  padding-left: 12px;
  font-size: 12px;
  color: #999999;
  margin: 5px 0;
}
.lego-dropdown-check-wrap .no-result[data-v-e8bbbe2e] {
  cursor: default;
  padding: 25px 0;
  text-align: center;
  font-size: 11px;
  color: #858585;
}
.lego-dropdown-check-wrap[data-v-e8bbbe2e] .auto-complete__search-box {
  padding: 12px 12px 0px 12px;
}
.lego-dropdown-check-wrap[data-v-e8bbbe2e] .lego-text-field {
  min-width: 0;
}
.lego-dropdown-check-wrap .check-search-box[data-v-e8bbbe2e] {
  padding: 8px 10px;
}
.lego-dropdown-check-wrap .check-item[data-v-e8bbbe2e] {
  display: flex;
  flex-direction: row;
  height: 34px;
  align-items: center;
  padding: 0 12px;
  align-content: center;
  cursor: pointer;
}
.lego-dropdown-check-wrap .check-item[data-v-e8bbbe2e]:hover, .lego-dropdown-check-wrap .check-item.selected[data-v-e8bbbe2e] {
  color: var(--blue-with-a-hint-of-purple);
  font-size: 14px;
  background-color: rgba(54, 79, 199, 0.12);
}
.lego-dropdown-check-wrap .check-item .checkbox[data-v-e8bbbe2e] {
  display: inline-block;
  width: 16px;
  height: 16px;
  padding: 0;
  margin-top: 3px;
  line-height: 16px;
  border-radius: 2px;
  border: solid 1px var(--color-ui-06);
  background-color: #fff;
  overflow: hidden;
}
.lego-dropdown-check-wrap .check-item .checkbox[data-v-e8bbbe2e] .lego-icon--small {
  font-size: 13px;
}
.lego-dropdown-check-wrap .check-item.selected .checkbox[data-v-e8bbbe2e] {
  background-color: var(--blue-with-a-hint-of-purple);
  border: 1px solid var(--blue-with-a-hint-of-purple);
}
.lego-dropdown-check-wrap .check-item.selected .checkbox[data-v-e8bbbe2e] .lego-icon {
  color: #fff;
}
.lego-dropdown__selectall-wrap[data-v-e8bbbe2e] {
  padding: 0 0px;
}
.lego-dropdown__selectall-wrap .lego-dropdown__item[data-v-e8bbbe2e]:hover {
  background-color: transparent;
}
[data-v-e8bbbe2e] .lego-dropdown__selectall {
  display: block !important;
  border: 0;
  border-bottom: 1px solid #e4e5e7;
  line-height: 24px;
  min-height: 34px;
  max-height: 48px;
}
[data-v-e8bbbe2e] .lego-dropdown__selectall .checkbox-wrapper {
  margin-top: 6px;
}
[data-v-e8bbbe2e] .lego-dropdown__selectall .lego-dropdown__item .lego-checkbox__checked + .lego-checkbox__label,[data-v-e8bbbe2e] .lego-dropdown__selectall .lego-checkbox__label {
  color: #2f3237 !important;
  font-weight: 700;
  padding-top: 1px;
}
[data-v-e8bbbe2e] .lego-dropdown__selectall:hover {
  background-color: #eff1fb !important;
}
[data-v-e8bbbe2e] .lego-dropdown__item {
  padding: 0 12px;
}
[data-v-e8bbbe2e] .lego-dropdown__item.item-checked,[data-v-e8bbbe2e] .lego-dropdown__item:hover {
  background-color: #eff1fb;
}
[data-v-e8bbbe2e] .lego-dropdown__item.item-checked .lego-dropdown__label .lego-checkbox__label,[data-v-e8bbbe2e] .lego-dropdown__item:hover .lego-dropdown__label .lego-checkbox__label {
  color: #2f3237;
  font-weight: 400;
}
[data-v-e8bbbe2e] .lego-checkbox__icon {
  margin-top: 1px;
}
[data-v-e8bbbe2e] .lego-dropdown__items {
  max-height: initial;
  border: 0;
  overflow-x: hidden;
  overflow-y: hidden;
}
.lego-dropdown__selectall-wrap[data-v-e8bbbe2e] {
  padding: 0 0px;
}
.lego-dropdown__selectall-wrap .lego-dropdown__item[data-v-e8bbbe2e]:hover {
  background-color: transparent;
}
[data-v-e8bbbe2e] .widget-null {
  display: table;
  min-height: 130px !important;
  text-align: center;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/cmp/cForm/fields/core/fieldCheckbox.vue?vue&type=style&index=0&id=11d63f92&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.c-form-group .field-checkbox {
  padding-top: 6px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/cmp/cForm/fields/core/fieldChecklist.vue?vue&type=style&index=0&id=14ece532&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.c-form-group .field-checklist {
  padding-top: 6px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/cmp/cForm/fields/core/fieldCustom.vue?vue&type=style&index=0&id=c6912c00&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-c6912c00] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-c6912c00]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-c6912c00]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-c6912c00] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-c6912c00]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.field-custom-item[data-v-c6912c00] {
  width: 100%;
}
.field-custom-item .c-clipboard[data-v-c6912c00],
.field-custom-item .lego-radio-wrapper[data-v-c6912c00] {
  padding-top: 6px;
}
.field-custom-item .lego-radio-wrapper[style="display: none;"] + .c-form--inner[data-v-c6912c00] {
  margin-top: 8px;
}
.field-custom-item .lego-radio-wrapper + .c-form--inner[data-v-c6912c00] {
  margin-top: 16px;
}
.field-custom-item .c-form--inner__button[data-v-c6912c00] {
  margin-bottom: 16px;
}
.field-custom-item .custom-label[data-v-c6912c00] {
  padding-top: 6px;
}
.field-custom-item .custom-label.margin-footer[data-v-c6912c00] {
  margin-bottom: 16px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/cmp/cForm/fields/core/fieldDatepicker.vue?vue&type=style&index=0&id=dd5ea96a&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-dd5ea96a] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-dd5ea96a]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-dd5ea96a]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-dd5ea96a] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-dd5ea96a]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-date-picker + .lego-date-picker[data-v-dd5ea96a] {
  margin-left: 21px !important;
  position: relative;
}
.lego-date-picker + .lego-date-picker[data-v-dd5ea96a]:before {
  content: "~";
  position: absolute;
  left: -15px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/cmp/cForm/fields/core/fieldLabel.vue?vue&type=style&index=0&id=25df6035&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.c-form-group .form-builder-label {
  padding-top: 6px;
}
.c-form-group .form-builder-label .c-label {
  word-break: break-all;
}
.c-form-group-view .form-builder-label {
  padding-top: 0px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/cmp/cForm/fields/core/fieldRadios.vue?vue&type=style&index=0&id=082a8232&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.c-form-group .field-radios {
  padding-top: 6px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/cmp/cForm/fields/core/fieldSelect.vue?vue&type=style&index=0&id=cf6b53ea&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.c-form-group .lego-dropdown + .lego-button {
  margin-left: 8px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/cmp/cForm/cFormGroup.vue?vue&type=style&index=0&id=54a20b79&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-54a20b79] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-54a20b79]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-54a20b79]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-54a20b79] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-54a20b79]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.c-form-group[data-v-54a20b79] {
  display: flex;
  padding-top: 2px;
  margin-bottom: 20px;
  min-width: 0;
}
.c-form-group[data-v-54a20b79]:nth-last-child(1) {
  margin-bottom: 0;
}
.c-form-group-view .c-form-group-label[data-v-54a20b79] {
  padding-top: 0;
}
.c-form-group-label[data-v-54a20b79] {
  width: 120px;
  flex: 0 0 120px;
  min-height: 26px;
  padding-top: 6px;
}
.c-form-group-label .help[data-v-54a20b79] {
  position: relative;
  top: 2px;
  left: 4px;
}
.c-form-group .field-wrap[data-v-54a20b79] {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  align-items: stretch;
}
.c-form-group .field-wrap span + button[data-v-54a20b79] {
  margin-left: 8px;
}
.c-form-group .field-wrap > div + div[data-v-54a20b79] {
  margin-left: 8px;
}
.c-form-group .field-wrap > div + span[data-v-54a20b79],
.c-form-group .field-wrap > span + div[data-v-54a20b79] {
  margin-left: 8px;
}
.c-form-group .field-wrap .unit[data-v-54a20b79] {
  line-height: 32px;
}
.c-form-group .field-wrap .hint[data-v-54a20b79] {
  width: 100%;
  color: #787c84;
  margin-top: 8px;
  margin-left: 0px;
}
.c-form-group .field-wrap .wrapper[data-v-54a20b79] {
  width: 100%;
  display: flex;
  align-self: center;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/cmp/cForm/cForm.vue?vue&type=style&index=0&id=aa154154&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-aa154154] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-aa154154]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-aa154154]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-aa154154] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-aa154154]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.c-form[data-v-aa154154] {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}
.c-form-hr[data-v-aa154154] {
  width: 100%;
  height: 1px;
  margin-bottom: 20px;
  background-color: var(--color-ui-ui08);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/cmp/cLabel/cLabel.vue?vue&type=style&index=0&id=80855834&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-80855834] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-80855834]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-80855834]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-80855834] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-80855834]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.c-label--ellipsis[data-v-80855834] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.c-label--pre[data-v-80855834] {
  white-space: pre-wrap;
}
.c-label[data-v-80855834] .lego-icon--prod {
  margin-right: 10px;
  opacity: 0.6;
  position: relative;
  top: 2px;
}
.c-label[data-v-80855834] .lego-icon--picto {
  margin-right: 10px;
  opacity: 0.6;
  position: relative;
  top: 2px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/cmp/cLayout/cLayout.vue?vue&type=style&index=0&id=2de3c122&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-2de3c122] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-2de3c122]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-2de3c122]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-2de3c122] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-2de3c122]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.c-layout[data-v-2de3c122] {
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}
.c-layout-body[data-v-2de3c122] {
  width: 100%;
}
.c-layout-resize[data-v-2de3c122] {
  cursor: w-resize;
  border-right: 1px solid #2C59D9;
  text-align: center;
  position: relative;
}
.c-layout-resize--icon[data-v-2de3c122] {
  transform: rotate(270deg);
  position: absolute;
  width: 23px;
  height: 23px;
  background-color: #ffffff;
  border: 1px solid #2C59D9;
  border-radius: 23px;
  left: -5px;
  top: calc(50% - 12px);
  pointer-events: none;
}
.c-layout-resize--icon i[data-v-2de3c122] {
  vertical-align: middle;
}
.c-layout-resize-line[data-v-2de3c122] {
  width: 6px;
  border-left: dashed 1px rgba(44, 89, 217, 0.3);
  left: -100px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/cmp/cFilter/cFilter.vue?vue&type=style&index=0&id=0e52f484&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-0e52f484] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-0e52f484]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-0e52f484]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-0e52f484] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-0e52f484]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.c-filter .search-form[data-v-0e52f484] {
  display: flex;
  flex-wrap: wrap;
  background-color: rgb(233.9, 238.4, 251.2);
  padding: 24px;
  gap: 16px 40px;
  border-radius: 4px;
}
.c-filter .search-form-label[data-v-0e52f484] {
  min-width: 32px;
  line-height: 16px;
  font-weight: 700;
  margin-bottom: 8px;
  color: #000000;
}
.c-filter .search-form-label .required[data-v-0e52f484] {
  color: #fc434e;
  margin-left: 2px;
  font-weight: 700;
  font-size: 14px;
  margin-left: 4px;
}
.c-filter .search-form-label .help[data-v-0e52f484] {
  vertical-align: middle;
  margin-left: 5px;
}
.c-filter .search-form-content[data-v-0e52f484] {
  flex: 1;
  min-width: 0;
}
.c-filter .search-form-content .lego-dropdown[data-v-0e52f484],
.c-filter .search-form-content .lego-text-field[data-v-0e52f484] {
  min-width: auto;
}
.c-filter .search-form-group[data-v-0e52f484] {
  flex: 1;
  min-width: 0;
  display: flex;
}
.c-filter .search-form-group .search-form-content + .search-form-content[data-v-0e52f484] {
  margin-left: 8px;
}
.c-filter .search-form .search-form-field .search-form-content[data-v-0e52f484] {
  width: 100%;
}
.c-filter .button-group[data-v-0e52f484] {
  text-align: right;
  padding: 16px 0;
  border-bottom: 1px solid #e4e5e7;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/cmp/cBreadcrumb/cBreadcrumb.vue?vue&type=style&index=0&id=6ebd7958&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-6ebd7958] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-6ebd7958]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-6ebd7958]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-6ebd7958] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-6ebd7958]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.c-breadcrumb[data-v-6ebd7958] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.c-breadcrumb .c-breadcrumb__item[data-v-6ebd7958] {
  display: flex;
  align-items: center;
  gap: 3px;
}
.c-breadcrumb .c-breadcrumb__item--root .c-label[data-v-6ebd7958]:hover {
  color: #2c59d9 !important;
  text-decoration: underline;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/cmp/cTitle/cTitle.vue?vue&type=style&index=0&id=7165bb66&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-7165bb66] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-7165bb66]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-7165bb66]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-7165bb66] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-7165bb66]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.c-title[data-v-7165bb66] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.c-title-root[data-v-7165bb66] {
  height: 60px;
  align-items: flex-end;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--color-ui-ui07);
}
.c-title-underline[data-v-7165bb66] {
  align-items: flex-end;
  padding-bottom: 8px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--color-ui-ui07);
}
.c-title__item[data-v-7165bb66] {
  display: flex;
  align-items: center;
}
.c-title__item__history[data-v-7165bb66] {
  cursor: pointer;
}
.c-title__item .c-label + .c-label[data-v-7165bb66] {
  margin-left: 8px;
}
.c-title__item[data-v-7165bb66] .opus-icon__arrow_left_bold_24 {
  height: 42px;
}
.c-title__item .opus-icon__info[data-v-7165bb66] {
  margin-left: 8px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/cmp/cNavi/cNavi.vue?vue&type=style&index=0&id=4a0b6ccc&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-4a0b6ccc] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-4a0b6ccc]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-4a0b6ccc]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-4a0b6ccc] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-4a0b6ccc]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.c-navi[data-v-4a0b6ccc] {
  width: 100%;
}
.c-navi .c-navi-list > ul > li > .c-navi-item-text[data-v-4a0b6ccc] {
  height: 40px;
  margin: 8px 0;
}
.c-navi .c-navi-list > ul > li > .c-navi-item-text .c-label[data-v-4a0b6ccc] {
  font-weight: 700 !important;
}
.c-navi .c-navi-list .c-navi-items .c-navi-item[data-v-4a0b6ccc]:last-child {
  border-bottom: none;
}
.c-navi .c-navi-list .c-navi-items .c-navi-item.lnb-close[data-v-4a0b6ccc] {
  height: 56px;
  border-bottom: unset;
}
.c-navi .c-navi-list .c-navi-items .c-navi-item.lnb-close .c-navi-item-text[data-v-4a0b6ccc] {
  height: 56px;
  margin: 0 8px;
  padding-left: 12px !important;
}
.c-navi .c-navi-list .c-navi-items .c-navi-item.lnb-close .c-navi-item-text.active[data-v-4a0b6ccc] {
  padding-left: 16px !important;
  background-color: unset;
  border-left: 4px solid #374fc8;
  border-radius: unset;
  margin: unset !important;
}
.c-navi-sch-item[data-v-4a0b6ccc] {
  height: 32px;
  padding: 6px 12px;
  cursor: pointer;
}
.c-navi-sch-item[data-v-4a0b6ccc] .point {
  color: rgb(65.1, 105.6, 220.8);
}
.c-navi-sch-item[data-v-4a0b6ccc]:hover {
  background-color: rgba(44, 89, 217, 0.04);
}
.c-navi-sch-item[data-v-4a0b6ccc]:active {
  background-color: rgba(44, 89, 217, 0.12);
}
.c-navi-sch-item.no-result[data-v-4a0b6ccc] {
  pointer-events: none;
}
.c-navi-lnb .active-color[data-v-4a0b6ccc] .lego-icon--picto {
  opacity: 1 !important;
}
.c-navi-lnb .c-line-item[data-v-4a0b6ccc] {
  height: 1px;
  background-color: #fff;
  opacity: 0.1;
  overflow: hidden;
}
.c-navi-lnb .c-navi-item-text .c-label[data-v-4a0b6ccc] .lego-icon--picto {
  opacity: 1;
}
.c-navi-lnb .c-navi-item-text:hover .c-label[data-v-4a0b6ccc] {
  color: #2f3237 !important;
}
.c-navi-lnb .c-navi-item-text[data-v-4a0b6ccc]:hover .scpm-new-tab {
  visibility: visible !important;
}
.c-navi-lnb .c-navi-item-text[data-v-4a0b6ccc]:hover {
  background-color: rgb(239, 241, 251);
}
.c-navi-lnb .c-navi-item-text.active-tab .c-label[data-v-4a0b6ccc] {
  color: #2f3237 !important;
  font-weight: 500 !important;
}
.c-navi-lnb .c-navi-item-text.active-tab[data-v-4a0b6ccc] .lego-icon {
  color: #2c5ad8 !important;
}
.c-navi-lnb .c-navi-item-text.active[data-v-4a0b6ccc] {
  background-color: #e1e7f9;
}
.c-navi-lnb .c-navi-item-text.active .c-label[data-v-4a0b6ccc] {
  color: #374fc8 !important;
}
.c-navi-lnb .c-navi-item-text.active[data-v-4a0b6ccc] .lego-icon {
  color: #2c5ad8 !important;
}
.c-navi-lnb .c-navi-item-text[data-v-4a0b6ccc] .lego-icon {
  color: #b6c6f2;
}
.c-navi-lnb .c-navi-item-text[data-v-4a0b6ccc] .lego-icon + .lego-icon {
  margin-left: 6px;
}
.c-navi-lnb .c-navi-child-items2[data-v-4a0b6ccc]:after {
  background-color: #1f2430;
}
.c-navi-lnb .c-navi-child-items2 .c-navi-item-text[data-v-4a0b6ccc]:hover {
  background-color: rgb(239, 241, 251);
}
.c-navi-lnb .c-navi-child-items2 .c-navi-item-text.open[data-v-4a0b6ccc] {
  background-color: red;
}
.c-navi-lnb .c-navi-child-items2 .c-navi-item-text.active[data-v-4a0b6ccc] {
  background-color: #e1e7f9;
}
.c-navi-lnb .c-navi-child-items2 .blank-msg[data-v-4a0b6ccc] {
  height: 116px;
  color: rgba(255, 255, 255, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.04);
  margin-bottom: -16px;
  font-size: 12px;
  white-space: pre;
  text-align: center;
}
.c-navi-lnb .c-navi-child-items2 > li:last-child .c-navi-child-items3 > li[data-v-4a0b6ccc]:last-child {
  position: relative;
  margin-bottom: -16px;
}
.c-navi-lnb .c-navi-child-items2 > li:last-child .c-navi-child-items3 > li[data-v-4a0b6ccc]:last-child:after {
  bottom: -16px;
}
.c-navi-lnb .c-navi-child-items3[data-v-4a0b6ccc]:after {
  background-color: #272c37;
}
.c-navi-lnb .c-navi-child-items3 .c-navi-item-text[data-v-4a0b6ccc] {
  background-color: #272c37;
}
.c-navi-lnb .c-navi-child-items3 .c-navi-item-text[data-v-4a0b6ccc]:hover {
  background-color: #313540;
}
.c-navi-lnb .c-navi-child-items3 .c-navi-item-text.active[data-v-4a0b6ccc] {
  background-color: #2f3b6e;
}
.c-navi-lnb .c-navi-child-items3 > li[data-v-4a0b6ccc]:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  height: 16px;
  background: #272c37;
}
.c-navi-calculator[data-v-4a0b6ccc] {
  padding: 20px;
}
.c-navi-calculator .c-navi-item-text[data-v-4a0b6ccc] {
  height: 40px;
}
.c-navi-calculator .c-navi-item-text[data-v-4a0b6ccc] .opus-icon__add_box_solid {
  display: none;
}
.c-navi-calculator .c-navi-item-text[data-v-4a0b6ccc]:hover {
  background-color: rgba(44, 89, 217, 0.04);
}
.c-navi-calculator .c-navi-item-text[data-v-4a0b6ccc]:hover .opus-icon__add_box_solid {
  display: block;
}
.c-navi-calculator .c-navi-item-text[data-v-4a0b6ccc]:active {
  background-color: rgba(44, 89, 217, 0.12);
}
.c-navi-calculator .c-navi-autocomplete[data-v-4a0b6ccc] {
  padding-bottom: 8px;
  border-bottom: 1px solid #d2d3d6;
  margin-bottom: 8px;
}
.c-navi-item-text.open[data-v-4a0b6ccc] .lego-icon.opus-icon__arrow_down {
  transform: rotate(-180deg);
}
.c-navi-item-text[data-v-4a0b6ccc] .opus-icon__delete {
  display: none;
}
.c-navi-item-text[data-v-4a0b6ccc]:hover .opus-icon__delete {
  display: inline-block;
  margin-left: 12px;
}
.c-navi[data-v-4a0b6ccc] .simplebar-track.simplebar-vertical {
  right: 5px;
}
.c-navi-item[data-v-4a0b6ccc] {
  border-bottom: solid 1px #e3e4e8;
}
.c-navi-item.hide[data-v-4a0b6ccc] {
  display: none;
}
.c-navi-title[data-v-4a0b6ccc] {
  display: flex;
  align-items: center;
  padding: 0 12px 0 19px;
  margin-bottom: 4px;
}
.c-navi-item-text[data-v-4a0b6ccc] {
  display: flex;
  align-items: center;
  padding: 8px 8px 8px;
  cursor: pointer;
  border-radius: 4px;
}
.c-navi-item-text[data-v-4a0b6ccc], .c-navi-title[data-v-4a0b6ccc] {
  height: 56px;
}
.c-navi-child-items[data-v-4a0b6ccc] {
  padding: 4px 0;
}
.c-navi .c-navi-child-items2[data-v-4a0b6ccc] {
  padding-bottom: 16px;
  position: relative;
}
.c-navi .c-navi-child-items2 .c-navi-item-text[data-v-4a0b6ccc] {
  height: 36px;
}
.c-navi .c-navi-child-items2 .c-navi-item[data-v-4a0b6ccc] {
  border-bottom: unset;
}
.c-navi .c-navi-child-items3[data-v-4a0b6ccc] {
  padding-bottom: 16px;
  position: relative;
}
.c-navi .c-navi-child-items3 .c-navi-item-text[data-v-4a0b6ccc] {
  height: 32px;
}
.c-navi .c-navi-child-items3 .c-navi-item-text .c-label[data-v-4a0b6ccc] {
  font-size: 14px !important;
  padding-right: 28px;
}
.c-navi .c-navi-child-items3 .c-navi-item[data-v-4a0b6ccc] {
  border-bottom: unset;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/cmp/cFile/cFile.vue?vue&type=style&index=0&id=12fee274&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-12fee274] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-12fee274]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-12fee274]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-12fee274] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-12fee274]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.c-file[data-v-12fee274] {
  display: flex;
  align-items: center;
  position: relative;
}
.c-file .file-select[data-v-12fee274] {
  cursor: pointer;
}
.c-file .file-select > .lego-button[data-v-12fee274] {
  margin-left: 8px;
  width: 100px;
}
.c-file .file-select > input[type=file][data-v-12fee274] {
  display: none;
}
.c-file-message[data-v-12fee274] {
  color: #fc434e;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/cmp/cRowList/cRowList.vue?vue&type=style&index=0&id=7d916566&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-7d916566] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-7d916566]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-7d916566]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-7d916566] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-7d916566]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.c-row-list[data-v-7d916566] .lego-text-field__counter {
  display: none;
}
.c-row-list-header[data-v-7d916566] {
  display: flex;
  align-items: center;
}
.c-row-list-header__item[data-v-7d916566] {
  margin: 12px 4px;
}
.c-row-list-header__item .help[data-v-7d916566] {
  position: relative;
  top: 2px;
  left: 2px;
}
.c-row-list-body__row[data-v-7d916566] {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.c-row-list-body__item[data-v-7d916566] {
  display: flex;
  align-items: center;
  margin: 0 4px;
}
.c-row-list-body__item .lego-text-field[data-v-7d916566],
.c-row-list-body__item .lego-dropdown[data-v-7d916566] {
  min-width: 100%;
}
.c-row-list-body__item .lego-button[data-v-7d916566] {
  width: 62px;
  flex: 0 0 62px;
  margin-left: 8px;
}
.c-row-list-body .alert-msg[data-v-7d916566] {
  display: flex;
  align-items: center;
  color: #fc434e;
  margin-top: 10px;
}
.c-row-list-body .alert-msg[data-v-7d916566] .lego-icon {
  margin-right: 5px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/cmp/cAddList/cAddList.vue?vue&type=style&index=0&id=4b403546&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-4b403546] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-4b403546]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-4b403546]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-4b403546] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-4b403546]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.c-add-list-body[data-v-4b403546] {
  border-top: 1px solid #61666f;
  border-bottom: 1px solid #8e9198;
}
.c-add-list-body[data-v-4b403546]:empty {
  border: 0;
}
.c-add-list-body__key[data-v-4b403546] {
  width: 120px;
  padding-top: 6px;
}
.c-add-list-body__key[data-v-4b403546]:empty {
  width: 0;
}
.c-add-list-body__key .help[data-v-4b403546] {
  position: relative;
  top: 2px;
  left: 4px;
}
.c-add-list-body__data[data-v-4b403546] {
  width: calc(100% - 120px);
}
.c-add-list-body__row[data-v-4b403546] {
  width: 100%;
  display: flex;
  align-items: flex-start;
  padding: 20px 0;
  border-bottom: 1px solid #d2d3d6;
}
.c-add-list-body__row[data-v-4b403546]:nth-last-of-type(1) {
  border-bottom: 0;
}
.c-add-list-body__action[data-v-4b403546] {
  padding-top: 4px;
}
.c-add-list-body__item[data-v-4b403546] {
  display: flex;
  align-items: flex-start;
  margin: 0 4px;
  margin-right: 120px;
}
.c-add-list-body__item[data-v-4b403546]:nth-last-child(1) {
  margin-right: 0;
}
.c-add-list-body__item .lego-text-field[data-v-4b403546],
.c-add-list-body__item .lego-dropdown[data-v-4b403546] {
  min-width: 100%;
}
.c-add-list-body__item .lego-button[data-v-4b403546] {
  width: 62px;
  flex: 0 0 62px;
  margin-left: 8px;
}
.c-add-list-body .alert-msg[data-v-4b403546] {
  display: flex;
  align-items: center;
  color: #fc434e;
  margin-top: 10px;
}
.c-add-list-body .alert-msg[data-v-4b403546] .lego-icon {
  margin-right: 5px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/cmp/cSummaryTable/cSummaryTable.vue?vue&type=style&index=0&id=3f0b265e&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-3f0b265e] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-3f0b265e]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-3f0b265e]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-3f0b265e] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-3f0b265e]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.c-summary-table-row[data-v-3f0b265e] {
  display: flex;
}
.c-summary-table-row[data-v-3f0b265e]:nth-of-type(1) {
  border-top: 1px #cccccc solid;
}
.c-summary-table-row[data-v-3f0b265e]:nth-last-of-type(1) {
  border-bottom: 1px #cccccc solid;
}
.c-summary-table-row[data-v-3f0b265e] {
  border-bottom: 1px #eaeaea solid;
}
.c-summary-table-row__key[data-v-3f0b265e] {
  width: 180px;
  flex: 0 0 180px;
  padding: 10px 16px;
  background-color: #f7f7f7;
}
.c-summary-table-row__value[data-v-3f0b265e] {
  width: calc(100% - 180px);
  flex: 0 0 calc(100% - 180px);
  padding: 10px 16px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/cmp/cContainer/cContainer.vue?vue&type=style&index=0&id=7b768bc6&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-7b768bc6] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-7b768bc6]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-7b768bc6]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-7b768bc6] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-7b768bc6]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.c-container[data-v-7b768bc6] {
  padding: 8px 40px;
}
.c-container-contents[data-v-7b768bc6] {
  padding: 20px 32px;
  min-height: 300px;
}
.c-container-contents__btngroup[data-v-7b768bc6] {
  text-align: right;
  margin-bottom: 12px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/cmp/cChart/cChart.vue?vue&type=style&index=0&id=416cf8a6&scoped=true&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-416cf8a6] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-416cf8a6]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-416cf8a6]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-416cf8a6] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-416cf8a6]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.c-chart-container[data-v-416cf8a6] {
  height: 100%;
}
.c-chart[data-v-416cf8a6] {
  height: 100%;
  margin: 0 auto;
  padding: 20px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/cmp/cGridView/cGridView.vue?vue&type=style&index=0&id=c3119bb8&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-c3119bb8] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-c3119bb8]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-c3119bb8]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-c3119bb8] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-c3119bb8]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.c-grid-view[data-v-c3119bb8] {
  overflow: hidden;
}
.c-grid-view > div[data-v-c3119bb8] {
  display: flex;
  flex-wrap: wrap;
  margin-left: -35px;
  margin-right: -35px;
  margin-top: -10px;
  margin-bottom: -10px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/cmp/cGridView/cGridViewCol.vue?vue&type=style&index=0&id=1b4ed0ec&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-1b4ed0ec] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-1b4ed0ec]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-1b4ed0ec]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-1b4ed0ec] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-1b4ed0ec]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.c-grid-view-col[data-v-1b4ed0ec] {
  min-height: 32px;
  margin: 10px 0;
  display: flex;
  padding: 0 35px;
}
.c-grid-view-col-label[data-v-1b4ed0ec] {
  display: flex;
  font-size: 14px;
  line-height: 32px;
  color: #1f2533;
  font-weight: 700;
}
.c-grid-view-col-label .help[data-v-1b4ed0ec] {
  margin-left: 6px;
  margin-top: 2px;
}
.c-grid-view-col-label .required[data-v-1b4ed0ec] {
  color: #fc434e;
  font-weight: 700;
  font-size: 14px;
  margin-left: 4px;
}
.c-grid-view-col-label .child-len[data-v-1b4ed0ec] {
  color: #2C59D9;
  margin-left: 2px;
}
.c-grid-view-col-content[data-v-1b4ed0ec] {
  flex: 1;
}
.c-grid-view-col-content.content-text[data-v-1b4ed0ec] {
  padding: 4px 0;
  line-height: 24px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/cmp/cClipboard/cClipboard.vue?vue&type=style&index=0&id=395de6b4&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-395de6b4] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-395de6b4]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-395de6b4]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-395de6b4] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-395de6b4]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.c-clipboard[data-v-395de6b4] .c-label {
  margin-right: 7px;
}
.c-clipboard[data-v-395de6b4] .opus-icon__copy {
  position: relative;
  top: 2px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/cmp/cNodata/cNodata.vue?vue&type=style&index=0&id=91785ab8&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-91785ab8] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-91785ab8]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-91785ab8]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-91785ab8] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-91785ab8]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.show-option[data-v-91785ab8] {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-top: 8px;
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
  color: #2c59d9;
}
.show-option[data-v-91785ab8] .lego-icon {
  color: #2c59d9;
}
.des-class[data-v-91785ab8] {
  overflow: hidden;
  word-break: break-word;
  white-space: pre-wrap;
}
.show_more[data-v-91785ab8] {
  max-height: 80px;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.show_less[data-v-91785ab8] {
  max-height: -moz-max-content;
  max-height: max-content;
}
.text-no-data[data-v-91785ab8] {
  color: #979daa;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/cmp/cAsg/cAsg.vue?vue&type=style&index=0&id=977b18f4&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.badge-asg .lego-badge {
  width: 36px;
  height: 18px;
  border: 1px solid #c5acfb;
  background-color: #f1ecfe;
  border-radius: 15px;
  margin-right: 2px;
  padding-left: 3px;
  padding-right: 3px;
  font-weight: 500;
  color: #550bf4;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/lego/plugin/loader/loader.vue?vue&type=style&index=0&id=ba7f16fe&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.loader-on #loading {
  pointer-events: unset !important;
}
.vld-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  align-items: center;
  display: flex;
  justify-content: center;
  overflow: hidden;
  z-index: 9999;
}
.vld-overlay.is-fixed {
  position: fixed;
}
.vld-overlay:focus {
  outline: none;
}
.vld-overlay.full {
  z-index: 9999;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.vld-overlay .vld-background {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0.4;
}
.vld-overlay .vld-icon {
  position: relative;
  width: 60px;
  height: 60px;
}
.vld-overlay .vld-parent {
  position: relative;
}
.vld-overlay .s-loader {
  width: 60px;
  height: 60px;
  animation: load8 1s infinite linear;
}
@keyframes load8 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/widgets/common/widgetWrapper.vue?vue&type=style&index=0&id=7f874e7b&scoped=true&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-7f874e7b] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-7f874e7b]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-7f874e7b]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-7f874e7b] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-7f874e7b]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.widget[data-v-7f874e7b] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  border: 1px solid #d2d3d6;
  border-radius: 4px;
}
.widget-header[data-v-7f874e7b] {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 15px 20px;
}
.widget-header .c-label + .c-label[data-v-7f874e7b] {
  margin-left: 8px;
}
.widget-header[data-v-7f874e7b] .opus-icon__info {
  margin-left: 8px;
  position: relative;
  top: 1px;
}
.widget-body[data-v-7f874e7b] {
  flex: 1 1 auto;
  min-width: 0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/widgets/widgetNotice.vue?vue&type=style&index=0&id=8a8bc8a8&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-8a8bc8a8] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-8a8bc8a8]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-8a8bc8a8]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-8a8bc8a8] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-8a8bc8a8]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.widget-notice[data-v-8a8bc8a8] {
  height: 100%;
  margin: 0 auto;
  padding: 29px 40px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
.widget-notice .widget-null[data-v-8a8bc8a8] {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: center;
  height: 100%;
}
.widget-notice .widget-null[data-v-8a8bc8a8].lego-icon {
  margin-bottom: 17px;
}
.widget-notice-list[data-v-8a8bc8a8] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 17px;
}
.widget-notice-list:hover .widget-notice-list__name .c-label[data-v-8a8bc8a8] {
  color: #2C59D9 !important;
}
.widget-notice-list:active .widget-notice-list__name .c-label[data-v-8a8bc8a8] {
  color: #2C59D9 !important;
}
.widget-notice-list[data-v-8a8bc8a8]:nth-of-type(1) {
  margin-top: 0;
}
.widget-notice-list__name[data-v-8a8bc8a8] {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
}
.widget-notice-list__name[data-v-8a8bc8a8]:before {
  content: "·";
  display: inline;
  margin-right: 4px;
  font-size: 16px;
}
.widget-notice-list__date[data-v-8a8bc8a8] {
  white-space: nowrap;
  margin-left: 10px;
}
.widget-notice-list[data-v-8a8bc8a8] .new-icon {
  margin: 0 10px 0 5px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/widgets/widgetValue.vue?vue&type=style&index=0&id=56a16dcd&scoped=true&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-56a16dcd] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-56a16dcd]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-56a16dcd]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-56a16dcd] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-56a16dcd]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.widget-value[data-v-56a16dcd] {
  height: 100%;
  margin: 0 auto;
  padding: 29px 20px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
.widget-value .widget-null[data-v-56a16dcd] {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: center;
  height: 100%;
}
.widget-value .widget-null[data-v-56a16dcd].lego-icon {
  margin-bottom: 17px;
}
.widget-value-list[data-v-56a16dcd] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
  padding: 0 20px 8px 20px;
}
.widget-value-list[data-v-56a16dcd]:nth-of-type(1) {
  margin-top: 0;
}
.widget-value-list[data-v-56a16dcd]:nth-last-of-type(1) {
  border: 0 !important;
}
.widget-value-list__cost[data-v-56a16dcd] {
  margin-right: 10px;
}
.widget-value-list__name[data-v-56a16dcd] {
  display: flex;
  flex: 1 1 auto;
}
.widget-value-list__value[data-v-56a16dcd] {
  text-align: right;
  flex: 1 1 auto;
}
.widget-value-default[data-v-56a16dcd] .lego-chip__slot {
  font-size: 16px;
  font-weight: 500;
}
.widget-value-default[data-v-56a16dcd] .lego-chip__container {
  margin-left: 10px;
}
.widget-value-default__name[data-v-56a16dcd] {
  width: inherit;
}
.widget-value-default__value[data-v-56a16dcd] {
  width: inherit;
}
.widget-value[data-v-56a16dcd] .error {
  color: var(--error);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/widgets/widgetChartBar.vue?vue&type=style&index=0&id=b847d2ae&scoped=true&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-b847d2ae] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-b847d2ae]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-b847d2ae]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-b847d2ae] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-b847d2ae]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.widget-chart-bar[data-v-b847d2ae] {
  height: 100%;
  margin: 0 auto;
  padding: 20px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/widgets/widgetChartMultiBar.vue?vue&type=style&index=0&id=075f22f4&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-075f22f4] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-075f22f4]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-075f22f4]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-075f22f4] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-075f22f4]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.widget-chart-bar[data-v-075f22f4] {
  height: 100%;
  margin: 0 auto;
  padding: 20px;
}
.widget-null[data-v-075f22f4] {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: center;
  height: 100%;
}
.widget-null[data-v-075f22f4].lego-icon {
  margin-bottom: 17px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/widgets/widgetChartLine.vue?vue&type=style&index=0&id=ec916264&scoped=true&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-ec916264] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-ec916264]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-ec916264]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-ec916264] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-ec916264]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.widget-chart-bar[data-v-ec916264] {
  height: 100%;
  margin: 0 auto;
  padding: 20px;
}
.widget-null[data-v-ec916264] {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: center;
  height: 100%;
}
.widget-null[data-v-ec916264].lego-icon {
  margin-bottom: 17px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/widgets/widgetList.vue?vue&type=style&index=0&id=d30d7d1c&scoped=true&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-d30d7d1c] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-d30d7d1c]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-d30d7d1c]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-d30d7d1c] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-d30d7d1c]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.widget-list[data-v-d30d7d1c] {
  height: 100%;
  margin: 0 auto;
  padding: 20px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
.widget-list-list[data-v-d30d7d1c] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e8e8ea;
  padding: 8px 20px 8px;
  cursor: pointer;
}
.widget-list-list:hover .widget-list-list__name .c-label[data-v-d30d7d1c] {
  color: #2C59D9 !important;
}
.widget-list-list:active .widget-list-list__name .c-label[data-v-d30d7d1c] {
  color: #2C59D9 !important;
}
.widget-list-list[data-v-d30d7d1c]:nth-of-type(1) {
  margin-top: 0;
}
.widget-list-list[data-v-d30d7d1c]:nth-last-of-type(1) {
  border: 0;
}
.widget-list-list__name[data-v-d30d7d1c] {
  display: flex;
  width: calc(100% - 90px);
}
.widget-list-list__date[data-v-d30d7d1c] {
  width: 90px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/widgets/widgetDesc.vue?vue&type=style&index=0&id=fa314436&scoped=true&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-fa314436] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-fa314436]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-fa314436]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-fa314436] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-fa314436]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.widget-desc[data-v-fa314436] {
  height: 100%;
  margin: 0 auto;
  padding: 29px 40px;
  display: flex;
  flex-direction: column;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.widget-desc-name[data-v-fa314436] {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  padding-bottom: 8px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/widgets/widgetCustom.vue?vue&type=style&index=0&id=afc9c876&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-afc9c876] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-afc9c876]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-afc9c876]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-afc9c876] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-afc9c876]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.widget-custom[data-v-afc9c876] {
  height: 100%;
  margin: 0 auto;
  padding: 20px;
  display: flex;
  flex-direction: column;
  white-space: pre;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/widgets/widgetChartPie.vue?vue&type=style&index=0&id=d53a30bc&scoped=true&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-d53a30bc] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-d53a30bc]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-d53a30bc]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-d53a30bc] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-d53a30bc]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.widget-chart-pie[data-v-d53a30bc] {
  height: 100%;
  margin: 0 auto;
  padding: 20px;
  position: relative;
}
.widget-null[data-v-d53a30bc] {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: center;
  height: 100%;
}
.widget-null[data-v-d53a30bc].lego-icon {
  margin-bottom: 17px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/widgets/widgetFreeTrial.vue?vue&type=style&index=0&id=5b1b51e6&scoped=true&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-5b1b51e6] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-5b1b51e6]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-5b1b51e6]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-5b1b51e6] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-5b1b51e6]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.widget-ft[data-v-5b1b51e6] {
  height: 100%;
  margin: 0 auto;
  padding: 20px;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.widget-ft-desc[data-v-5b1b51e6] {
  border-top: 1px solid #d2d3d6;
  padding: 12px 20px 0;
  margin-top: 32px;
}
.widget-ft-desc li[data-v-5b1b51e6] {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.widget-ft-desc li[data-v-5b1b51e6] .lego-icon {
  margin-right: 12px;
  vertical-align: middle;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/widgets/widgetCustomScpm.vue?vue&type=style&index=0&id=212a9dc4&scoped=true&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-212a9dc4] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-212a9dc4]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-212a9dc4]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-212a9dc4] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-212a9dc4]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.widget-custom[data-v-212a9dc4] {
  height: 100%;
  margin: 0 auto;
  padding: 20px;
  display: flex;
  flex-direction: column;
  white-space: pre;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.widget-null[data-v-212a9dc4] {
  padding: 31px 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: center;
  height: 100%;
}
.widget-null[data-v-212a9dc4].lego-icon {
  margin-bottom: 17px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/common/ScpmTitle.vue?vue&type=style&index=0&id=7c11e3e9&scoped=true&lang=css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.c-title.c-title-root[data-v-7c11e3e9]{
        border: none;
        padding: 0;
        align-items: center;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/common/ScpmSubTitle.vue?vue&type=style&index=0&id=09cb48f7&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-09cb48f7] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-09cb48f7]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-09cb48f7]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-09cb48f7] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-09cb48f7]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.scpmSubTitleContainer[data-v-09cb48f7] {
  display: flex;
  justify-content: space-between;
}
.scpmSubTitleContainer .scpmSubTitle[data-v-09cb48f7] {
  height: 24px;
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: var(--dark);
}
.scpmSubTitleContainer .action[data-v-09cb48f7] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/common/ScpmDivider.vue?vue&type=style&index=0&id=eb429c2c&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-eb429c2c] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-eb429c2c]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-eb429c2c]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-eb429c2c] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-eb429c2c]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.divider[data-v-eb429c2c] {
  width: 100%;
  height: 1px;
  margin: 20px 0 0;
  background-color: #E3E5E8;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/common/ScpmSearch.vue?vue&type=style&index=0&id=48256867&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-48256867] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-48256867]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-48256867]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-48256867] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-48256867]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.ScpmSearchContainer[data-v-48256867] {
  margin: 8px 0;
  padding: 20px;
  border-radius: 6px;
  background-color: var(--color-primary-tint-01);
}
.ScpmSearchContainer .action[data-v-48256867] {
  display: flex;
  justify-content: flex-end;
}
.ScpmSearchButtons[data-v-48256867] {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/common/ScpmGaugeBar.vue?vue&type=style&index=0&id=2796d059&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-2796d059] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-2796d059]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-2796d059]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-2796d059] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-2796d059]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.gauge-bar .icon-gauge[data-v-2796d059] {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  width: 90px;
  height: 14px;
  border-radius: 7px;
  background-color: rgba(31, 37, 51, 0.08);
  overflow: hidden;
}
.gauge-bar .icon-gauge .percent[data-v-2796d059] {
  display: block;
  width: 0;
  height: 14px;
  background-color: var(--greenblue);
}
.gauge-bar .percent-num[data-v-2796d059] {
  display: inline-block;
  margin: 0 0 0 19px;
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: right;
  color: var(--dark);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/common/ScpmMethodSelect.vue?vue&type=style&index=0&id=59573c3c&lang=css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.ro .alert-available {
  cursor: default !important;
}
.ro .alert-unavailable {
  cursor: default !important;
}
.alert-available svg path {
  fill: #2c59d9 !important;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/common/ScpmTagDropdown.vue?vue&type=style&index=0&id=70f81f1c&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-70f81f1c] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-70f81f1c]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-70f81f1c]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-70f81f1c] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-70f81f1c]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.auto-complete__search-box[data-v-70f81f1c] {
  padding: 12px;
}
.erorr-message[data-v-70f81f1c] {
  font-size: 12px;
  color: #fc434e;
}
.lego-dropdown[data-v-70f81f1c] {
  min-width: 80px;
  width: 100%;
}
.lego-dropdown__title[data-v-70f81f1c] {
  border-radius: 2px;
}
.lego-dropdown__title.is-item-showing[data-v-70f81f1c] {
  border-color: #2C59D9;
}
.lego-dropdown__title .lego-dropdown__selected[data-v-70f81f1c] {
  display: block;
  line-height: 30px;
  width: calc(100% - 24px);
  color: #a5a7ad;
}
.lego-dropdown__title .lego-dropdown__selected span[data-v-70f81f1c] {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lego-dropdown__title .lego-dropdown__selected.placeholder[data-v-70f81f1c] {
  color: #a5a7ad;
}
.lego-dropdown__title-icon .lego-dropdown__icon[data-v-70f81f1c] {
  font-size: 12px;
}
.lego-dropdown .lego-dropdown__title[data-v-70f81f1c]:focus {
  border: 1px solid #a5a7ad;
}
.lego-dropdown .lego-dropdown__title[data-v-70f81f1c]:hover {
  border-color: #2C59D9;
}
.lego-dropdown--borderless[data-v-70f81f1c] {
  width: auto;
  min-width: auto;
}
.lego-dropdown--borderless .lego-dropdown__title[data-v-70f81f1c] {
  border: 0 !important;
}
.lego-dropdown--borderless .lego-dropdown__title .lego-dropdown__selected[data-v-70f81f1c] {
  flex-grow: 1;
}
.lego-dropdown--borderless.lego-dropdown--disabled .lego-dropdown__title[data-v-70f81f1c] {
  background: none !important;
}
.lego-dropdown--readonly[data-v-70f81f1c] {
  pointer-events: none;
  cursor: default;
}
.lego-dropdown--readonly .lego-dropdown__title[data-v-70f81f1c] {
  border: 1px solid #bbbdc1;
  background-color: #f3f4f4;
}
.lego-dropdown--small[data-v-70f81f1c] {
  min-width: 80px;
}
.lego-dropdown--small .lego-dropdown__title-icon .lego-dropdown__icon[data-v-70f81f1c] {
  font-size: 10px;
}
[data-v-70f81f1c] .lego-button--border.lego-button--default {
  font-weight: 700;
  background-color: #364fc7;
  border-color: #364fc7;
  color: #ffffff;
  font-size: 12px;
  line-height: 18px;
  border-radius: 2px;
  height: 24px;
  min-width: 70px;
  padding: 0 8px;
  cursor: pointer;
}
[data-v-70f81f1c] .lego-button--border.lego-button--default:hover {
  background-color: #2b3f9f;
  border-color: #2b3f9f;
}
[data-v-70f81f1c] .lego-dropdown__downwrap {
  width: 100%;
}
.lego-dropdown__tags[data-v-70f81f1c] {
  background-color: #ffffff;
  border: 1px solid #364fc7;
}
[data-v-70f81f1c] .lego-dropdown__item {
  padding: 0 12px 0 12px;
}
[data-v-70f81f1c] .lego-dropdown__item.item-checked,[data-v-70f81f1c] .lego-dropdown__item:hover {
  background-color: #eff1fb;
}
[data-v-70f81f1c] .lego-dropdown__item.item-checked .lego-dropdown__label .lego-checkbox__label,[data-v-70f81f1c] .lego-dropdown__item:hover .lego-dropdown__label .lego-checkbox__label {
  color: #2f3237;
  font-weight: 400;
}
[data-v-70f81f1c] .lego-dropdown__selectall {
  display: block !important;
  border: 0;
  border-bottom: 1px solid #e4e5e7;
  line-height: 24px;
  min-height: 34px;
  max-height: 48px;
}
[data-v-70f81f1c] .lego-dropdown__selectall .lego-dropdown__item .lego-checkbox__checked + .lego-checkbox__label,[data-v-70f81f1c] .lego-dropdown__selectall .lego-checkbox__label {
  color: #2f3237 !important;
  font-weight: 700;
  padding-top: 1px;
}
[data-v-70f81f1c] .lego-dropdown__selectall:hover {
  background-color: #eff1fb !important;
}
[data-v-70f81f1c] .lego-dropdown__items {
  max-height: initial;
  border: 0;
  overflow-x: hidden;
  overflow-y: hidden;
}
.lego-dropdown__selectall-wrap[data-v-70f81f1c] {
  padding: 0 0px;
}
.lego-dropdown__selectall-wrap .lego-dropdown__item[data-v-70f81f1c]:hover {
  background-color: transparent;
}
.lego-dropdown__apply-wrap[data-v-70f81f1c] {
  padding: 0 10px;
}
[data-v-70f81f1c] .lego-dropdown__apply {
  border: 0;
  border-top: 1px solid #a5a7ad;
}
[data-v-70f81f1c] .lego-button--default:not(.lego-button--loading):hover {
  background-color: #2b3f9f !important;
}
[data-v-70f81f1c] .lego-checkbox__label {
  display: block;
  width: calc(100% - 10px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #2f3237;
  padding-top: 1px;
}
[data-v-70f81f1c] .lego-checkbox__label em {
  display: block;
  font-style: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-v-70f81f1c] .lego-dropdown__label {
  flex: 0 1 auto;
  display: block;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
}
[data-v-70f81f1c] .lego-checkbox {
  display: block;
  flex: 0 1 auto;
  align-items: flex-start;
  padding: 5px 0 0 15px;
}
[data-v-70f81f1c] .lego-checkbox__icon {
  position: absolute;
  top: 8px;
  left: 0;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/common/ScpmStatsDropdown.vue?vue&type=style&index=0&id=c9cacb3e&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-c9cacb3e] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-c9cacb3e]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-c9cacb3e]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-c9cacb3e] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-c9cacb3e]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-dropdown[data-v-c9cacb3e] {
  min-width: 80px;
  width: 100%;
}
.lego-dropdown__title[data-v-c9cacb3e] {
  border-radius: 2px;
}
.lego-dropdown__title .lego-dropdown__selected[data-v-c9cacb3e] {
  width: calc(100% - 24px);
}
.lego-dropdown__title .lego-dropdown__selected span[data-v-c9cacb3e] {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lego-dropdown__title .lego-dropdown__selected.placeholder[data-v-c9cacb3e] {
  color: #a5a7ad;
}
.lego-dropdown__title-icon .lego-dropdown__icon[data-v-c9cacb3e] {
  font-size: 12px;
}
.lego-dropdown .lego-dropdown__title[data-v-c9cacb3e]:focus {
  border: 1px solid #a5a7ad;
}
.lego-dropdown .lego-dropdown__title[data-v-c9cacb3e]:hover {
  border-color: #2C59D9;
}
.lego-dropdown--borderless[data-v-c9cacb3e] {
  width: auto;
  min-width: auto;
}
.lego-dropdown--borderless .lego-dropdown__title[data-v-c9cacb3e] {
  border: 0 !important;
}
.lego-dropdown--borderless .lego-dropdown__title .lego-dropdown__selected[data-v-c9cacb3e] {
  flex-grow: 1;
}
.lego-dropdown--borderless.lego-dropdown--disabled .lego-dropdown__title[data-v-c9cacb3e] {
  background: none !important;
}
.lego-dropdown--readonly[data-v-c9cacb3e] {
  pointer-events: none;
  cursor: default;
}
.lego-dropdown--readonly .lego-dropdown__title[data-v-c9cacb3e] {
  border: 1px solid #bbbdc1;
  background-color: #f3f4f4;
}
.lego-dropdown--small[data-v-c9cacb3e] {
  min-width: 80px;
}
.lego-dropdown--small .lego-dropdown__title-icon .lego-dropdown__icon[data-v-c9cacb3e] {
  font-size: 10px;
}
[data-v-c9cacb3e] .lego-button--border.lego-button--default {
  font-weight: 700;
  background-color: #364fc7;
  border-color: #364fc7;
  color: #ffffff;
  font-size: 12px;
  line-height: 18px;
  border-radius: 2px;
  height: 24px;
  min-width: 70px;
  padding: 0 8px;
  cursor: pointer;
}
[data-v-c9cacb3e] .lego-button--border.lego-button--default:hover {
  background-color: #2b3f9f;
  border-color: #2b3f9f;
}
[data-v-c9cacb3e] .lego-dropdown__downwrap {
  width: 100%;
}
.lego-dropdown__tags[data-v-c9cacb3e] {
  background-color: #ffffff;
  border: 1px solid #a5a7ad;
}
[data-v-c9cacb3e] .lego-dropdown__item {
  padding: 0 10px 0 10px;
}
[data-v-c9cacb3e] .lego-dropdown__selectall {
  padding: 8px 0;
  border: 0;
  border-bottom: 1px solid #a5a7ad;
}
[data-v-c9cacb3e] .lego-dropdown__items {
  border: 0;
  overflow-x: hidden;
}
.lego-dropdown__selectall-wrap[data-v-c9cacb3e],
.lego-dropdown__apply-wrap[data-v-c9cacb3e] {
  padding: 0 10px;
}
[data-v-c9cacb3e] .lego-dropdown__apply {
  border: 0;
  border-top: 1px solid #a5a7ad;
}
[data-v-c9cacb3e] .lego-button--default:not(.lego-button--loading):hover {
  background-color: #2b3f9f !important;
}
[data-v-c9cacb3e] .lego-checkbox__label {
  display: block;
  width: calc(100% - 40px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/common/ScpmSubTreeDropdown.vue?vue&type=style&index=0&id=92fcaa00&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-92fcaa00] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-92fcaa00]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-92fcaa00]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-92fcaa00] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-92fcaa00]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.scpm-sub-tree[data-v-92fcaa00] {
  width: 100%;
}
.scpm-sub-tree[data-v-92fcaa00] .accordion-list-item__main {
  padding-left: 0px !important;
}
.scpm-sub-tree[data-v-92fcaa00] .accordion-list-item__expand .lego-dropdown__item {
  padding-left: 51px !important;
}
.scpm-sub-tree[data-v-92fcaa00] .accordion-list-item__expand .lego-dropdown__item--active {
  background-color: rgba(54, 79, 199, 0.12);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/common/ScpmTreeDropdown.vue?vue&type=style&index=0&id=1d538864&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-1d538864] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-1d538864]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-1d538864]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-1d538864] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-1d538864]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
[data-v-1d538864] .simplebar-content {
  border: none !important;
}
.lego-dropdown__title[data-v-1d538864] {
  border-radius: 2px;
}
.lego-dropdown__title[data-v-1d538864]:focus {
  border: 1px solid #a5a7ad;
}
.lego-dropdown__title[data-v-1d538864]:hover {
  border-color: #2C59D9;
}
.lego-dropdown-menu[data-v-1d538864] {
  position: absolute;
  border: 1px solid #364fc7;
  min-width: 100%;
  margin-top: 0px;
  background-color: #ffffff;
  z-index: 200;
  cursor: default;
  padding: 25px 0;
  text-align: center;
  font-size: 11px;
  color: #767676;
}
.accordion-list-item[data-v-1d538864] {
  margin-top: 0px !important;
}
.lego-tree-dropdown__title[data-v-1d538864] {
  display: flex;
  align-items: center;
}
.lego-tree-dropdown__title strong[data-v-1d538864] {
  display: block;
  margin-left: 8px;
  font-weight: 500;
}
.lego-tree-dropdown .lego-dropdown__items .lego-dropdown__item[data-v-1d538864] {
  padding: 0;
}
.lego-tree-dropdown .lego-dropdown__items .lego-dropdown__item--active[data-v-1d538864] {
  background-color: rgba(54, 79, 199, 0.12);
}
.lego-tree-dropdown .lego-dropdown__items .lego-dropdown__item--sub[data-v-1d538864] {
  background-color: #ffffff;
}
.lego-tree-dropdown .lego-dropdown__items .lego-dropdown__selected[data-v-1d538864] {
  font-weight: 500;
}
.lego-tree-dropdown .lego-dropdown__items .lego-dropdown__label[data-v-1d538864] {
  min-height: 30px;
  padding-left: 31px;
}
.lego-tree-dropdown .lego-dropdown__items[data-v-1d538864] {
  border: none !important;
}
.lego-tree-dropdown[data-v-1d538864] .accordion-list-item {
  border: none;
}
.lego-tree-dropdown[data-v-1d538864] .accordion-list-item__main {
  display: flex;
  justify-content: space-between;
  padding: 0 0 0 8px !important;
}
.lego-tree-dropdown[data-v-1d538864] .accordion-list-item__expand {
  border-top: 0 !important;
  margin: 0 !important;
  padding: 0;
}
.lego-tree-dropdown .lego-dropdown__item--sub[data-v-1d538864] .accordion-list-item__main {
  padding-left: 31px !important;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/common/ScpmSubTreeDropdownV3.vue?vue&type=style&index=0&id=5d34a51d&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-5d34a51d] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-5d34a51d]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-5d34a51d]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-5d34a51d] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-5d34a51d]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.scpm-sub-tree-v3[data-v-5d34a51d] {
  width: 100%;
}
.scpm-sub-tree-v3[data-v-5d34a51d] .accordion-list-item__main {
  padding-left: 0px !important;
  border-radius: 4px;
}
.scpm-sub-tree-v3 .lego-dropdown__item[data-v-5d34a51d]:hover {
  background-color: #eef2fc;
  border-radius: 4px;
}
.scpm-sub-tree-v3[data-v-5d34a51d] .accordion-list-item__expand .lego-dropdown__item {
  padding-left: 51px !important;
  padding: 2px 10px 2px 10px;
}
.scpm-sub-tree-v3[data-v-5d34a51d] .accordion-list-item__expand .lego-dropdown__item--active {
  background-color: #e1e7f9;
  border-radius: 4px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/common/ScpmTreeDropdownV3.vue?vue&type=style&index=0&id=35283a6b&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-35283a6b] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-35283a6b]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-35283a6b]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-35283a6b] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-35283a6b]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
[data-v-35283a6b] .simplebar-content {
  border: none !important;
}
.scpm-tree-dropdown-v3[data-v-35283a6b] {
  height: 40px;
  width: auto;
}
.scpm-tree-dropdown-v3:hover .service-name[data-v-35283a6b] {
  color: #2c59d9;
  text-decoration: underline;
}
.scpm-tree-dropdown-v3 .lego-dropdown__title[data-v-35283a6b] {
  border: none;
  padding-left: 0px;
}
.scpm-tree-dropdown-v3 .lego-dropdown__title[data-v-35283a6b]:focus {
  border: none;
}
.scpm-tree-dropdown-v3 .service-name[data-v-35283a6b] {
  margin-left: 12px;
  font-size: 18px;
}
.scpm-tree-dropdown-v3 .lego-dropdown__item[data-v-35283a6b] {
  border-radius: 4px;
}
.scpm-tree-dropdown-v3 .lego-dropdown__item .lego-dropdown__label .icon[data-v-35283a6b] {
  display: none;
}
.scpm-tree-dropdown-v3 .lego-dropdown__item .lego-dropdown__label[data-v-35283a6b] {
  padding: 6px 37px 6px 33px !important;
  border-radius: 4px;
}
.scpm-tree-dropdown-v3 .lego-dropdown__item .lego-dropdown__label[data-v-35283a6b]:not(.lego-dropdown__selected):hover {
  background-color: #eef2fc;
  border-radius: 4px;
}
.scpm-tree-dropdown-v3 .lego-dropdown__item:hover .lego-dropdown__label .icon[data-v-35283a6b] {
  display: block;
}
.lego-dropdown__title[data-v-35283a6b] {
  border-radius: 2px;
}
.lego-dropdown__title[data-v-35283a6b]:focus {
  border: 1px solid #a5a7ad;
}
.lego-dropdown__title[data-v-35283a6b]:hover {
  border-color: #2C59D9;
}
.lego-dropdown__selected[data-v-35283a6b] {
  width: unset !important;
}
.lego-dropdown-menu[data-v-35283a6b] {
  position: absolute;
  border: 1px solid #364fc7;
  min-width: 100%;
  margin-top: 0px;
  background-color: #ffffff;
  z-index: 200;
  cursor: default;
  padding: 25px 0;
  text-align: center;
  font-size: 11px;
  color: #767676;
}
.accordion-list-item[data-v-35283a6b] {
  margin-top: 0px !important;
}
.lego-tree-dropdown__title[data-v-35283a6b] {
  display: flex;
  align-items: center;
}
.lego-tree-dropdown__title strong[data-v-35283a6b] {
  display: block;
  margin-left: 8px;
  font-weight: 500;
}
.lego-tree-dropdown .lego-dropdown__items[data-v-35283a6b] {
  z-index: 1002;
}
.lego-tree-dropdown .lego-dropdown__items .lego-dropdown__item[data-v-35283a6b] {
  padding: 0;
}
.lego-tree-dropdown .lego-dropdown__items .lego-dropdown__item--active[data-v-35283a6b] {
  background-color: #e1e7f9;
  border-radius: 4px;
}
.lego-tree-dropdown .lego-dropdown__items .lego-dropdown__item--sub[data-v-35283a6b] {
  background-color: #ffffff;
}
.lego-tree-dropdown .lego-dropdown__items .lego-dropdown__selected[data-v-35283a6b] {
  font-weight: 500;
  color: #364fc7;
}
.lego-tree-dropdown .lego-dropdown__items .lego-dropdown__label[data-v-35283a6b] {
  min-height: 30px;
  padding-left: 31px;
}
.lego-tree-dropdown .lego-dropdown__items[data-v-35283a6b] {
  border: none !important;
}
.lego-tree-dropdown[data-v-35283a6b] .accordion-list-item {
  border: none;
}
.lego-tree-dropdown[data-v-35283a6b] .accordion-list-item__main {
  display: flex;
  justify-content: space-between;
  padding: 0 0 0 8px !important;
}
.lego-tree-dropdown[data-v-35283a6b] .accordion-list-item__expand {
  border-top: 0 !important;
  margin: 0 !important;
  padding: 0;
}
.lego-tree-dropdown .lego-dropdown__item[data-v-35283a6b]:last-child {
  border-radius: 4px !important;
}
.lego-tree-dropdown .lego-dropdown__item--sub[data-v-35283a6b] .accordion-list-item__main {
  padding-left: 33px !important;
}
.lego-tree-dropdown .lego-dropdown__item--sub[data-v-35283a6b] .scpm-sub-tree-v3 .expand-icon {
  padding: 6px 10px 6px 10px !important;
}
[data-v-35283a6b] .simplebar-mask {
  border-radius: 4px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/common/ScpmAccordionItem.vue?vue&type=style&index=0&id=521880e8&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-521880e8] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-521880e8]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-521880e8]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-521880e8] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-521880e8]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.accordion-list-item[data-v-521880e8] {
  border: 1px solid #d2d3d6;
  background-color: #ffffff;
}
.accordion-list-item + .accordion-list-item[data-v-521880e8] {
  margin-top: 6px;
}
.accordion-list-item__main[data-v-521880e8] {
  display: flex;
  align-items: center;
  padding: 0 8px 0 16px;
  cursor: pointer;
}
.accordion-list-item__main[data-v-521880e8]:hover {
  background-color: #eef2fc;
}
.accordion-list-item__main .lego-checkbox[data-v-521880e8],
.accordion-list-item__main .lego-radio[data-v-521880e8] {
  flex: none;
  margin-right: 8px;
}
.accordion-list-item__main .lego-checkbox:hover + .item-title-sec[data-v-521880e8],
.accordion-list-item__main .lego-radio:hover + .item-title-sec[data-v-521880e8] {
  color: inherit;
}
[data-v-521880e8] .accordion-list-item__main .lego-checkbox:hover + .item-title-sec + .expand-icon .lego-icon,[data-v-521880e8] .accordion-list-item__main .lego-radio:hover + .item-title-sec + .expand-icon .lego-icon {
  color: rgba(31, 37, 51, 0.6);
}
.accordion-list-item__main .item-title-sec[data-v-521880e8] {
  flex: 1 1 auto;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.accordion-list-item__main .expand-icon[data-v-521880e8] {
  cursor: pointer;
  padding: 10px;
}
.accordion-list-item__main .expand-icon[data-v-521880e8] .lego-icon {
  vertical-align: middle;
}
[data-v-521880e8] .accordion-list-item__main .expand-icon.open .lego-icon {
  transform: rotate(-180deg);
}
.accordion-list-item__expand[data-v-521880e8] {
  border-top: 1px solid #d2d3d6;
  margin: 0 20px;
  padding: 8px 12px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/common/ScpmDateRange.vue?vue&type=style&index=0&id=95766080&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-95766080] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-95766080]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-95766080]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-95766080] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-95766080]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.scpm-date-range[data-v-95766080] {
  display: flex;
  gap: 4px;
  align-items: center;
}
.scpm-date-range span[data-v-95766080] {
  font-family: "Noto Sans KR", Arial, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: #2f3237;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/common/ScpmPopover.vue?vue&type=style&index=0&id=26a75114&scoped=true&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-26a75114] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-26a75114]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-26a75114]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-26a75114] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-26a75114]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.scpm-popover[data-v-26a75114] {
  position: relative;
  display: inline-block;
}
.scpm-popover__target[data-v-26a75114] {
  display: inline-block;
  z-index: 101;
}
.scpm-popover__main[data-v-26a75114] {
  position: absolute;
  top: 100%;
  border: 1px solid #2c5ad8;
  border-radius: 4px;
  background-color: #ffffff;
  z-index: 101;
}
.scpm-popover .overlay[data-v-26a75114] {
  position: fixed;
  background: transparent;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/common/ScpmDropDownV3.vue?vue&type=style&index=0&id=6e3da266&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-6e3da266] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-6e3da266]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-6e3da266]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-6e3da266] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-6e3da266]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.search-result[data-v-6e3da266] {
  padding-left: 12px;
  font-size: 12px;
  color: #999999;
}
.no-result[data-v-6e3da266] {
  cursor: default;
  padding: 25px 0;
  text-align: center;
  font-size: 11px;
  color: #858585;
}
.auto-complete__search-box[data-v-6e3da266] {
  padding: 12px 12px 0px 12px;
}
.erorr-message[data-v-6e3da266] {
  font-size: 12px;
  color: #fc434e;
}
.lego-dropdown[data-v-6e3da266] {
  min-width: 80px;
  width: 100%;
}
.lego-dropdown__title[data-v-6e3da266] {
  border-radius: 2px;
}
.lego-dropdown__title.is-item-showing[data-v-6e3da266] {
  border-color: #2C59D9;
}
.lego-dropdown__title .lego-dropdown__selected[data-v-6e3da266] {
  display: block;
  line-height: 30px;
  width: calc(100% - 24px);
  color: #a5a7ad;
}
.lego-dropdown__title .lego-dropdown__selected span[data-v-6e3da266] {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lego-dropdown__title .lego-dropdown__selected.placeholder[data-v-6e3da266] {
  color: #a5a7ad;
}
.lego-dropdown__title-icon .lego-dropdown__icon[data-v-6e3da266] {
  font-size: 12px;
}
.lego-dropdown .lego-dropdown__title[data-v-6e3da266]:focus {
  border: 1px solid #a5a7ad;
}
.lego-dropdown .lego-dropdown__title[data-v-6e3da266]:hover {
  border-color: #2C59D9;
}
.lego-dropdown--borderless[data-v-6e3da266] {
  width: auto;
  min-width: auto;
}
.lego-dropdown--borderless .lego-dropdown__title[data-v-6e3da266] {
  border: 0 !important;
}
.lego-dropdown--borderless .lego-dropdown__title .lego-dropdown__selected[data-v-6e3da266] {
  flex-grow: 1;
}
.lego-dropdown--borderless.lego-dropdown--disabled .lego-dropdown__title[data-v-6e3da266] {
  background: none !important;
}
.lego-dropdown--readonly[data-v-6e3da266] {
  pointer-events: none;
  cursor: default;
}
.lego-dropdown--readonly .lego-dropdown__title[data-v-6e3da266] {
  border: 1px solid #bbbdc1;
  background-color: #f3f4f4;
}
.lego-dropdown--small[data-v-6e3da266] {
  min-width: 80px;
}
.lego-dropdown--small .lego-dropdown__title-icon .lego-dropdown__icon[data-v-6e3da266] {
  font-size: 10px;
}
[data-v-6e3da266] .lego-button--border.lego-button--default {
  font-weight: 700;
  background-color: #364fc7;
  border-color: #364fc7;
  color: #ffffff;
  font-size: 12px;
  line-height: 18px;
  border-radius: 2px;
  height: 24px;
  min-width: 70px;
  padding: 0 8px;
  cursor: pointer;
}
[data-v-6e3da266] .lego-button--border.lego-button--default:hover {
  background-color: #2b3f9f;
  border-color: #2b3f9f;
}
[data-v-6e3da266] .lego-dropdown__downwrap {
  width: 100%;
}
.lego-dropdown__tags[data-v-6e3da266] {
  background-color: #ffffff;
  border: 1px solid #364fc7;
}
[data-v-6e3da266] .lego-dropdown__item {
  padding: 0 12px 0 12px;
}
[data-v-6e3da266] .lego-dropdown__item.item-checked,[data-v-6e3da266] .lego-dropdown__item:hover {
  background-color: #eff1fb;
}
[data-v-6e3da266] .lego-dropdown__item.item-checked .lego-dropdown__label .lego-checkbox__label,[data-v-6e3da266] .lego-dropdown__item:hover .lego-dropdown__label .lego-checkbox__label {
  color: #2f3237;
  font-weight: 400;
}
[data-v-6e3da266] .lego-dropdown__selectall {
  display: block !important;
  border: 0;
  border-bottom: 1px solid #e4e5e7;
  line-height: 24px;
  min-height: 34px;
  max-height: 48px;
}
[data-v-6e3da266] .lego-dropdown__selectall .lego-dropdown__item .lego-checkbox__checked + .lego-checkbox__label,[data-v-6e3da266] .lego-dropdown__selectall .lego-checkbox__label {
  color: #2f3237 !important;
  font-weight: 700;
  padding-top: 1px;
}
[data-v-6e3da266] .lego-dropdown__selectall:hover {
  background-color: #eff1fb !important;
}
[data-v-6e3da266] .lego-dropdown__items {
  max-height: initial;
  border: 0;
  overflow-x: hidden;
  overflow-y: hidden;
}
.lego-dropdown__selectall-wrap[data-v-6e3da266] {
  padding: 0 0px;
}
.lego-dropdown__selectall-wrap .lego-dropdown__item[data-v-6e3da266]:hover {
  background-color: transparent;
}
.lego-dropdown__apply-wrap[data-v-6e3da266] {
  padding: 0 10px;
}
[data-v-6e3da266] .lego-dropdown__apply {
  border: 0;
  border-top: 1px solid #a5a7ad;
}
[data-v-6e3da266] .lego-button--default:not(.lego-button--loading):hover {
  background-color: #2b3f9f !important;
}
[data-v-6e3da266] .lego-checkbox__label {
  display: block;
  width: calc(100% - 10px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #2f3237;
  padding-top: 1px;
}
[data-v-6e3da266] .lego-checkbox__label em {
  display: block;
  font-style: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-v-6e3da266] .lego-dropdown__label {
  flex: 0 1 auto;
  display: block;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
}
[data-v-6e3da266] .lego-checkbox {
  display: block;
  flex: 0 1 auto;
  align-items: flex-start;
  padding: 5px 0 0 15px;
}
[data-v-6e3da266] .lego-checkbox__icon {
  position: absolute;
  top: 8px;
  left: 0;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/common/ScpmSelectBox.vue?vue&type=style&index=0&id=a8158e80&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-a8158e80] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-a8158e80]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-a8158e80]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-a8158e80] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-a8158e80]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.search-result[data-v-a8158e80] {
  padding-left: 12px;
  font-size: 12px;
  color: #999999;
}
.no-result[data-v-a8158e80] {
  cursor: default;
  padding: 25px 0;
  text-align: center;
  font-size: 11px;
  color: #858585;
}
.error-message[data-v-a8158e80] {
  font-size: 12px;
  color: #fb4b57;
}
.lego-dropdown[data-v-a8158e80] {
  min-width: 80px;
  width: 100%;
}
.lego-dropdown__title[data-v-a8158e80] {
  border-radius: 2px;
}
.lego-dropdown__title.is-item-showing[data-v-a8158e80] {
  border-color: #2C59D9;
}
.lego-dropdown__title .lego-dropdown__selected[data-v-a8158e80] {
  display: block;
  line-height: 30px;
  width: calc(100% - 24px);
  color: #a5a7ad;
}
.lego-dropdown__title .lego-dropdown__selected span[data-v-a8158e80] {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lego-dropdown__title .lego-dropdown__selected.placeholder[data-v-a8158e80] {
  color: #a5a7ad;
}
.lego-dropdown__title-icon .lego-dropdown__icon[data-v-a8158e80] {
  font-size: 12px;
}
.lego-dropdown .detail-filter[data-v-a8158e80] {
  border: 1px solid #bbbdc1 !important;
  color: #bbbdc1 !important;
  background-color: #f3f4f4 !important;
}
.lego-dropdown .lego-dropdown__title[data-v-a8158e80]:focus {
  border: 1px solid #a5a7ad;
}
.lego-dropdown .lego-dropdown__title[data-v-a8158e80]:hover {
  border-color: #2C59D9;
}
.lego-dropdown--readonly[data-v-a8158e80] {
  pointer-events: none;
  cursor: default;
}
.lego-dropdown--readonly .lego-dropdown__title[data-v-a8158e80] {
  border: 1px solid #bbbdc1;
  background-color: #f3f4f4;
}
.lego-dropdown--disabled .lego-dropdown__title .lego-dropdown__selected[data-v-a8158e80] {
  color: #a5a7ad !important;
}
[data-v-a8158e80] .lego-button--border.lego-button--default {
  font-weight: 700;
  background-color: #364fc7;
  border-color: #364fc7;
  color: #ffffff;
  font-size: 12px;
  line-height: 18px;
  border-radius: 2px;
  height: 24px;
  min-width: 70px;
  padding: 0 8px;
  cursor: pointer;
}
[data-v-a8158e80] .lego-button--border.lego-button--default:hover {
  background-color: #2b3f9f;
  border-color: #2b3f9f;
}
[data-v-a8158e80] .lego-dropdown__downwrap {
  width: 100%;
}
.lego-dropdown__tags[data-v-a8158e80] {
  background-color: #ffffff;
  border: 1px solid #364fc7;
}
[data-v-a8158e80] .lego-dropdown__item {
  padding: 0 12px 0 12px;
}
[data-v-a8158e80] .lego-dropdown__item.item-checked,[data-v-a8158e80] .lego-dropdown__item:hover {
  background-color: #eff1fb;
}
[data-v-a8158e80] .lego-dropdown__item.item-checked .lego-dropdown__label .lego-checkbox__label,[data-v-a8158e80] .lego-dropdown__item:hover .lego-dropdown__label .lego-checkbox__label {
  color: #2f3237;
  font-weight: 400;
}
[data-v-a8158e80] .lego-dropdown__selectall {
  display: block !important;
  border: 0;
  border-bottom: 1px solid #e4e5e7;
  line-height: 24px;
  min-height: 34px;
  max-height: 48px;
}
[data-v-a8158e80] .lego-dropdown__selectall .lego-dropdown__item .lego-checkbox__checked + .lego-checkbox__label,[data-v-a8158e80] .lego-dropdown__selectall .lego-checkbox__label {
  color: #2f3237 !important;
  font-weight: 700;
  padding-top: 1px;
}
[data-v-a8158e80] .lego-dropdown__selectall:hover {
  background-color: #eff1fb !important;
}
[data-v-a8158e80] .lego-dropdown__items {
  max-height: initial;
  border: 0;
  overflow-x: hidden;
  overflow-y: hidden;
}
.lego-dropdown__selectall-wrap[data-v-a8158e80] {
  padding: 0 0px;
}
.lego-dropdown__selectall-wrap .lego-dropdown__item[data-v-a8158e80]:hover {
  background-color: transparent;
}
.lego-dropdown__apply-wrap[data-v-a8158e80] {
  padding: 0 10px;
}
[data-v-a8158e80] .lego-dropdown__apply {
  border: 0;
  border-top: 1px solid #a5a7ad;
}
[data-v-a8158e80] .lego-button--default:not(.lego-button--loading):hover {
  background-color: #2b3f9f !important;
}
[data-v-a8158e80] .lego-checkbox__label {
  display: block;
  width: calc(100% - 10px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #2f3237;
  padding-top: 1px;
}
[data-v-a8158e80] .lego-checkbox__label em {
  display: block;
  font-style: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-v-a8158e80] .lego-dropdown__label {
  flex: 0 1 auto;
  display: block;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
}
[data-v-a8158e80] .lego-checkbox {
  display: block;
  flex: 0 1 auto;
  align-items: flex-start;
  padding: 5px 0 0 15px;
}
[data-v-a8158e80] .lego-checkbox--disabled .lego-checkbox__label {
  color: #2f3237 !important;
}
[data-v-a8158e80] .lego-checkbox__icon {
  position: absolute;
  top: 8px;
  left: 0;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/common/ScpmDateRangePicker.vue?vue&type=style&index=0&id=15683f6e&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-15683f6e] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-15683f6e]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-15683f6e]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-15683f6e] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-15683f6e]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-date-picker__calendar--range .lego-date-picker__calendar__month-area[data-v-15683f6e] {
  justify-content: space-between;
}
.lego-date-picker__calendar--range[data-v-15683f6e] {
  left: 155px;
}
.lego-date-picker-header .lego-date-picker-type[data-v-15683f6e] {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #2C59D9;
}
.lego-date-picker-header .lego-date-picker-type[data-v-15683f6e]:hover {
  text-decoration: underline;
}
.lego-date-picker-header .lego-date-picker-type[data-v-15683f6e]:nth-of-type(2) {
  margin-left: 8px;
}
.lego-date-picker-type[data-v-15683f6e] {
  cursor: pointer;
}
.lego-date-picker__text-field[data-v-15683f6e] {
  width: 127px !important;
  min-width: 127px;
}
.lego-date-picker .lego-date-picker-calendar__group[data-v-15683f6e] {
  width: 489px;
  position: absolute;
  top: 100%;
  bottom: auto;
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  border: 1px solid;
  z-index: 100;
  height: 279px;
  padding: 12px;
  background-color: rgb(255, 255, 255);
}
.lego-date-picker .lego-date-picker-calendar__group.show-flag[data-v-15683f6e] {
  border-color: #2C59D9;
}
.lego-date-picker .lego-date-picker-calendar__group.left[data-v-15683f6e] {
  left: 0;
}
.lego-date-picker .lego-date-picker-calendar__group.right[data-v-15683f6e] {
  right: 0;
}
.lego-date-picker .lego-date-picker-calendar__group .lego-date-picker__calendar[data-v-15683f6e] {
  flex: 0 0 220px;
  width: 220px;
  min-height: 252px;
}
.lego-date-picker .lego-date-picker-calendar__group .lego-date-picker__calendar__calendar__date[data-v-15683f6e] {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.lego-date-picker .lego-date-picker-calendar__group .lego-date-picker__calendar[data-v-15683f6e] {
  top: unset;
  position: unset;
  border: unset;
  padding: 0;
}
.lego-date-picker .lego-date-picker-calendar__group .lego-date-picker__calendar__row-content span[data-v-15683f6e] {
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  color: #1f2533;
}
.lego-date-picker .lego-date-picker-calendar__group .lego-date-picker__calendar__row-content span.lego-date-picker__calendar__date.lego-date-picker__calendar__date--other-month[data-v-15683f6e], .lego-date-picker .lego-date-picker-calendar__group .lego-date-picker__calendar__row-content span.lego-date-picker__calendar__date.lego-date-picker__calendar__date--disabled[data-v-15683f6e] {
  opacity: 0.2;
}
.lego-date-picker .lego-date-picker-calendar__group .lego-date-picker__calendar__row-content span.lego-date-picker__calendar__date--sunday[data-v-15683f6e] {
  color: #fc434e;
}
.lego-date-picker .lego-date-picker-calendar__group .lego-date-picker__calendar__row-content span.lego-date-picker__calendar__date[data-v-15683f6e] {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.lego-date-picker .lego-date-picker-calendar__group .lego-date-picker__calendar__row-content span.lego-date-picker__calendar__date--today[data-v-15683f6e] {
  color: #2C59D9;
}
.lego-date-picker .lego-date-picker-calendar__group .lego-date-picker__calendar__row-content span.lego-date-picker__calendar__date--selected[data-v-15683f6e] {
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}
.lego-date-picker .lego-date-picker-calendar__group .lego-date-picker__calendar__date-area[data-v-15683f6e] {
  flex: 0 0 220px;
  margin-bottom: 0px;
}
.lego-date-picker .lego-date-picker-calendar__group .lego-date-picker__calendar__month__row[data-v-15683f6e] {
  position: relative;
  height: 48px;
  width: 100%;
  margin-bottom: 8px;
  padding: 0 12px;
}
.lego-date-picker .lego-date-picker-calendar__group .lego-date-picker__calendar__month__row-content[data-v-15683f6e] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  float: left;
}
.lego-date-picker .lego-date-picker-calendar__group .lego-date-picker__calendar__month__row-content span[data-v-15683f6e] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  border-radius: 50%;
  margin: 0 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.lego-date-picker .lego-date-picker-calendar__group .lego-date-picker__calendar__month[data-v-15683f6e] {
  cursor: pointer;
}
.lego-date-picker .lego-date-picker-calendar__group .lego-date-picker__calendar__month[data-v-15683f6e]:hover {
  color: #1f2533;
  background-color: #f7f7f7;
}
.lego-date-picker .lego-date-picker-calendar__group .lego-date-picker__calendar__month.lego-date-picker__calendar__month--selected[data-v-15683f6e] {
  color: #ffffff;
  background-color: #2C59D9;
}
.lego-date-picker .lego-date-picker-calendar__group .lego-date-picker__calendar__month.lego-date-picker__calendar__month--disable[data-v-15683f6e] {
  opacity: 0.4;
  pointer-events: none;
}
.lego-date-picker .lego-date-picker-calendar__group .lego-date-picker__calendar__year__row[data-v-15683f6e] {
  position: relative;
  height: 48px;
  width: 100%;
  margin-bottom: 8px;
}
.lego-date-picker .lego-date-picker-calendar__group .lego-date-picker__calendar__year__row-content[data-v-15683f6e] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  float: left;
}
.lego-date-picker .lego-date-picker-calendar__group .lego-date-picker__calendar__year__row-content span[data-v-15683f6e] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  border-radius: 50%;
  margin: 0 12px;
  outline: none;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}
.lego-date-picker .lego-date-picker-calendar__group .lego-date-picker__calendar__year[data-v-15683f6e] {
  cursor: pointer;
}
.lego-date-picker .lego-date-picker-calendar__group .lego-date-picker__calendar__year[data-v-15683f6e]:hover {
  color: #1f2533;
  background-color: #f7f7f7;
}
.lego-date-picker .lego-date-picker-calendar__group .lego-date-picker__calendar__year.lego-date-picker__calendar__year--selected[data-v-15683f6e] {
  color: #ffffff;
  background-color: #2C59D9;
}
.lego-date-picker .lego-date-picker-calendar__group .lego-date-picker__calendar__year.lego-date-picker__calendar__year--disable[data-v-15683f6e] {
  opacity: 0.4;
  pointer-events: none;
}
.lego-date-picker .lego-date-picker-calendar__group .lego-date-picker__calendar .lego-date-picker__calendar__date-area .lego-date-picker__calendar__row[data-v-15683f6e] {
  margin-bottom: 2px;
}
.lego-date-picker .lego-date-picker-calendar__group .lego-date-picker__calendar .lego-date-picker__calendar__month-area[data-v-15683f6e] {
  margin-bottom: 8px;
}
.lego-date-picker .lego-date-picker__icon-wrapper[data-v-15683f6e] {
  border-left: 0;
}
.lego-date-picker.lego-date-picker--medium .lego-icon-wrapper[data-v-15683f6e] {
  width: 30px;
  height: 30px;
}
.lego-date-picker .datepicker-lite-multi[data-v-15683f6e] {
  position: relative;
  width: var(--15683f6e-width);
  border: 1px solid var(--color-ui-ui06);
  gap: 0px;
  grid-template-columns: 105px 32px 105px 1fr;
  display: grid;
  border-radius: 2px;
}
.lego-date-picker .datepicker-lite-multi[data-v-15683f6e]:hover {
  border-color: #2C59D9;
}
.lego-date-picker .datepicker-lite-multi.show-flag[data-v-15683f6e] {
  border-color: #2C59D9;
}
.lego-date-picker .datepicker-lite-multi .lego-date-picker__text-field[data-v-15683f6e] {
  width: 105px !important;
  min-width: 105px !important;
}
.lego-date-picker .datepicker-lite-multi .lego-date-picker__text-field[data-v-15683f6e] .lego-text-field__input {
  border: 0;
  cursor: pointer;
}
.lego-date-picker .datepicker-lite-multi .lego-date-picker__icon-wrapper[data-v-15683f6e] {
  position: absolute;
  right: 8px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/common/ScpmDateTimePicker.vue?vue&type=style&index=0&id=4070d170&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-4070d170] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-4070d170]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-4070d170]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-4070d170] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-4070d170]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-date-picker--up .lego-date-picker__calendar[data-v-4070d170] {
  top: auto !important;
}
.lego-date-picker__calendar--range .lego-date-picker__calendar__month-area[data-v-4070d170] {
  justify-content: space-between;
}
.lego-date-picker__calendar--range[data-v-4070d170] {
  left: 283px;
}
.lego-date-picker-header .lego-date-picker-type[data-v-4070d170] {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #2C59D9;
}
.lego-date-picker-header .lego-date-picker-type[data-v-4070d170]:hover {
  text-decoration: underline;
}
.lego-date-picker-header .lego-date-picker-type[data-v-4070d170]:nth-of-type(2) {
  margin-left: 8px;
}
.lego-date-picker-type[data-v-4070d170] {
  cursor: pointer;
}
.lego-date-picker__text-field[data-v-4070d170] {
  width: 127px !important;
  min-width: 127px;
}
.lego-date-picker .lego-date-picker__calendar__calendar__date[data-v-4070d170] {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.lego-date-picker .lego-date-picker__calendar[data-v-4070d170] {
  padding: 12px;
  width: 244px;
  top: 32px;
}
.lego-date-picker .lego-date-picker__calendar__row-content span[data-v-4070d170] {
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  color: #1f2533;
}
.lego-date-picker .lego-date-picker__calendar__row-content span.lego-date-picker__calendar__date.lego-date-picker__calendar__date--other-month[data-v-4070d170], .lego-date-picker .lego-date-picker__calendar__row-content span.lego-date-picker__calendar__date.lego-date-picker__calendar__date--disabled[data-v-4070d170] {
  opacity: 0.2;
}
.lego-date-picker .lego-date-picker__calendar__row-content span.lego-date-picker__calendar__date--sunday[data-v-4070d170] {
  color: #fc434e;
}
.lego-date-picker .lego-date-picker__calendar__row-content span.lego-date-picker__calendar__date[data-v-4070d170] {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.lego-date-picker .lego-date-picker__calendar__row-content span.lego-date-picker__calendar__date--today[data-v-4070d170] {
  color: #2C59D9;
}
.lego-date-picker .lego-date-picker__calendar__row-content span.lego-date-picker__calendar__date--selected[data-v-4070d170] {
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}
.lego-date-picker .lego-date-picker__calendar__date-area[data-v-4070d170] {
  flex: 0 0 220px;
  margin-bottom: 0px;
}
.lego-date-picker .lego-date-picker__calendar__month__row[data-v-4070d170] {
  position: relative;
  height: 48px;
  width: 100%;
  margin-bottom: 8px;
  padding: 0 12px;
}
.lego-date-picker .lego-date-picker__calendar__month__row-content[data-v-4070d170] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  float: left;
}
.lego-date-picker .lego-date-picker__calendar__month__row-content span[data-v-4070d170] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  border-radius: 50%;
  margin: 0 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.lego-date-picker .lego-date-picker__calendar__month[data-v-4070d170] {
  cursor: pointer;
}
.lego-date-picker .lego-date-picker__calendar__month[data-v-4070d170]:hover {
  color: #1f2533;
  background-color: #f7f7f7;
}
.lego-date-picker .lego-date-picker__calendar__month.lego-date-picker__calendar__month--selected[data-v-4070d170] {
  color: #ffffff;
  background-color: #2C59D9;
}
.lego-date-picker .lego-date-picker__calendar__year__row[data-v-4070d170] {
  position: relative;
  height: 48px;
  width: 100%;
  margin-bottom: 16px;
}
.lego-date-picker .lego-date-picker__calendar__year__row-content[data-v-4070d170] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  float: left;
}
.lego-date-picker .lego-date-picker__calendar__year__row-content span[data-v-4070d170] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  border-radius: 50%;
  margin: 0 12px;
  outline: none;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}
.lego-date-picker .lego-date-picker__calendar__year[data-v-4070d170] {
  cursor: pointer;
}
.lego-date-picker .lego-date-picker__calendar__year[data-v-4070d170]:hover {
  color: #1f2533;
  background-color: #f7f7f7;
}
.lego-date-picker .lego-date-picker__calendar__year.lego-date-picker__calendar__year--selected[data-v-4070d170] {
  color: #ffffff;
  background-color: #2C59D9;
}
.lego-date-picker .lego-date-picker__icon-wrapper[data-v-4070d170] {
  border-left: 0;
}
.lego-date-picker.lego-date-picker--medium .lego-icon-wrapper[data-v-4070d170] {
  width: 30px;
  height: 30px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/common/ScpmTimePicker.vue?vue&type=style&index=0&id=69888f7a&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-69888f7a] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-69888f7a]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-69888f7a]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-69888f7a] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-69888f7a]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
[data-v-69888f7a] .lego-counter__input {
  border: 1px solid #a5a7ad;
  border-radius: 2px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/common/ScpmMoreActions.vue?vue&type=style&index=0&id=2c68728e&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-2c68728e] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-2c68728e]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-2c68728e]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-2c68728e] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-2c68728e]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.move-action__icon[data-v-2c68728e] {
  width: 32px;
  height: 32px;
  border-radius: 3px;
  border: var(--2c68728e-border);
}
.move-action__icon[data-v-2c68728e]:hover {
  background-color: rgba(54, 79, 199, 0.2);
}
.move-action__icon[data-v-2c68728e]:active {
  background-color: rgba(54, 79, 199, 0.4);
}
[data-v-2c68728e] .lego-dropdown-menu {
  border-color: #2c5ad8;
  border-radius: 4px;
}
[data-v-2c68728e] .lego-dropdown-menu .lego-dropdown__items .lego-dropdown__item {
  color: #2e3138;
}
[data-v-2c68728e] .lego-dropdown-menu .lego-dropdown__items .lego-dropdown__item:hover {
  background-color: #eef2fc;
}
[data-v-2c68728e] .lego-dropdown-menu .lego-dropdown__items .lego-dropdown__item .lego-dropdown__label {
  height: 30px;
  min-height: 30px;
}
[data-v-2c68728e] .lego-dropdown-menu .lego-dropdown__items .lego-dropdown__item.lego-dropdown__disabled .lego-dropdown__label {
  opacity: 1;
  color: #b3b7c1;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/common/ScpmEnergeBarIcon.vue?vue&type=style&index=0&id=7f6982ae&scoped=true&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-7f6982ae] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-7f6982ae]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-7f6982ae]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-7f6982ae] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-7f6982ae]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.scpm-energebar[data-v-7f6982ae] {
  display: flex;
  gap: 4px;
  height: 28px;
  align-items: center;
}
.scpm-energebar .scpm-energebar__first[data-v-7f6982ae] {
  flex: 1;
  text-align: right;
}
.scpm-energebar .scpm-energebar__first .cursor-default[data-v-7f6982ae] {
  cursor: default !important;
}
.scpm-energebar .scpm-energebar__first .energebar[data-v-7f6982ae] {
  position: relative;
  display: inline-block;
  height: 8px;
  padding: 0;
  background: rgba(237, 237, 239, 0.95);
  border: 0;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
}
.scpm-energebar .scpm-energebar__first .energebar .energebar__child[data-v-7f6982ae] {
  position: absolute;
  top: 0;
  left: 0;
  transition: width 0.5s;
  pointer-events: none;
}
.scpm-energebar .scpm-energebar__second[data-v-7f6982ae] {
  flex: 1;
  text-align: left;
  align-self: center;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/common/ScpmChartDetail.vue?vue&type=style&index=0&id=956365c0&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-956365c0] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-956365c0]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-956365c0]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-956365c0] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-956365c0]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.show-chart-dashboard[data-v-956365c0] {
  z-index: 1003;
  position: absolute;
  background-color: rgb(255, 255, 255);
  border: 1px solid #e3e4e8;
  box-shadow: 0px 8px 15px 2px rgba(34, 37, 42, 0.1490196078), 0px 0px 4px 0px rgba(34, 37, 42, 0.2), 0px -1px 4px 0px rgba(34, 37, 42, 0.1490196078);
  border-radius: 4px;
}
.main-chart[data-v-956365c0] {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 8px 16px;
}
.main-chart .no-data-chart[data-v-956365c0] {
  display: flex;
  justify-content: center;
  margin-top: 48px;
}
.main-chart .no-data-chart .empty-content[data-v-956365c0] {
  text-align: center;
}
.chart-title[data-v-956365c0] {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.chart-title_text[data-v-956365c0] {
  max-width: 200px;
}
.chart-title[data-v-956365c0] .c-label {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #2f3237 !important;
}
.chart-title .chart-max-value[data-v-956365c0] {
  display: flex;
}
.chart-title .chart-max-value span[data-v-956365c0] {
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
  color: #2f3237;
}
.chart-title .chart-max-value .metric-unit[data-v-956365c0] {
  margin-left: 4px;
}
.chart-detail__main[data-v-956365c0] {
  box-shadow: 0px 8px 15px 2px rgba(34, 37, 42, 0.1490196078), 0px 0px 4px 0px rgba(34, 37, 42, 0.2), 0px -1px 4px 0px rgba(34, 37, 42, 0.1490196078);
  border-radius: 4px;
}
.detail-chart[data-v-956365c0] {
  position: absolute;
  width: 1210px;
  height: 320px;
  z-index: 2;
  background-color: #ffffff;
}
.chart-thumnail-item[data-v-956365c0] {
  padding: 0;
  border: 1px solid #e3e3e3;
}
.chart-detail-item[data-v-956365c0] {
  padding: 8px 16px 16px 16px;
  border: 1px solid #e3e3e3;
}
.chart-detail-item .chart-detail-content[data-v-956365c0] {
  display: flex;
  align-items: flex-end;
  height: 100%;
}
.chart-detail-item .chart-title .chart-title_text > .c-label[data-v-956365c0] {
  font-size: 14px !important;
}
.chart-detail-item .chart-title .chart-max-value > .until > span[data-v-956365c0] {
  font-size: 16px !important;
}
.chart-thumnail-title[data-v-956365c0] {
  padding: 10px;
}
.chart-detail-title[data-v-956365c0] {
  padding: 10px 10px 0 10px;
}
.chart-detail-content[data-v-956365c0] {
  height: 100%;
}
.chart-detail[data-v-956365c0] {
  width: 100%;
}
.chart-title .chart-title_text[data-v-956365c0] {
  overflow: hidden;
  max-width: unset;
}
.chart-title .chart-title_text > .active-title[data-v-956365c0] {
  color: #2c5ad8 !important;
}
.footer-detail[data-v-956365c0] {
  display: flex;
  flex-direction: row-reverse;
  padding-top: 16px;
  border-top: 1px solid #e3e4e8;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/common/ScpmMoreActionTeleport.vue?vue&type=style&index=0&id=353f5b75&scoped=true&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-353f5b75] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-353f5b75]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-353f5b75]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-353f5b75] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-353f5b75]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.more-action__container[data-v-353f5b75] {
  display: flex;
  justify-content: center;
}
.more-action-menu[data-v-353f5b75] {
  z-index: 1003;
  position: absolute;
  background-color: rgb(255, 255, 255);
  border: none;
}
.more-action-icon[data-v-353f5b75] {
  position: relative;
  width: 31px;
  height: 31px;
  cursor: pointer;
}
.more-action-icon .move-action__icon[data-v-353f5b75] {
  width: 100%;
  height: 32px;
  border-radius: 3px;
  border: var(--353f5b75-border);
}
[data-v-353f5b75] .lego-dropdown-menu {
  border-color: #2c5ad8;
  border-radius: 4px;
}
[data-v-353f5b75] .lego-dropdown-menu .lego-dropdown__items .lego-dropdown__item {
  color: #2e3138;
}
[data-v-353f5b75] .lego-dropdown-menu .lego-dropdown__items .lego-dropdown__item:hover {
  background-color: #eef2fc;
}
[data-v-353f5b75] .lego-dropdown-menu .lego-dropdown__items .lego-dropdown__item .lego-dropdown__label {
  height: 30px;
  min-height: 30px;
}
[data-v-353f5b75] .lego-dropdown-menu .lego-dropdown__items .lego-dropdown__item.lego-dropdown__disabled .lego-dropdown__label {
  opacity: 1;
  color: #b3b7c1;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/common/ScpmTargetDetail.vue?vue&type=style&index=0&id=de1c1c7e&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-de1c1c7e] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-de1c1c7e]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-de1c1c7e]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-de1c1c7e] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-de1c1c7e]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.monitoring-target__detail[data-v-de1c1c7e] {
  display: flex;
  flex-flow: nowrap;
  gap: 4px;
  width: inherit;
  max-width: 100%;
  min-height: 30px;
  align-items: center;
}
.monitoring-target__detail .target__detail[data-v-de1c1c7e] {
  display: flex;
  width: 36px;
  justify-content: center;
}
.monitoring-target__detail .monitoring-target__value[data-v-de1c1c7e] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  flex: 1;
  margin-left: 2px;
}
.monitoring-target__detail[data-v-de1c1c7e] .badge-asg .lego-badge {
  margin-right: 0;
}
.monitoring-target__detail.no-asg-target .target__detail[data-v-de1c1c7e]:hover path {
  fill: #2e3138;
}
.monitoring-target__detail.no-asg-target .monitoring-target__value[data-v-de1c1c7e]:hover {
  color: #2c59d9;
  text-decoration: underline;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/common/ScpmTreeCheckboxDropdown.vue?vue&type=style&index=0&id=735eab9e&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-735eab9e] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-735eab9e]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-735eab9e]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-735eab9e] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-735eab9e]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.error-message[data-v-735eab9e] {
  font-size: 12px;
  color: #fb4b57;
  padding-left: 12px;
  line-height: 12px;
  margin-bottom: 4px;
}
.search-result[data-v-735eab9e] {
  padding-left: 12px;
  font-size: 12px;
  color: #999999;
  line-height: 1;
  margin-bottom: 5px;
}
.no-result[data-v-735eab9e] {
  cursor: default;
  padding: 25px 0;
  text-align: center;
  font-size: 11px;
  color: #858585;
}
.lego-dropdown[data-v-735eab9e] {
  height: 32px;
  line-height: 24px;
  font-size: 14px;
}
.lego-dropdown .auto-complete__search-box[data-v-735eab9e] {
  padding: 12px 12px 5px 12px;
}
.lego-dropdown__title[data-v-735eab9e] {
  border-radius: 2px;
}
.lego-dropdown__title[data-v-735eab9e]:hover {
  border-color: #2c59d9;
}
.lego-dropdown__title.is-item-showing[data-v-735eab9e] {
  border-color: #2C59D9;
}
.lego-dropdown__title.disabled-dropdown[data-v-735eab9e] {
  background-color: #f4f4f6;
  border: 1px solid #e3e4e8;
  cursor: default;
}
.lego-dropdown__selected[data-v-735eab9e] {
  display: flex;
  color: #a5a7ad;
  padding: 0 12px;
}
.lego-dropdown__selected span[data-v-735eab9e] {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lego-dropdown__selected-multiple[data-v-735eab9e] {
  display: flex;
  width: 100%;
  justify-content: flex-start;
}
.lego-dropdown__selected-multiple[data-v-735eab9e] :last-child {
  padding-left: 4px;
  flex-shrink: 0;
}
.lego-dropdown__downwrap[data-v-735eab9e] {
  width: 100%;
}
.lego-dropdown__tags[data-v-735eab9e] {
  background-color: #ffffff;
  border: 1px solid #364fc7;
}
.lego-dropdown__item[data-v-735eab9e] {
  padding: 0 12px 0 12px;
}
.lego-dropdown__item.item-checked[data-v-735eab9e], .lego-dropdown__item[data-v-735eab9e]:hover {
  background-color: #eff1fb;
}
.lego-dropdown__item.item-checked .lego-dropdown__label .lego-checkbox__label[data-v-735eab9e], .lego-dropdown__item:hover .lego-dropdown__label .lego-checkbox__label[data-v-735eab9e] {
  color: #2f3237;
  font-weight: 400;
}
.lego-dropdown__selectall[data-v-735eab9e] {
  display: flex !important;
  border: 0;
  border-bottom: 1px solid #e4e5e7;
  line-height: 24px;
  min-height: 34px;
  max-height: 48px;
  font-weight: 700;
  align-items: center;
}
.lego-dropdown__selectall[data-v-735eab9e].lego-dropdown__item .lego-checkbox__checked + .lego-checkbox__label,
.lego-dropdown__selectall .lego-checkbox__label[data-v-735eab9e] {
  color: #2f3237 !important;
  padding-top: 1px;
}
.lego-dropdown__selectall .lego-checkbox[data-v-735eab9e] {
  width: 100%;
}
.lego-dropdown__selectall[data-v-735eab9e]:hover {
  background-color: #eff1fb !important;
}
.lego-dropdown__items[data-v-735eab9e] {
  max-height: initial;
  border: 0;
  overflow-x: hidden;
  overflow-y: hidden;
}
.lego-dropdown__selectall-wrap[data-v-735eab9e] {
  padding: 0 0px;
}
.lego-dropdown__item[data-v-735eab9e]:hover {
  background-color: transparent;
}
.lego-dropdown__apply-wrap[data-v-735eab9e] {
  padding: 0 10px;
}
.lego-dropdown__apply[data-v-735eab9e] {
  border: 0;
  border-top: 1px solid #a5a7ad;
}
.lego-dropdown__label[data-v-735eab9e] {
  flex: 0 1 auto;
  display: block;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
}
.lego-dropdown__checked[data-v-735eab9e] {
  background-color: #eff1fb !important;
  color: #2C59D9;
}
.lego-dropdown[data-v-735eab9e] .lego-button--default:not(.lego-button--loading):hover {
  background-color: #2b3f9f !important;
}
.lego-dropdown[data-v-735eab9e] .lego-checkbox__label {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #2f3237;
  padding-top: 1px;
}
.lego-dropdown[data-v-735eab9e] .lego-checkbox__label em {
  display: block;
  font-style: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lego-dropdown[data-v-735eab9e] .lego-checkbox {
  display: block;
  flex: 0 1 auto;
  align-items: flex-start;
  padding: 0 0 0 15px;
}
.lego-dropdown[data-v-735eab9e] .lego-checkbox__icon {
  position: absolute;
  top: 3px;
  left: 0;
}
.lego-dropdown .accordion-list-item[data-v-735eab9e] {
  background-color: #ffffff;
}
.lego-dropdown .accordion-list-item__main[data-v-735eab9e] {
  height: 36px;
  display: flex;
  align-items: center;
  padding-right: 12px;
  padding-left: 12px;
  cursor: pointer;
}
.lego-dropdown .accordion-list-item__main[data-v-735eab9e]:hover {
  background-color: #eff1fb !important;
  color: #2C59D9;
}
.lego-dropdown .accordion-list-item__main .lego-checkbox[data-v-735eab9e],
.lego-dropdown .accordion-list-item__main .lego-radio[data-v-735eab9e] {
  flex: none;
  margin-right: 8px;
}
.lego-dropdown .accordion-list-item__main .lego-checkbox:hover + .item-title-sec[data-v-735eab9e],
.lego-dropdown .accordion-list-item__main .lego-radio:hover + .item-title-sec[data-v-735eab9e] {
  color: inherit;
}
[data-v-735eab9e] .lego-dropdown .accordion-list-item__main .lego-checkbox:hover + .item-title-sec + .expand-icon .lego-icon,[data-v-735eab9e] .lego-dropdown .accordion-list-item__main .lego-radio:hover + .item-title-sec + .expand-icon .lego-icon {
  color: rgba(31, 37, 51, 0.6);
}
.lego-dropdown .accordion-list-item__main .item-title-sec[data-v-735eab9e] {
  flex: 1 1 auto;
  font-weight: 500 !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.lego-dropdown .accordion-list-item__main .expand-icon[data-v-735eab9e] {
  cursor: pointer;
  padding: 10px;
}
.lego-dropdown .accordion-list-item__main .expand-icon[data-v-735eab9e] .lego-icon {
  vertical-align: middle;
}
[data-v-735eab9e] .lego-dropdown .accordion-list-item__main .expand-icon.open .lego-icon {
  transform: rotate(-180deg);
}
.lego-dropdown .accordion-list-item__expand[data-v-735eab9e] {
  border-top: 1px solid #d2d3d6;
  margin: 0 20px;
  padding: 8px 12px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/common/ScpmPagination.vue?vue&type=style&index=0&id=1ed985d9&scoped=true&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-1ed985d9] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-1ed985d9]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-1ed985d9]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-1ed985d9] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-1ed985d9]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.lego-pagination[data-v-1ed985d9] {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  gap: 24px;
}
.lego-pagination .lego-pagination__navi[data-v-1ed985d9] {
  width: auto;
  margin: 0;
  color: #2e3138;
}
.lego-pagination .lego-pagination__navi .lego-icon[data-v-1ed985d9] {
  color: #2e3138;
}
.lego-pagination[data-v-1ed985d9] .lego-pagination__left-icon,
.lego-pagination[data-v-1ed985d9] .lego-pagination__right-icon {
  transform: rotate(0deg);
}
.lego-pagination .lego-pagination__icon--disable[data-v-1ed985d9] .lego-icon {
  color: rgba(31, 37, 51, 0.2);
}
.lego-pagination .lego-pagination__icon--hide[data-v-1ed985d9] {
  display: none;
}
.lego-pagination .lego-pagination__navi[data-v-1ed985d9]:hover {
  background: none;
  color: #000000;
}
.lego-pagination .lego-pagination__navi:hover .lego-icon[data-v-1ed985d9] {
  color: #000000;
}
.lego-pagination .lego-pagination__number[data-v-1ed985d9]:active {
  color: #2C59D9;
  font-weight: 700;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/components/chart/PopUp/ChartPopupTrigger.vue?vue&type=style&index=0&id=df073d5e&scoped=true&lang=css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.trigger-element-wrapper[data-v-df073d5e] {
  cursor: pointer;
  width: 100%;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/components/chart/PopUp/InsightChartContainer.vue?vue&type=style&index=0&id=3f092a3c&scoped=true&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.chart-container-element[data-v-3f092a3c] {
  position: fixed !important;
  width: 100% !important;
  border: none !important;
  max-width: 1210px;
  background: white !important;
  border-radius: 4px;
}
.popup-border-shadow[data-v-3f092a3c] {
  box-shadow: 0 8px 15px 2px rgba(34, 37, 42, 0.2), 0 0 4px 0 rgba(34, 37, 42, 0.25),
    0 -1px 4px 0 rgba(34, 37, 42, 0.2);
}
.chart-element[data-v-3f092a3c] {
  width: 100% !important;
  max-width: 1210px !important;
  max-height: 312px !important;
  background: white !important;
  border: none !important;
  border-radius: 4px;
  padding: 12px 24px 24px;
  margin-bottom: 0;
  min-height: 240px;
}
[data-v-3f092a3c] .chart-container {
  margin-bottom: 0;
  border: none;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/containers/components/chart/PopUp/ScpmInsightChartPopup.vue?vue&type=style&index=0&id=d6730f80&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-d6730f80] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-d6730f80]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-d6730f80]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-d6730f80] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-d6730f80]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.scpm-insight-chart-container[data-v-d6730f80] {
  width: 100%;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/sc/display/scIcon/scIcon.vue?vue&type=style&index=0&id=41719253&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.sc-icon {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sc-icon {
  height: 1em;
  width: 1em;
  line-height: 1em;
  text-align: center;
  display: inline-block;
  position: relative;
  fill: currentColor;
  vertical-align: middle;
}
.sc-icon-pointer {
  cursor: pointer;
}
.sc-icon-rirefresh, .sc-icon-ri-refresh {
  cursor: pointer;
}
.sc-icon-rirefresh svg, .sc-icon-ri-refresh svg {
  position: relative;
  right: -1px;
}
.sc-icon-ani {
  animation-name: icon-rotation;
  animation-duration: 0.6s;
  animation-timing-function: linear;
  animation-fill-mode: both;
}
@keyframes icon-rotation {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/components/filterDialog/ScpmFilter.vue?vue&type=style&index=0&id=0d48297d&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-0d48297d] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-0d48297d]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-0d48297d]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-0d48297d] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-0d48297d]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.c-filter[data-v-0d48297d] {
  padding: 24px;
}
.c-filter .search-form[data-v-0d48297d] {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 20px;
}
.c-filter .search-form-field[data-v-0d48297d] {
  display: flex;
}
.c-filter .search-form-label[data-v-0d48297d] {
  min-width: 32px;
  color: #2e3138;
  margin-right: 30px;
  font-weight: 500;
  font-size: 14px;
  padding-top: 6px;
  line-height: 16px;
  flex-grow: 1;
  white-space: nowrap;
  text-transform: capitalize;
}
.c-filter .search-form-label .required[data-v-0d48297d] {
  color: #fc434e;
  margin-left: 2px;
  font-weight: 700;
  font-size: 14px;
  margin-left: 4px;
}
.c-filter .search-form-label .help[data-v-0d48297d] {
  vertical-align: middle;
  margin-left: 5px;
}
.c-filter .search-form-content[data-v-0d48297d] {
  min-width: 0;
  flex-shrink: 0;
  width: 390px;
}
.c-filter .search-form-content .lego-dropdown[data-v-0d48297d],
.c-filter .search-form-content .lego-text-field[data-v-0d48297d] {
  min-width: auto;
}
.c-filter .search-form-group[data-v-0d48297d] {
  flex: 1;
  min-width: 0;
  display: flex;
}
.c-filter .search-form-group .search-form-content + .search-form-content[data-v-0d48297d] {
  margin-left: 8px;
}
.c-filter .button-group[data-v-0d48297d] {
  text-align: right;
  border-top: 1px solid #e6e6e6;
  padding-top: 20px;
}
.c-filter[data-v-0d48297d] .lego-date-picker.lego-input {
  width: 100%;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/components/filterDialog/ScpmSearchField.vue?vue&type=style&index=0&id=33d9527d&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-33d9527d] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-33d9527d]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-33d9527d]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-33d9527d] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-33d9527d]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.search-text[data-v-33d9527d] .lego-text-field {
  z-index: 101;
}
.search-text[data-v-33d9527d] .lego-text-field .lego-text-field__message {
  display: none;
}
.search-text[data-v-33d9527d] .lego-text-field:hover .lego-text-field__input.lego-text-field__input--with-icon {
  padding-right: 50px;
}
.search-text[data-v-33d9527d] .lego-text-field .lego-text-field__input {
  padding-left: var(--33d9527d-paddingLeftInput);
  padding-right: 30px;
}
.search-text[data-v-33d9527d] .lego-text-field .lego-text-field__input.lego-text-field__input--with-icon:focus {
  padding-right: 50px;
}
.search-text[data-v-33d9527d] .lego-text-field.not-text-value .lego-text-field__input {
  padding-right: 30px !important;
}
.search-text[data-v-33d9527d] .scpm-popover__main {
  border-radius: 0;
}
.search-text .auto-complete__items[data-v-33d9527d] {
  width: 100%;
  min-height: 34px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  cursor: pointer;
}
.search-text .auto-complete__items--active[data-v-33d9527d] {
  background-color: #eef2fc;
}
.search-text .auto-complete__items[data-v-33d9527d]:hover {
  background-color: #eef2fc;
}
.search-text .prefix[data-v-33d9527d] {
  position: absolute;
  left: 12px;
  top: 6px;
  pointer-events: none;
  z-index: 102;
}
.search-text .prefix.search-forcus[data-v-33d9527d] {
  visibility: hidden;
}
.search-text .search-text[data-v-33d9527d] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-primary);
  white-space: nowrap;
  flex: 1;
  margin-left: 5px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/components/filterDialog/ScpmFilterDialog.vue?vue&type=style&index=0&id=39e69f25&scoped=true&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-39e69f25] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-39e69f25]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-39e69f25]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-39e69f25] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-39e69f25]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.filter-dialog[data-v-39e69f25] {
  display: flex;
  gap: 8px;
}
.filter-dialog[data-v-39e69f25] button.lego-button.active {
  background-color: #ffffff;
  border-color: #2c59d9;
  color: #2c59d9;
}
.filter-dialog .filter-dialog__details[data-v-39e69f25] .scpm-popover__main {
  width: auto !important;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/components/TreeCheckboxDropdown/TreeCheckboxDropdownItem.vue?vue&type=style&index=0&id=6505908b&scoped=true&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-6505908b] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-6505908b]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-6505908b]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-6505908b] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-6505908b]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.accordion-list-item[data-v-6505908b] {
  background-color: #ffffff;
}
.accordion-list-item__main[data-v-6505908b] {
  height: 36px;
  display: flex;
  align-items: center;
  padding-right: 12px;
  padding-left: 12px;
  cursor: pointer;
}
.accordion-list-item__main[data-v-6505908b]:hover {
  background-color: #eff1fb !important;
}
.accordion-list-item__main.is-showing .expand-icon[data-v-6505908b] {
  transform: rotate(-180deg);
}
.accordion-list-item__main.lego-dropdown__checked[data-v-6505908b] {
  background-color: #eff1fb !important;
}
.accordion-list-item__main .lego-checkbox[data-v-6505908b],
.accordion-list-item__main .lego-radio[data-v-6505908b] {
  flex: none;
  margin-right: 8px;
}
.accordion-list-item__main .lego-checkbox:hover + .item-title-sec[data-v-6505908b],
.accordion-list-item__main .lego-radio:hover + .item-title-sec[data-v-6505908b] {
  color: inherit;
}
[data-v-6505908b] .accordion-list-item__main .lego-checkbox:hover + .item-title-sec + .expand-icon .lego-icon,[data-v-6505908b] .accordion-list-item__main .lego-radio:hover + .item-title-sec + .expand-icon .lego-icon {
  color: rgba(31, 37, 51, 0.6);
}
.accordion-list-item__main .item-title-sec[data-v-6505908b] {
  flex: 1 1 auto;
  font-weight: 500 !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  display: flex;
}
.accordion-list-item__main .item-title-sec img[data-v-6505908b] {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.accordion-list-item__main .expand-icon[data-v-6505908b] {
  transition: all ease-in-out 0.3s;
}
.accordion-list-item__main[data-v-6505908b] .lego-checkbox__label {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #2f3237;
  padding-top: 1px;
  width: 100%;
}
.accordion-list-item__main[data-v-6505908b] .lego-checkbox__label em {
  display: block;
  font-style: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.accordion-list-item__main[data-v-6505908b] .lego-checkbox {
  display: block;
  flex: 0 1 auto;
  align-items: flex-start;
  padding: 0 0 0 15px;
  width: 100%;
}
.accordion-list-item__main[data-v-6505908b] .lego-checkbox__icon {
  position: absolute;
  top: 3px;
  left: 0;
}
.accordion-list-item__expand[data-v-6505908b] {
  border-top: 1px solid #d2d3d6;
  margin: 0 20px;
  padding: 8px 12px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/scpm/components/TreeCheckboxDropdown/TreeCheckboxDropdown.vue?vue&type=style&index=0&id=a3e4da50&scoped=true&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary[data-v-a3e4da50] {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-a3e4da50]:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary[data-v-a3e4da50]:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked[data-v-a3e4da50] {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
[data-v-a3e4da50]:root {
  --bg-header: #fff;
  --color-header: #100b33;
}
.no-result[data-v-a3e4da50] {
  cursor: default;
  padding: 25px 0;
  text-align: center;
  font-size: 11px;
  color: #858585;
}
.lego-dropdown[data-v-a3e4da50] {
  height: 32px;
  line-height: 24px;
  font-size: 14px;
  color: #2e3138;
}
.lego-dropdown__title[data-v-a3e4da50] {
  border-radius: 2px;
}
.lego-dropdown__title[data-v-a3e4da50]:hover {
  border-color: #2c59d9;
}
.lego-dropdown__title.is-item-showing[data-v-a3e4da50] {
  border-color: #2C59D9;
}
.lego-dropdown__title.is-item-showing .lego-icon[data-v-a3e4da50] {
  transform: rotate(-180deg);
}
.lego-dropdown__title .lego-icon[data-v-a3e4da50] {
  transition: all ease-in-out 0.3s;
}
.lego-dropdown__title.disabled-dropdown[data-v-a3e4da50] {
  background-color: #f4f4f6;
  border: 1px solid #e3e4e8;
  cursor: default;
}
.lego-dropdown__selected[data-v-a3e4da50] {
  display: flex;
  color: #a5a7ad;
  height: 32px;
  padding: 0 12px;
}
.lego-dropdown__selected span[data-v-a3e4da50] {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lego-dropdown__selected-multiple[data-v-a3e4da50] {
  display: flex;
  width: 100%;
  justify-content: flex-start;
}
.lego-dropdown__selected-multiple[data-v-a3e4da50] :last-child {
  padding-left: 4px;
  flex-shrink: 0;
}
.lego-dropdown__downwrap[data-v-a3e4da50] {
  width: 100%;
}
.lego-dropdown__tags[data-v-a3e4da50] {
  background-color: #ffffff;
  border: 1px solid #364fc7;
}
.lego-dropdown__selectall[data-v-a3e4da50] {
  display: flex !important;
  border: 0;
  border-bottom: 1px solid #e4e5e7;
  line-height: 24px;
  min-height: 36px;
  max-height: 48px;
  font-weight: 700;
  align-items: center;
  padding: 6px 12px;
}
.lego-dropdown__selectall[data-v-a3e4da50].lego-dropdown__item .lego-checkbox__checked + .lego-checkbox__label,
.lego-dropdown__selectall .lego-checkbox__label[data-v-a3e4da50] {
  color: #2f3237 !important;
  padding-top: 1px;
}
.lego-dropdown__selectall .lego-checkbox[data-v-a3e4da50] {
  width: 100%;
}
.lego-dropdown__selectall[data-v-a3e4da50]:hover {
  background-color: #eff1fb !important;
}
/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/style/common.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}

:root {
  --bg-header: #fff;
  --color-header: #100b33;
}

/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}

:root {
  --color-primary: #2C59D9;
  --color-primary-tint01: rgb(233.9, 238.4, 251.2);
  --color-primary-tint02: rgb(212.8, 221.8, 247.4);
  --color-primary-tint03: rgb(170.6, 188.6, 239.8);
  --color-primary-tint04: rgb(128.4, 155.4, 232.2);
  --color-primary-tint05: rgb(86.2, 122.2, 224.6);
  --color-primary-tint06: rgb(65.1, 105.6, 220.8);
  --color-primary-shade01: rgb(39.6, 80.1, 195.3);
  --color-primary-shade02: rgb(35.2, 71.2, 173.6);
  --color-primary-shade03: rgb(30.8, 62.3, 151.9);
  --color-primary-shade04: rgb(26.4, 53.4, 130.2);
  --color-primary-shade05: rgb(22, 44.5, 108.5);
  --color-primary-shade06: rgb(17.6, 35.6, 86.8);
  --color-ui-black: #000000;
  --color-ui-ui01: #1f2533;
  --color-ui-ui02: #4b505b;
  --color-ui-ui03: #61666f;
  --color-ui-ui04: #787c84;
  --color-ui-ui05: #8e9198;
  --color-ui-ui06: #a5a7ad;
  --color-ui-ui07: #bbbdc1;
  --color-ui-ui08: #d2d3d6;
  --color-ui-ui09: #dddee0;
  --color-ui-ui10: #e8e8ea;
  --color-ui-ui11: #f3f4f4;
  --color-ui-ui12: #f7f7f7;
  --color-ui-white: #ffffff;
  --success: #23d89e;
  --error: #fc434e;
  --default: #d2d3d6;
  --processing: #5fc8ff;
  --warning: #ff8c36;
  --notification: #ffd035;
}

body {
  color: #1f2533;
  font-size: 14px;
  font-family: "Noto Sans KR", Arial, sans-serif;
}

body input,
body textarea {
  font-family: "Noto Sans KR", Arial, sans-serif;
}

*::-moz-selection {
  background: #3bcdc7;
  color: #ffffff;
}

*::selection {
  background: #3bcdc7;
  color: #ffffff;
}

pre,
code,
.code {
  /*font-family: 'D2Condig';*/
}
prearticle,
codearticle,
.codearticle {
  background: #555761;
  color: #ffffff;
  padding: 10px;
  margin: 10px 0;
  display: inline-block;
}

em {
  /*font-weight:bold; color:$lego__color--primary;*/
}

*[tooltip] {
  /*
     * position:relative will be overridden by specified position
     * and activated when position is not specified( default value : static )
     * because common.scss is placed the very first time when vue loaded
     */
  position: relative;
}

*[tooltip]:hover::after {
  line-height: 26px;
  background-color: #959595;
  max-width: 366px;
  padding: 0 8px;
  font-style: normal;
  z-index: 100;
  content: attr(tooltip);
  position: absolute;
  max-width: 366px;
  word-wrap: break-word;
  left: 0;
  top: calc(100% + 4px);
  font-size: 12px;
  color: #ffffff;
}

.lego-tooltip-directive {
  position: fixed;
  max-width: 366px;
  word-wrap: break-word;
  font-size: 12px;
  line-height: 18px;
  background-color: #000000;
  color: #ffffff;
  padding: 6px 10px;
  z-index: 99999;
}

.vue-notification-group .vue-notification-wrapper {
  border: 0;
  opacity: 0.9;
}

.vue-notification-wrapper .vue-notification__text {
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  white-space: pre;
}

.vue-notification-group {
  margin-top: 68px;
  width: 600px !important;
  margin-right: 16px;
}

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

.clickable {
  cursor: pointer;
  text-decoration: underline;
}

.word-break {
  word-wrap: break-word;
}

.word-break-all {
  word-break: break-all;
}

.text-align--center {
  text-align: center;
}

.lego-table__lego-checkbox {
  padding-top: 5px;
  text-align: center;
}

.left-divider {
  position: relative;
}
.left-divider::before {
  content: "";
  position: absolute;
  left: 0;
  border-left: 1px solid currentColor;
  height: 10px;
  top: calc(50% - 5px);
}

.lego-text-field__message.lego-validator__message {
  word-break: break-word;
}

/* UI Common 202206 */
/* app scroll-x */
#app {
  min-width: 1900px !important;
}

.widght-map .legend {
  justify-content: space-between;
}

.widght-map .legend .area {
  width: auto !important;
}

/* modal-on */
.modal-on {
  overflow: hidden !important;
}

/* dashboard */
/* widget icon : customDashboard.vue */
.hoverActive .icon-button {
  background-color: transparent;
}

/* title */
.content .area2 .title {
  white-space: nowrap;
}

.form-row .form-item .form-label {
  white-space: nowrap;
}

/* widget add */
.td-col {
  width: 254px;
  padding-left: 12px;
}
.td-col .scroll_widget {
  padding: 0 0 0 20px !important;
}

.td-col .simplebar-content {
  width: 95% !important;
}

.td-col .c-navi-list {
  width: 100% !important;
}

/* event formbox-col */
/* prev-page btn title */
.c-title__item__history + .c-label {
  margin-left: 4px;
}

.formbox .form-row .form-item {
  padding: 0 !important;
  display: flex;
  padding-left: 10px !important;
}

.formbox .form-row .form-item:nth-child(2) {
  padding-left: 10px !important;
}

.formbox .form-row .form-item .form-label {
  position: relative !important;
  min-width: 90px;
  max-width: 90px;
  width: auto !important;
}

.formbox .form-row .form-item + .form-item .form-label {
  min-width: 114px;
  max-width: 114px;
}

.formbox .form-row .form-item .form-label + div {
  margin-left: 20px;
}

.formbox .form-row .form-item .form-label.form-label-padding + div {
  width: calc(100% - 110px);
}

.formbox .form-row .form-item .form-label.form-label-padding + .form-dropdown-50 {
  width: 145px;
  vertical-align: middle;
}

.formbox .form-row .form-item .form-dropdown-50 + .form-dropdown-50 {
  width: 220px !important;
  vertical-align: middle;
}

/* Performance chart title width */
.box-header > div {
  width: 77%;
}

.box-header > .subtitle + div {
  width: auto;
}

.lego-dashboard .perform-stitle {
  width: 100%;
}

.lego-dropdown-check-wrap.object-check .dropdown-toggle {
  /* padding: 0 3px; */
  height: 28px;
}

/* performanceList popup datepicker button size */
.period-type-wrap .lego-segment-wrapper .lego-segment-button.lego-segment-button--medium {
  height: 18px;
}

/* logDashboard : AccumulateTotal tooltip wrap width size */
.tooltip-wrap .lego-tooltip {
  min-width: 100px;
  max-width: 470px;
}

/* NEW */
/* Refresh */
/* ORG */
.titleArea {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.titleArea .title {
  line-height: 41px;
  font-size: 28px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.46;
  letter-spacing: normal;
  text-align: left;
  color: var(--dark);
}
.titleArea .action {
  display: flex;
  align-items: center;
  margin-right: 0;
}
.titleArea .action > button, .titleArea .action > div {
  margin: 0 8px 0 0 !important;
}

::v-deep .lego-segment-wrapper .lego-segment-button.lego-segment-button--medium {
  min-width: auto;
  width: 32px;
  height: 32px;
}

.lego-dropdown-refresh {
  position: absolute;
  top: 33px;
  right: 0;
  width: 129px;
  border: solid 1px var(--blue-with-a-hint-of-purple);
  background-color: #fff;
  z-index: 100;
}
.lego-dropdown-refresh button {
  display: block;
  width: 100%;
  height: 34px;
  padding: 8px 10px;
  text-align: left;
  font-size: 13px;
  color: #1f2533;
  background-color: #fff;
  border: 0;
  outline: none;
  cursor: pointer;
}
.lego-dropdown-refresh button.active, .lego-dropdown-refresh button:hover {
  color: rgb(54, 79, 199);
  background-color: rgba(174, 184, 233, 0.12);
}

::v-deep .lego-segment-button {
  path-fill: #1f2533;
  path-opacity: 0.6;
}

::v-deep .lego-segment-button--checked path {
  fill: #364fc7;
}

/* NEW */
/* main dashboard / NEW: actionExtend, titleArea */
.titleArea.uiExtend {
  height: 41px;
}

.titleArea.uiExtend + .divider {
  margin-top: 9px;
}

.ui-refresh-extend {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.ui-refresh-extend .time-text span {
  display: inline-flex;
}
.ui-refresh-extend .time-text span + span {
  margin-left: 8px;
}
.ui-refresh-extend .time-text span + span::before {
  content: "/";
  width: 14px;
  margin-right: 4px;
  display: flex;
  justify-content: center;
  color: #ddd;
}
.ui-refresh-extend .ui-icon {
  cursor: pointer;
  border: 0 !important;
  margin: 0 !important;
}
.ui-refresh-extend .ui-icon > i.opus-icon__refresh_new {
  font-size: 14px;
}
.ui-refresh-extend .ui-icon > i.opus-icon__play > svg, .ui-refresh-extend .ui-icon > i.opus-icon__play > svg {
  color: var(--processing) !important;
}

.ui-icon {
  display: flex;
  cursor: pointer;
  border: 0 !important;
  margin: 0 !important;
}
.ui-icon > i {
  font-size: 18px !important;
}
.ui-icon:hover {
  background-color: transparent !important;
}

.ui-icon.i-add {
  width: 24px !important;
  height: 24px !important;
  margin-left: 10px !important;
  margin-right: 2px !important;
}

.titleArea .ui-refresh-extend > button.ui-icon {
  margin: 0 !important;
}

/* multidatepickerextend tab */
.ui-range-datepicker .lego-modal__container {
  width: 690px;
}
.ui-range-datepicker .simplebar-content-wrapper {
  overflow: hidden scroll !important;
}

.time-container .datepicker.rangedate > .lego-dropdown__items {
  display: block !important;
  margin-left: 24px !important;
}

/* refresh time */
.refresh-container {
  margin: 0px 0 24px 44px;
  height: unset !important;
}
.refresh-container .c-label {
  min-height: 40px;
  padding: 8px 0;
}
.refresh-container .lego-segment-wrapper .lego-segment-button {
  min-width: 64px !important;
}

.scpmSubTitleContainer.ui-stitle .scpmSubTitle {
  font-family: "Noto Sans KR";
  font-weight: 500;
  margin: 8px 0;
}

/* user dashboard widegt add vline 필요할 경우, */
.ui-widegt-add-wrap {
  display: flex;
  position: relative;
}
.ui-widegt-add-wrap .lego-button.lego-input {
  margin-right: 0px;
}
.ui-widegt-add-wrap .lego-drop-holder .lego-button.lego-input:last-child {
  margin-right: 0px;
}
.ui-widegt-add-wrap button + .lego-drop-holder {
  margin-left: 10px;
}
.ui-widegt-add-wrap .lego-tooltip-invisible-container + .lego-drop-holder {
  margin-left: 10px;
}

.ui-widegt-add-wrap::before {
  content: "";
  display: inline-flex;
  left: 0;
  width: 1px;
  height: 32px;
  border-left: 1px solid #ddd;
  align-items: center;
  vertical-align: middle;
  margin: 0 16px 0px 0;
}

/* performanceComparePopup add ui-area */
.box-header.ui-area .ui-subtitle {
  width: 360px;
}

.ui-area > .ui-subtitle + .right-con {
  display: flex;
  justify-content: space-between !important;
  width: 924px;
}

/* NEW */
.action.ui-refresh-extend {
  position: relative;
}

.range-wrap {
  position: absolute;
  width: 630px;
  top: 35px;
  right: -15px;
  padding: 15px 0px 0px;
  z-index: 4001;
  background: #fff;
  box-shadow: 0px 8px 15px 2px rgba(34, 37, 42, 0.2), 0px 0px 4px 0px rgba(34, 37, 42, 0.25), 0px -1px 4px 0px rgba(34, 37, 42, 0.2);
}

.tab-box-inner-wrap .range-wrap {
  top: 43px;
  right: -10px;
}

.button-wrap.right {
  display: block;
  text-align: right;
}

.range-wrap .button-wrap {
  border-top: 1px solid #e3e4e8;
  padding: 20px 0 24px;
  margin: 0 24px;
}

.range-wrap .ui-icon.i-closed {
  position: absolute;
  right: 24px;
  top: 24px;
  z-index: 4000;
}
.range-wrap .ui-icon.i-closed:hover .lego-icon {
  color: rgb(31, 37, 51);
}

/* multiDatePickerExtend */
.rangedate .lego-dropdown__items {
  left: 0;
  width: 580px;
  max-height: initial;
  height: 132px;
  padding: 10px 0px 25px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0);
  border: solid 0px var(--blue-with-a-hint-of-purple);
  margin-top: 0px;
  background-color: #fff;
}
.rangedate .lego-dropdown__items .datepicker-tab-container .period-type-wrap {
  padding: 25px 20px 0 20px;
}
.rangedate .lego-dropdown__items .datepicker-tab-container .datatime-type-wrap {
  padding: 30px 0 0 20px;
}
.rangedate .lego-dropdown__items .datepicker-tab-container .datatime-type-wrap > div {
  display: inline-block;
}
.rangedate .lego-dropdown__items .datepicker-tab-container .datatime-type-wrap .lego-text-field {
  min-width: initial;
}
.rangedate .lego-segment-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
.rangedate .lego-segment-button {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  min-width: initial;
  background-color: #edeff2;
  border: 0;
  border-radius: 9px;
  border-top-left-radius: 9px;
  border-bottom-left-radius: 9px;
}
.rangedate .lego-segment-button:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 17px;
  display: block;
  width: 100%;
  height: 4px;
  background-color: #edeff2;
}
.rangedate .lego-segment-button:last-child:before {
  display: none;
}
.rangedate .lego-segment-button em {
  position: absolute;
  top: 24px;
  left: 50%;
  font-style: normal;
  font-size: 12px;
  font-weight: normal;
  white-space: nowrap;
  letter-spacing: normal;
  text-align: center;
  color: var(--color-ui-05);
  transform: translateX(-50%);
}
.rangedate .lego-segment-button.selected {
  background-color: #fff !important;
  border-color: var(--blue-with-a-hint-of-purple) !important;
  border: 1px solid var(--blue-with-a-hint-of-purple) !important;
}
.rangedate .lego-segment-button.selected:before {
  background-color: var(--blue-with-a-hint-of-purple);
}
.rangedate .lego-segment-button.selected:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  display: block;
  width: 12px;
  height: 12px;
  background-color: var(--blue-with-a-hint-of-purple);
  border-radius: 6px;
}
.rangedate .lego-segment-button--border.lego-segment-button--primary.selected {
  background-color: #fff !important;
  border-color: var(--blue-with-a-hint-of-purple) !important;
  border: 1px solid var(--blue-with-a-hint-of-purple) !important;
}
.rangedate .lego-segment-button--medium {
  width: 18px !important;
  min-width: 18px !important;
  padding: 0 !important;
}
.rangedate .lego-segment-button--border.lego-segment-button--primary {
  background-color: #edeff2 !important;
  border-color: #edeff2 !important;
}
.rangedate .lego-segment-wrapper .lego-segment-button:nth-of-type(1).lego-segment-button--medium {
  border-top-left-radius: 9px !important;
  border-bottom-left-radius: 9px !important;
}
.rangedate .lego-segment-wrapper .lego-segment-button:nth-last-of-type(1).lego-segment-button--medium {
  border-top-right-radius: 9px !important;
  border-bottom-right-radius: 9px !important;
}

.message {
  margin-left: 10px;
  color: #fc434e;
  font-size: 12px;
}

.rangedate .datatime-type-wrap .message {
  width: 100%;
}

/* NEW */
.lnbButton.lego-button {
  justify-content: flex-start;
  width: 100%;
  padding: 20px;
}

.time-container {
  width: 100%;
  height: 115px;
  justify-content: center;
  align-items: center;
  margin: 0px 0 0;
  padding: 0px;
  border-radius: 4px;
  border: solid 0px #d2d3d6;
  margin-bottom: 24px;
}

/* common button */
.body-button-wrapper {
  display: flex;
  margin: 14px 0;
}

.datepicker {
  display: flex;
  justify-content: flex-end;
}

.datepicker.aleft {
  justify-content: flex-start;
}
.datepicker.aleft .lego-dropdown__items {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  max-width: 580px;
}

.datepicker.rangedate .lego-dropdown--medium {
  width: 290px;
}

.tab-type button.lego-segment-button.lego-segment-button--primary.lego-segment-button--border.lego-segment-button--medium.lego-segment-button--checked.selected {
  border: 0px solid #000 !important;
  background: transparent !important;
}
.tab-type .lego-segment-button--border.lego-segment-button--primary.selected {
  position: relative;
  display: flex;
  width: 100% !important;
  min-width: 59px !important;
  background: transparent !important;
  border: 0 !important;
  border-color: transparent !important;
}
.tab-type .lego-segment-wrapper {
  display: flex;
  width: 100%;
  /* flex-wrap: wrap; */
  padding: 0 !important;
}
.tab-type .lego-segment-button--border.lego-segment-button--primary {
  background: transparent !important;
  background-color: transparent !important;
  width: 100% !important;
  min-width: 59px !important;
  margin: 0;
}
.tab-type .lego-segment-button--primary:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  display: block;
  width: 18px;
  height: 18px;
  background-color: #edeff2;
  border-radius: 18px;
}
.tab-type button.lego-segment-button.lego-segment-button--primary.lego-segment-button--border.lego-segment-button--medium.selected em:before {
  content: "";
  position: absolute;
  top: -100%;
  left: 19px;
  display: block;
  width: 18px;
  height: 18px;
  background-color: #edeff2;
  border-radius: 18px;
  border: 1px solid #edeff2;
  margin-top: -4px;
  z-index: 0;
}
.tab-type button.lego-segment-button.lego-segment-button--primary.lego-segment-button--border.lego-segment-button--medium.lego-segment-button--checked.selected em:before {
  content: "";
  position: absolute;
  top: -100%;
  left: 19px;
  display: block;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 18px;
  border: 1px solid #364fc7;
  margin-top: -4px;
  z-index: 1;
}
.tab-type .lego-segment-button.lego-segment-button--checked.selected:before {
  z-index: 0;
}
.tab-type .lego-segment-button--border.lego-segment-button--primary.selected {
  background-color: transparent !important;
  border-color: transparent !important;
  margin: 0 !important;
  width: 100% !important;
  min-width: 59px !important;
}
.tab-type .lego-segment-wrapper button:last-child {
  width: 18px !important;
  min-width: 18px !important;
}
.tab-type .lego-segment-wrapper .lego-segment-button:nth-last-of-type(1).lego-segment-button--medium {
  width: 18px !important;
  min-width: 18px !important;
}
.tab-type .lego-segment-button.selected:before {
  background-color: var(--blue-with-a-hint-of-purple);
  left: 3px !important;
  top: 7px;
  width: 100%;
  z-index: 1;
}
.tab-type .lego-segment-button.selected:hover:before {
  left: -1px !important;
  width: calc(100% + 4px) !important;
}
.tab-type .lego-segment-button.selected:nth-last-child(2):hover:before {
  left: 2px !important;
}
.tab-type .lego-segment-button--checked.selected ~ .lego-segment-button.selected:nth-last-child(2):hover:before {
  left: -1px !important;
}
.tab-type .lego-segment-button.selected:last-child:after {
  left: 2px !important;
}
.tab-type .lego-segment-button:before {
  width: 100% !important;
}
.tab-type .lego-segment-button:last-child:before {
  display: none;
}
.tab-type .lego-segment-button em {
  left: 9px !important;
  width: 58px;
}

/* modal datepicker segment button circle position / overline */
.lego-modal .tab-type button.lego-segment-button.lego-segment-button--primary.lego-segment-button--border.lego-segment-button--medium.lego-segment-button--checked.selected em:before {
  left: 19px;
}
.lego-modal .tab-type button.lego-segment-button.lego-segment-button--primary.lego-segment-button--border.lego-segment-button--medium.selected em:before {
  left: 19px;
}
.lego-modal .tab-type {
  /* last-child */
}
.lego-modal .tab-type button:last-child.lego-segment-button.lego-segment-button--primary.lego-segment-button--border.lego-segment-button--medium.selected em:before {
  left: 17px;
}
.lego-modal .tab-type .lego-segment-button.selected:last-child:after {
  left: 0px !important;
}
.lego-modal .tab-type .lego-segment-button.selected:hover:before {
  left: -1px !important;
  width: calc(100% + 4px) !important;
}
.lego-modal .tab-type .lego-segment-button.selected:nth-last-child(2):hover:before {
  left: 3px !important;
}
.lego-modal .tab-type .lego-segment-button--checked.selected ~ .lego-segment-button.selected:nth-last-child(2):hover:before {
  left: -2px !important;
}

/* table sort icon */
.lego-segment-wrapper.lego-date-picker__segment-wrapper .lego-segment-button.lego-segment-button--medium {
  height: 18px;
}

.lego-table .lego-table__area .lego-table__header th span > span {
  display: inline-block;
  /* width: 80%; */
  line-height: 14px;
  vertical-align: middle;
  word-break: keep-all;
}

.lego-table .lego-table__area .lego-table__header th span > i {
  /* display: inline-block; */
}

.lego-table .lego-table__area .lego-table__header th span {
  word-break: keep-all;
  /* width: 60%; */
}

.lego-table .lego-table__area .lego-table__header th {
  padding: 0 7px;
}

/* contents section margin */
.cs-margin {
  margin-top: 14px;
}

/* common grid list layout */
.divider + .lego-table {
  margin-top: 20px;
}

/* button box wrap */
.box-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  /* button box inner */
}
.box-wrap .box-inner + .box-inner {
  margin-top: 14px;
}

/* ------------- 필요할 경우, ------------- */
/* modal title area height */
.lego-modal__head {
  min-height: 69px;
}

/* madal: MonTargetDetailPopup */
.accordion-list-item {
  border: 0px solid #d2d3d6;
}

/* ORG */
.ui-modal .monitoring-info-wrap {
  min-height: 100px;
  max-height: 264px;
  height: auto !important;
  padding: 20px 20px 10px;
  border-bottom: 1px solid #d2d3d6;
}

/* accordion */
.accordion-list-item.monitoring-inner-wrap {
  width: 100% !important;
  margin-top: 8px;
  border: 0;
}
.accordion-list-item.monitoring-inner-wrap .accordion-list-item__expand {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #d2d3d6;
}
.accordion-list-item.monitoring-inner-wrap .accordion-list-item__expand .monitoring-info-wrap {
  padding: 4px 0 6px !important;
}
.accordion-list-item.monitoring-inner-wrap .accordion-list-item__main {
  padding: 0px 18px 0 33px;
  height: 36px !important;
}
.accordion-list-item.monitoring-inner-wrap .accordion-list-item__main .item-title-sec {
  flex: 1 1 auto;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}
.accordion-list-item.monitoring-inner-wrap .accordion-list-item__main .item-title-sec .accordion-title-wrap {
  display: flex;
  justify-content: space-between;
  padding-right: 20px;
}
.accordion-list-item.monitoring-inner-wrap .accordion-list-item__main .item-title-sec .accordion-title-wrap div {
  font-size: 15px;
}

/* accordion */
.tab-box-inner-wrap {
  position: relative;
  top: -65px;
  display: flex;
  justify-content: flex-end;
}
.tab-box-inner-wrap .ui-refresh-extend {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 50px;
  padding-top: 6px;
}

/* START */
/* 20220708 */
/* performance compare total counter wrap overlap */
.total-wrap {
  display: flex;
  flex-direction: row;
}

.total-wrap span:last-child {
  display: flex;
}

/* log popup monitoring title 100wper 2px delete */
.monitoringTitle {
  width: calc(100% - 0px) !important;
}

/* modal table scroll area 100wper 20px delete */
.lego-modal__body .modal-scroll .lego-table__area-wrapper .simplebar-content {
  width: calc(100% - 0px) !important;
}

/* cScrill-y */
.lego-modal__body .modal-scroll .cScroll-y .lego-table__area-wrapper .simplebar-content {
  width: calc(100% - 20px) !important;
}

/* common, modal event filtering valign middle, checkbox */
.c-grid-view-col-content {
  display: flex;
}

/* modal dropdown align , icon size */
.lego-modal .lego-dropdown-check-wrap .dropdown-toggle {
  height: 30px;
}

.lego-modal .lego-dropdown-check-wrap .dropdown-toggle .c-label {
  display: flex;
  align-items: center;
}

.lego-modal .lego-dropdown-check-wrap .dropdown-toggle .lego-dropdown__title-icon > i {
  font-size: 16px;
}

/* END */
/* eventFiltering align, paddding, etc */
.c-grid-view-col-content div + span {
  display: flex;
  align-items: center;
}

.date-time-repeat-item > div:first-child {
  margin-right: 0px !important;
}

.date-time-repeat-item .lego-dropdown + div .lego-date-picker {
  margin-left: 8px;
}

.change-date-inner div {
  display: inline-flex;
  align-items: center;
  line-height: 32px;
  gap: 8px;
}
.change-date-inner div span {
  display: flex;
  justify-content: center;
}
.change-date-inner .date-wrap .date {
  min-width: 127px;
  padding-left: 12px;
  justify-content: left;
}
.change-date-inner .date-wrap .time {
  min-width: 60px;
}
.change-date-inner .location {
  margin-left: 0;
}

/* i-pause image change */
.ui-icon.i-pause i {
  width: 18px;
  height: 18px;
  font-size: 18px !important;
}

/* eventfilter */
.date-time-repeat-item .lego-time-picker.time-type {
  display: flex !important;
  width: auto;
}
.date-time-repeat-item .lego-time-picker.time-type .time-wrap {
  display: flex;
  align-items: center;
}
.date-time-repeat-item .lego-time-picker.time-type .time-wrap .time {
  margin: 0;
}
.date-time-repeat-item .lego-time-picker.time-type .time-wrap .time .lego-input {
  margin-right: 0px;
}
.date-time-repeat-item .lego-time-picker.time-type .time-wrap .and {
  margin: 0 10px;
}
.date-time-repeat-item .lego-time-picker.time-type .time-wrap label {
  margin-right: 15px;
}
.date-time-repeat-item .lego-time-picker.time-type .time-wrap span:last-child {
  margin-left: 24px;
}

.date-time-repeat-item .lego-time-picker.time-type .lego-input:first-child {
  margin-left: 0;
}

.date-time-repeat-item .lego-time-picker.single:last-child {
  width: 60px;
}

/* common, modal event filtering valign middle, checkbox - uiContainers.scss UP */
.c-grid-view-col-content {
  display: initial !important;
}

.c-grid-view-col-content div + span {
  display: inline-flex !important;
  margin-left: 24px;
}

.lego-dropdown + .inline-wrap {
  margin-left: 16px;
}

.inline-wrap {
  display: inline-flex;
  align-items: center;
}

/* Performance / right / icon / align / dropdown-submenu / modal widget overlap! */
.lego-modal .box-header .lego-dropdown-check-wrap {
  display: flex;
}

.lego-modal .box-header .lego-dropdown-check-wrap .dropdown-toggle {
  height: 30px;
  width: 100%;
}

.lego-modal .box-header .lego-dropdown-check-wrap.object-check.summary {
  height: 32px;
}

.lego-modal .box-header .lego-dropdown-check-wrap.object-check.summary .dropdown-submenu {
  right: -1px;
  left: auto !important;
}

/* Performance / chart / dashboard */
.lego-modal .lego-dashboard .lego-dashboard-item .box-header {
  min-height: 42px;
  max-height: 42px;
}

.lego-modal .lego-dashboard .lego-dashboard-item .box-header .dropdown-group > div {
  margin-top: 0 !important;
  display: inline-flex;
  align-items: center;
  min-width: 28px;
}
.lego-modal .lego-dashboard .lego-dashboard-item .box-header .dropdown-group > div .icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
}

.lego-modal .lego-dashboard .lego-dashboard-item .c-chart-wrap {
  align-items: center;
}

.lego-modal .lego-dashboard .lego-dropdown--disabled {
  opacity: 0.4;
}

/* height align */
.dropdown-group .lego-dropdown-check-wrap + .lego-drop-holder > div {
  display: flex;
  align-items: center;
  min-height: 32px;
}

.dropdown-group .lego-dropdown-check-wrap ~ div {
  margin-top: 0 !important;
}

.dropdown-group .lego-dropdown-check-wrap ~ div button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
}

/* // eventfilter */
/* statistics dropdown-box */
.dropdown-group .lego-drop-holder .dropdown-box button {
  display: inline-flex !important;
}

/* widget add icon */
.lego-modal .lego-dashboard-item .dropdown-group .lego-icon.opus-icon__add {
  width: 24px;
}

.lego-dropdown-check-wrap + .lego-icon.opus-icon__add {
  width: 30px !important;
  margin-right: 4px !important;
  margin-left: 2px !important;
}

.lego-dropdown-check-wrap.summary ~ .lego-icon.opus-icon__add {
  width: 24px !important;
  margin-right: 0px !important;
  margin-left: 5px !important;
}

.dropdown-group .lego-dropdown-check-wrap + .lego-drop-holder {
  margin-left: 8px !important;
}

/* table inner ui-icon */
td .ui-icon-wrap {
  display: inline-flex;
  align-items: center;
}

td .ui-icon {
  display: inline-flex;
  font-size: 18px;
  width: 18px;
  height: 12px;
}

td .ui-icon.i-started, td .ui-icon.i-stopped {
  cursor: default;
}

.ui-icon.i-started svg {
  fill: #5fc8ff;
}

.ui-icon.i-stopped svg {
  fill: #fb4d58;
}

.ui-icon.i-started {
  width: 0;
  height: 0;
  border-bottom: 7px solid transparent !important;
  border-top: 7px solid transparent !important;
  border-left: 13px solid #5fc8ff !important;
  border-right: 4px solid transparent !important;
}

.ui-icon.i-stopped {
  width: 0;
  height: 0;
  border: 7px solid #fb4d58 !important;
  margin-right: 4px !important;
}

/* custom dashboard title area */
.titleArea + .divider {
  margin-top: 9px !important;
}

/* eventfilter / common / margin */
.button-wrap {
  margin: 0;
}

.change-date-inner .date-wrap + .location {
  margin-left: 8px;
}

.change-date-inner.disabled {
  color: #ccc;
}

.lego-modal .lego-table .lego-table__extra-action .lego-dropdown + .lego-dropdown-check-wrap {
  margin-left: 8px !important;
}

.resizable-component.nmx-item-bar.resizable {
  overflow: hidden;
  height: 28px !important;
}

/* eventfiltering / nmx-gantt-chart-wrap */
.nmx-gantt-chart-div {
  background: #fff !important;
}

.nmx-content-wrap {
  background-color: #fafbfb;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 161px;
}

.nmx-content-wrap.opened {
  height: 401px !important;
}

.nmx-gantt-chart-wrap .nmx-top-wrap {
  max-width: 1490px !important;
  min-width: 1490px !important;
  margin: 0 auto;
}

.nmx-gantt-chart-wrap .hour-line-wrap {
  width: unset !important;
  max-width: 1500px !important;
  min-width: 1490px !important;
}

.nmx-gantt-chart-wrap .nmx-content-wrap .nmx-item-box {
  width: unset !important;
  max-width: 1490px !important;
  min-width: 1470px !important;
  overflow-x: unset !important;
  overflow-y: unset !important;
}

.nmx-gantt-chart-wrap .nmx-btn-chart.right {
  right: 4px !important;
}

.nmx-content-wrap::-webkit-scrollbar {
  width: 10px;
}

.nmx-content-wrap::-webkit-scrollbar-button {
  display: block;
  width: 0px;
  height: 0px;
}

.nmx-content-wrap::-webkit-scrollbar-button:hover {
  background-color: transparent !important;
}

.nmx-content-wrap::-webkit-scrollbar-thumb {
  min-width: 10px;
  min-height: 10px;
  background-color: #d2d2d2;
  border: 2px solid #fafbfb;
  border-radius: 30px;
}

.nmx-content-wrap::-webkit-scrollbar-track {
  background-color: transparent;
}

.nmx-content-wrap::-webkit-scrollbar-thumb:hover {
  background-color: rgba(120, 124, 132, 0.8);
}

.nmx-content-wrap::-webkit-scrollbar-track:hover {
  background-color: transparent;
}

.nmx-content-wrap::-webkit-scrollbar-button:start:decrement {
  display: block;
  height: 0;
}

.nmx-content-wrap::-webkit-scrollbar-button:end:increment {
  display: block;
  height: 0;
}

.nmx-content-wrap .nmx-item-box .nmx-item-bar {
  padding-right: 6px;
}

/* modal / dropdown submenu */
.lego-modal .c-filter.search-form .lego-dropdown-check-wrap .dropdown-submenu {
  z-index: 2;
}

/* tooltip-wrap */
.tooltip-wrap.small .lego-tooltip {
  min-width: auto;
  max-width: 300px;
}

.nmx-content-wrap .nmx-item-box .nmx-item-bar {
  overflow: hidden;
}

.nmx-content-wrap .nmx-item-bar .nmx-item-name {
  top: 3px !important;
  left: 10px !important;
  min-width: calc(100% - 12px) !important;
  width: calc(100% - 26px);
}

/* // eventfilter */
.table-lineIcon {
  margin: 4px 12px 0 0;
}

.tooltip-wrap.long .lego-tooltip {
  min-width: 100px;
  max-width: 560px;
}

/* mini scroll */
.added-list-box .box-content::-webkit-scrollbar {
  width: 10px;
}

.added-list-box .box-content::-webkit-scrollbar-button {
  display: block;
  width: 0px;
  height: 0px;
}

.added-list-box .box-content::-webkit-scrollbar-button:hover {
  background-color: transparent !important;
}

.added-list-box .box-content::-webkit-scrollbar-thumb {
  min-width: 10px;
  min-height: 10px;
  background-color: #d2d2d2;
  border: 2px solid #fff;
  border-radius: 30px;
}

.added-list-box .box-content::-webkit-scrollbar-track {
  background-color: transparent;
}

.added-list-box .box-content::-webkit-scrollbar-thumb:hover {
  background-color: #787c84;
}

.added-list-box .box-content::-webkit-scrollbar-thumb:active {
  border: 2px solid #fff;
}

.added-list-box .box-content::-webkit-scrollbar-track:hover {
  background-color: transparent;
}

/* toolbar-scrollbar */
.toolbar-scrollbar::-webkit-scrollbar {
  width: 10px;
}

.toolbar-scrollbar::-webkit-scrollbar-button {
  display: block;
  width: 0px;
  height: 0px;
}

.toolbar-scrollbar::-webkit-scrollbar-button:hover {
  background-color: transparent !important;
}

.toolbar-scrollbar::-webkit-scrollbar-thumb {
  min-width: 10px;
  min-height: 10px;
  background-color: #d2d2d2;
  border: 2px solid #fff;
  border-radius: 30px;
}

.toolbar-scrollbar::-webkit-scrollbar-track {
  background-color: transparent;
}

.toolbar-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #787c84;
}

.toolbar-scrollbar::-webkit-scrollbar-thumb:active {
  border: 2px solid #fff;
}

.toolbar-scrollbar::-webkit-scrollbar-track:hover {
  background-color: transparent;
}

/* scrollbar dark */
.scroll-dark *::-webkit-scrollbar {
  width: 10px;
}

.scroll-dark *::-webkit-scrollbar-button {
  display: block;
  width: 0px;
  height: 0px;
}

.scroll-dark *::-webkit-scrollbar-button:hover {
  background-color: transparent !important;
}

.scroll-dark *::-webkit-scrollbar-thumb {
  min-width: 10px;
  min-height: 10px;
  background-color: #787c84;
  border: 2px solid #1f2533;
  border-radius: 30px;
}

.scroll-dark *::-webkit-scrollbar-track {
  background-color: transparent;
}

.scroll-dark *::-webkit-scrollbar-thumb:hover {
  background-color: rgba(210, 210, 210, 0.8);
}

.scroll-dark *::-webkit-scrollbar-thumb:active {
  border: 2px solid #1f2533;
}

.scroll-dark *::-webkit-scrollbar-track:hover {
  background-color: transparent;
}

.hover-stay.scroll-dark *::-webkit-scrollbar-button:start:decrement {
  display: block;
  height: 17px;
}

/* tooltip hover-stay */
.hover-stay .lego-tooltip-wrapper .lego-tooltip > div {
  max-height: 180px;
  overflow-y: auto;
  padding-right: 16px;
}

/* tooltip hover-stay close */
.hover-stay .lego-tooltip__close {
  color: rgba(255, 255, 255, 0.8);
  top: 7px;
  position: absolute;
  right: 6px;
  background: #1f2533;
}

.hover-stay .lego-tooltip.lego-tooltip--with-close {
  padding-right: 8px;
}

.hover-stay .lego-tooltip__close:hover {
  color: #fff;
}

/* table common th checkbox vertical align */
.lego-table .lego-table__area .lego-table__header th .lego-checkbox {
  vertical-align: text-top;
}

.lego-dropdown *, .lego-checkbox, .lego-icon, .c-navi-list {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.lego-table .lego-table__th, .c-navi-item, .c-label.title, .capitalize, .target-item__label {
  text-transform: capitalize;
}

.ml-8 {
  margin-left: 8px;
}

.mb-8 {
  margin-bottom: 8px;
}

.full-width {
  width: 100%;
}

.w-50 {
  width: 50%;
}

.pe-24 {
  padding-right: 24px;
}

.mt-12 {
  margin-top: 12px;
}

.mb-12 {
  margin-bottom: 12px;
}

.mt-16 {
  margin-top: 16px;
}

.my-16 {
  margin: 16px 0;
}

.mx-16 {
  margin: 0 16px;
}

.px-16 {
  padding: 0 16px;
}

.py-16 {
  padding: 16px 0;
}

.mt-24 {
  margin-top: 24px;
}

.mb-24 {
  margin-bottom: 24px;
}

.keep-all {
  word-break: keep-all;
}
/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/lego-component/styles/lego.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}

:root {
  --bg-header: #fff;
  --color-header: #100b33;
}

html, body {
  margin: 0;
  padding: 0;
}

*, *:before, *:after {
  box-sizing: border-box;
}

ul {
  padding: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}

li {
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

pre {
  margin: 0;
}

button:focus {
  outline: 0;
}

body {
  color: #1f2533;
  font-size: 14px;
  font-family: "Noto Sans KR", Arial, sans-serif;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-y: hidden;
}

button {
  font-family: "Noto Sans KR", Arial, sans-serif;
}

body input,
body textarea {
  font-family: "Noto Sans KR", Arial, sans-serif;
}

*::-moz-selection {
  background: #3bcdc7;
  color: #ffffff;
}

*::selection {
  background: #3bcdc7;
  color: #ffffff;
}

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

.white-space--pre-wrap {
  white-space: pre-wrap;
}

.no-text-drag {
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.left-divider {
  position: relative;
}
.left-divider::before {
  content: "";
  position: absolute;
  left: 0;
  border-left: 1px solid currentColor;
  height: 10px;
  top: calc(50% - 5px);
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(1px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-1px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(1px, 0, 0);
  }
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: local("Noto Sans KR Regular"), local("NotoSansKR-Regular"), url(/console/monitoring/fonts/NotoSansKR-Regular-sub.0032fbad.woff) format("woff");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: local("Noto Sans KR Medium"), local("NotoSansKR-Medium"), url(/console/monitoring/fonts/NotoSansKR-Medium-sub.9c8988a8.woff) format("woff");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: local("Noto Sans KR Bold"), local("NotoSansKR-Bold"), url(/console/monitoring/fonts/NotoSansKR-Bold-sub.7ac971cc.woff) format("woff");
}
/* [FORM BOX] */
.lego-form-box-wrapper--small {
  margin: 0 0 24px 0;
}

.lego-form-box-wrapper--medium {
  margin: 0 0 32px 0;
}

.lego-form-box {
  display: flex;
  position: relative;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #dbdbdb;
  border-radius: 0;
}

.lego-form-box--small {
  padding: 24px 0 24px 0;
}

.lego-form-box--medium {
  padding: 32px 0 32px 0;
}

.lego-form-box__contents {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  flex: 1 1 auto;
}

/* [FORM BOX] Expandable */
.lego-form-box--expandable {
  border-bottom: none;
}

.lego-form-box__exp-bottom {
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
}

.lego-form-box__exp-bottom__line {
  border-bottom: 1px solid #dbdbdb;
  flex: 1 0 auto;
}

.lego-form-box__exp-bottom__toggle {
  flex: 0 0 auto;
  align-items: center;
  transform: translateY(-50%);
  cursor: pointer;
  margin: 0 8px;
  font-size: 14px;
  height: 21px;
  line-height: 21px;
}
.lego-form-box__exp-bottom__toggle .lego-icon-wrapper {
  width: 21px;
  height: 21px;
  vertical-align: middle;
}

/* [FORM BOX] Action group */
.lego-form-box__action-grp .lego-action-bar {
  align-items: center;
}

.lego-form-box__action-grp--right {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-end;
}

.lego-form-box__action-grp--bottom,
.lego-form-box__action-grp--outer {
  width: 100%;
}

/* [FORM BOX] Action group :: Size */
.lego-form-box__action-grp--small {
  padding: 0;
}
.lego-form-box__action-grp--small .lego-action-bar {
  margin: 24px 0 0 0;
}

.lego-form-box__action-grp--medium {
  padding: 0;
}
.lego-form-box__action-grp--medium .lego-action-bar {
  margin: 32px 0 0 0;
}

/* [FORM BOX] hr = inserted horizontal line between rows */
.lego-form-box hr {
  position: relative;
  flex: 0 0 100%;
  border: none;
  height: 1px;
}

.lego-form-box--small hr {
  margin: 16px 0 16px 0;
}

.lego-form-box--medium hr {
  margin: 16px 0 16px 0;
}

.lego-form-box hr::after {
  content: "";
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  height: 1px;
  width: 100%;
  border-top: 1px solid #dbdbdb;
}

/* [FORM ROW] */
.lego-form-row {
  display: flex;
  flex: 0 0 100%;
}

.lego-form-row + .lego-form-row {
  border-top: 0 solid #dbdbdb;
  margin-top: 0;
}

.lego-form-row .lego-form-item + .lego-form-item::before {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  transform: translateX(-100%);
  border-left: 0 solid #dbdbdb;
  margin-left: 0;
}

/* [FORM ITEM] */
.lego-form-item {
  display: flex;
  position: relative;
  align-content: center;
}

.lego-form-item__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lego-form-item--inline .lego-form-item__label {
  flex: 0 0 160px;
}

.lego-form-item--block {
  flex-wrap: wrap;
}
.lego-form-item--block .lego-form-item__label {
  flex: 0 0 100%;
}

.lego-form-item__label--left {
  text-align: left;
}

.lego-form-item__label--right {
  text-align: right;
}

.lego-form-item__compo {
  flex: 1 1 auto;
  position: relative;
  display: flex;
  align-items: center;
}
.lego-form-item__compo > .lego-web-editor {
  flex: 1 1 100%;
}

.lego-form-item__compo--no-flex {
  display: block;
}

/* [FORM ITEM] Size */
.lego-form-item--small {
  height: 32px;
  padding: 0;
}
.lego-form-item--small .lego-form-item__label {
  padding: 0 16px;
  line-height: 32px;
  font-size: 14px;
  font-weight: 400;
}
.lego-form-item--small .lego-form-item__compo {
  padding: 0 16px;
}
.lego-form-item--small .lego-form-item__compo .lego-input + .lego-input {
  margin-left: 8px;
}
.lego-form-item--small.lego-form-item--no-height .lego-form-item__compo {
  padding-top: 4px;
  padding-bottom: 4px;
}

.lego-form-item--small.lego-form-item--block {
  height: 64px;
  padding: 8px 8px;
}
.lego-form-item--small.lego-form-item--block .lego-form-item__label {
  height: 20px;
  padding: 2px 0;
  line-height: 16px;
}
.lego-form-item--small.lego-form-item--block .lego-form-item__compo {
  height: 28px;
  padding: 2px 0;
}

.lego-form-item--medium {
  height: 64px;
  padding: 0;
}
.lego-form-item--medium .lego-form-item__label {
  padding: 0 16px;
  line-height: 64px;
  font-size: 16px;
  font-weight: 400;
}
.lego-form-item--medium .lego-form-item__compo {
  padding: 0 16px;
}
.lego-form-item--medium .lego-form-item__compo .lego-input + .lego-input {
  margin-left: 16px;
}
.lego-form-item--medium.lego-form-item--no-height .lego-form-item__compo {
  padding-top: 8px;
  padding-bottom: 8px;
}

.lego-form-item--medium.lego-form-item--block {
  height: 104px;
  padding: 16px 8px;
}
.lego-form-item--medium.lego-form-item--block .lego-form-item__label {
  height: 32px;
  padding: 4px 0;
  line-height: 24px;
}
.lego-form-item--medium.lego-form-item--block .lego-form-item__compo {
  height: 40px;
  padding: 4px 0;
}

/* [FORM ITEM] No label */
.lego-form-item--no-label .lego-form-item__label {
  display: none;
}

/* [FORM ITEM] Required */
.lego-form-item--required .lego-form-item__label--right::before {
  content: "*";
  margin-right: 5px;
  color: #E74C3C;
}

.lego-form-item--required .lego-form-item__label--left::after {
  content: "*";
  margin-left: 5px;
  color: #E74C3C;
}

/* [SEARCH BOX] */
.lego-search-box-wrapper--small {
  margin: 0 0 24px 0;
}

.lego-search-box-wrapper--medium {
  margin: 0 0 32px 0;
}

.lego-search-box {
  display: flex;
  position: relative;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #dbdbdb;
  border-radius: 0;
}

.lego-search-box--small {
  padding: 24px 0 24px 0;
}

.lego-search-box--medium {
  padding: 32px 0 32px 0;
}

.lego-search-box__contents {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  flex: 1 1 auto;
}

/* [SEARCH BOX] Expandable */
.lego-search-box--expandable {
  border-bottom: none;
}

.lego-search-box__exp-bottom {
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
}

.lego-search-box__exp-bottom__line {
  border-bottom: 1px solid #dbdbdb;
  flex: 1 0 auto;
}

.lego-search-box__exp-bottom__toggle {
  flex: 0 0 auto;
  align-items: center;
  transform: translateY(-50%);
  cursor: pointer;
  margin: 0 8px;
  font-size: 14px;
  height: 21px;
  line-height: 21px;
}
.lego-search-box__exp-bottom__toggle .lego-icon-wrapper {
  width: 21px;
  height: 21px;
  vertical-align: middle;
}

/* [SEARCH BOX] Action group */
.lego-search-box__action-grp .lego-action-bar {
  align-items: center;
}

.lego-search-box__action-grp--right {
  display: block;
  border: none;
}

.lego-search-box__action-grp--bottom,
.lego-search-box__action-grp--outer {
  width: 100%;
}

/* [SEARCH BOX] Action group :: Size */
.lego-search-box__action-grp--small {
  padding: 0;
}
.lego-search-box__action-grp--small .lego-action-bar {
  margin: 24px 0 0 0;
}

.lego-search-box__action-grp--medium {
  padding: 0;
}
.lego-search-box__action-grp--medium .lego-action-bar {
  margin: 32px 0 0 0;
}

/* [SEARCH BOX] hr = inserted horizontal line between rows */
.lego-search-box hr {
  position: relative;
  flex: 0 0 100%;
  border: none;
  height: 1px;
}

.lego-search-box--small hr {
  margin: 16px 0 16px 0;
}

.lego-search-box--medium hr {
  margin: 16px 0 16px 0;
}

.lego-search-box hr::after {
  content: "";
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  height: 1px;
  width: 100%;
  border-top: 1px solid #dbdbdb;
}

/* [SEARCH ROW] */
.lego-search-row {
  display: flex;
  flex: 0 0 100%;
}

.lego-search-row + .lego-search-row {
  border-top: 0 solid #dbdbdb;
  margin-top: 0;
}

.lego-search-row .lego-search-item + .lego-search-item::before {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  transform: translateX(-100%);
  border-left: 0 solid #dbdbdb;
  margin-left: 0;
}

/* [SEARCH ITEM] */
.lego-search-item {
  display: flex;
  position: relative;
  align-content: center;
}

.lego-search-item__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lego-search-item--inline .lego-search-item__label {
  flex: 0 0 160px;
}

.lego-search-item--block {
  flex-wrap: wrap;
}
.lego-search-item--block .lego-search-item__label {
  flex: 0 0 100%;
}

.lego-search-item__label--left {
  text-align: left;
}

.lego-search-item__label--right {
  text-align: right;
}

.lego-search-item__compo {
  flex: 1 1 auto;
  position: relative;
  display: flex;
  align-items: center;
}
.lego-search-item__compo > .lego-web-editor {
  flex: 1 1 100%;
}

.lego-search-item__compo--no-flex {
  display: block;
}

/* [SEARCH ITEM] Size */
.lego-search-item--small {
  height: 32px;
  padding: 0;
}
.lego-search-item--small .lego-search-item__label {
  padding: 0 16px;
  line-height: 32px;
  font-size: 14px;
  font-weight: 400;
}
.lego-search-item--small .lego-search-item__compo {
  padding: 0 16px;
}
.lego-search-item--small .lego-search-item__compo .lego-input + .lego-input {
  margin-left: 8px;
}
.lego-search-item--small.lego-search-item--no-height .lego-search-item__compo {
  padding-top: 4px;
  padding-bottom: 4px;
}

.lego-search-item--small.lego-search-item--block {
  height: 64px;
  padding: 8px 8px;
}
.lego-search-item--small.lego-search-item--block .lego-search-item__label {
  height: 20px;
  padding: 2px 0;
  line-height: 16px;
}
.lego-search-item--small.lego-search-item--block .lego-search-item__compo {
  height: 28px;
  padding: 2px 0;
}

.lego-search-item--medium {
  height: 64px;
  padding: 0;
}
.lego-search-item--medium .lego-search-item__label {
  padding: 0 16px;
  line-height: 64px;
  font-size: 16px;
  font-weight: 400;
}
.lego-search-item--medium .lego-search-item__compo {
  padding: 0 16px;
}
.lego-search-item--medium .lego-search-item__compo .lego-input + .lego-input {
  margin-left: 16px;
}
.lego-search-item--medium.lego-search-item--no-height .lego-search-item__compo {
  padding-top: 8px;
  padding-bottom: 8px;
}

.lego-search-item--medium.lego-search-item--block {
  height: 104px;
  padding: 16px 8px;
}
.lego-search-item--medium.lego-search-item--block .lego-search-item__label {
  height: 32px;
  padding: 4px 0;
  line-height: 24px;
}
.lego-search-item--medium.lego-search-item--block .lego-search-item__compo {
  height: 40px;
  padding: 4px 0;
}

/* [SEARCH ITEM] No label */
.lego-search-item--no-label .lego-search-item__label {
  display: none;
}

/* [SEARCH ITEM] Required */
.lego-search-item--required .lego-search-item__label--right::before {
  content: "*";
  margin-right: 5px;
  color: #E74C3C;
}

.lego-search-item--required .lego-search-item__label--left::after {
  content: "*";
  margin-left: 5px;
  color: #E74C3C;
}

/* [El] STEP BOX */
.lego-step-box {
  width: 100%;
}

/* [El] STEPER */
.lego-step-box__stepper {
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 10px 0px 30px;
  border-bottom: 1px solid #959595;
}

/* [El] STEPER - stepper state */
.lego-step-box__stepper--empty {
  align-items: center;
  font-size: 16px;
  color: #959595;
}

/* [El] STEPER - spacing(...) */
.lego-step-box__stepper__spacing {
  font-size: 20px;
  color: #959595;
}

/* [El] STEPER - step item */
.lego-step-box__stepper__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 160px;
}

.lego-step-box__stepper__item__stat, .lego-step-box__stepper__item__label {
  cursor: pointer;
}

.lego-step-box__stepper__item__stat {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.lego-step-box__stepper__item__label {
  margin-top: 4px;
}

/* [El] STEPER - item state */
.lego-step-box__stepper__item--done .lego-step-box__stepper__item__stat {
  border: 1px solid #2C59D9;
  background: #ffffff;
  color: #2C59D9;
}

.lego-step-box__stepper__item--fail .lego-step-box__stepper__item__stat {
  border: 1px solid #2C59D9;
  background: #ffffff;
  color: #2C59D9;
}

.lego-step-box__stepper__item--ing .lego-step-box__stepper__item__stat {
  border: 1px solid #2C59D9;
  background: #2C59D9;
  color: #ffffff;
}

.lego-step-box__stepper__item--ready .lego-step-box__stepper__item__stat {
  border: 1px solid #959595;
  background: #ffffff;
  color: #959595;
}

.lego-step-box__stepper__item--done .lego-step-box__stepper__item__label {
  color: #2C59D9;
}

.lego-step-box__stepper__item--fail .lego-step-box__stepper__item__label {
  color: #2C59D9;
}

.lego-step-box__stepper__item--ing .lego-step-box__stepper__item__label {
  font-weight: 700;
  color: #2C59D9;
}

.lego-step-box__stepper__item--ready .lego-step-box__stepper__item__label {
  color: #959595;
}

/* [El] CONTENT */
.lego-step-item {
  min-height: 100px;
  margin: 25px 0;
}

/* [El] Action bar*/
/* [OPT] FULL-HEIGHT */
.lego-step-box--full-height {
  height: 100%;
}

.lego-step-box--full-height .lego-step-item {
  height: calc(100% - 130px);
}

.lego-tab {
  width: 100%;
}

.lego-tab__label-window {
  display: flex;
  overflow-x: hidden;
  overflow-y: visible;
  margin-bottom: -1px;
}

.lego-tab__content-wrapper {
  border-top: 1px solid #a5a5a5;
  word-break: break-all;
}

.lego-tab__label-wrapper {
  display: flex;
  position: relative;
  transition: 1s;
}

.lego-tab__label {
  display: inline-block;
  letter-spacing: normal;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  font-size: 16px;
  height: 40px;
  padding: 0 20px;
  min-width: 120px;
  max-width: inherit;
  line-height: 38px;
  color: #959595;
  border: 1px solid #a5a5a5;
  background-color: rgba(255, 255, 255, 0);
}
.lego-tab__label + .lego-tab__label {
  margin-left: -1px;
}

.lego-tab__label--mini {
  font-size: 14px;
  height: 24px;
  padding: 0 8px;
  line-height: 22px;
}

.lego-tab__label:hover {
  background-color: rgb(233.9, 238.4, 251.2);
}

.lego-tab__label:active {
  background-color: rgb(212.8, 221.8, 247.4);
}

.lego-tab__label--active {
  color: #2C59D9;
  border: 1px solid #2C59D9;
  background-color: rgb(212.8, 221.8, 247.4);
}
.lego-tab__label--active + .lego-tab__label {
  border-left: 1px solid #2C59D9;
}

.lego-tab__label-underline {
  line-height: 39px;
  color: #1f2533;
  border: 0px solid #a5a5a5;
  border-bottom: 1px solid #bbbdc1;
  background-color: rgba(255, 255, 255, 0);
}
.lego-tab__label-underline + .lego-tab__label-underline {
  margin-left: 0px;
}

.lego-tab__label-underline.lego-tab__label--mini {
  line-height: 23px;
}

.lego-tab__label-underline:hover {
  background-color: #f7f7f7;
}

.lego-tab__label-underline:active {
  background-color: #eaeaea;
}

.lego-tab__label-underline--active {
  color: #2C59D9;
  border: 0px solid #a5a5a5;
  border-bottom: 1px solid #bbbdc1;
  border-bottom-color: #2C59D9;
  background-color: rgba(255, 255, 255, 0);
}
.lego-tab__label-underline--active + .lego-tab__label {
  border-left: 0px solid #a5a5a5;
}

.lego-tab__label-underline::after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 1px;
  border-bottom: 1px solid #bbbdc1;
}

.lego-tab__label-underline--active::after {
  height: 3px;
  border-bottom: 3px solid #2C59D9;
}

.lego-tab__label-wraper .lego-tab__navi {
  display: flex;
  width: 72px;
}

.lego-tab__label-window .lego-tab__navi .lego-tab__label {
  align-items: flex-end;
  width: 36px;
  height: 48px;
  line-height: 45px;
  margin-right: -1px;
  margin-bottom: -1px;
}

.lego-tab__label-window .lego-tab__navi .lego-tab__label:last-child {
  margin-right: 0px;
}

.lego-tab__content {
  display: none;
  padding: 10px;
  min-height: 100px;
}

.lego-tab__content--active {
  display: block;
}

.lego-action-bar {
  position: relative;
}

.lego-action-bar__default-zone {
  text-align: right;
}

.lego-action-bar__alternative-zone {
  position: relative;
  float: left;
}

.lego-box + .lego-action-bar,
.lego-form-box + .lego-action-bar {
  margin-top: 25px;
}

.lego-badge-container {
  width: auto;
}

.lego-badge-container__notification {
  position: relative;
}

.lego-badge-slot__notification {
  display: inline-block;
}

.lego-badge__slot-wrapper {
  display: inline-block;
}

.lego-badge {
  text-align: center;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  border-radius: 8px;
  font-family: "Noto Sans KR", Arial, sans-serif;
  color: #ffffff;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */ /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

.lego-badge__notification {
  position: absolute;
  top: -8px;
  border-radius: 8px;
  width: auto;
}

.lego-badge__status {
  display: inline-block;
  position: static;
  border-radius: 8px;
  width: auto;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: 8px;
}

.lego-badge__status-dot {
  display: inline-block;
  position: static;
  border-radius: 4px;
  height: 8px;
  width: 8px;
  margin-right: 8px;
}

.lego-badge__identifier-start {
  display: inline-block;
  position: static;
  border-radius: 2px;
  width: auto;
  padding-left: 8px;
  padding-right: 8px;
  margin-right: 8px;
}

.lego-badge__identifier-end {
  display: inline-block;
  position: static;
  border-radius: 2px;
  width: auto;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: 8px;
}

.lego-badge__badge-color-success {
  background-color: #4fce67;
}

.lego-badge__badge-color-error {
  background-color: #fc434e;
}

.lego-badge__badge-color-default {
  background-color: #959595;
}

.lego-badge__badge-color-processing {
  background-color: #336aff;
}

.lego-badge__badge-color-warning {
  background-color: #f7a443;
}

.lego-badge__badge-color-notification {
  background-color: #fc434e;
}

.lego-badge__badge-color-failure {
  background-color: #fc434e;
}

.lego-badge__badge-color-info {
  background-color: #4fce67;
}

.lego-badge__badge-color-active {
  background-color: #2C59D9;
}

.lego-badge__badge-color-disabled {
  background-color: #959595;
}

.lego-badge__badge-color-valid {
  background-color: #336aff;
}

.lego-badge__badge-color-invalid {
  background-color: #fc434e;
}

.lego-badge__badge-color-created {
  background-color: #4fce67;
}

.lego-badge__badge-color-modified {
  background-color: #f7a443;
}

.lego-badge__badge-color-deleted {
  background-color: #fc434e;
}

/* Button 공통 */
.lego-button {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-style: solid;
  font-weight: 400;
  border-radius: 0;
  border-width: 1px;
  /* display: inline-block; */
  display: inline-flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  -ms-user-select: none;
}
.lego-button .lego-icon {
  vertical-align: middle;
}

/* Button loading indicator */
@keyframes lego-button__loading-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.lego-button--loading::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 100%;
  border-width: 2px;
  border-style: solid;
  margin: auto;
  animation: lego-button__loading-spin 1s linear infinite;
}

/* Button size */
.lego-button--full {
  display: block;
  width: 100%;
}

.lego-button--small {
  height: 24px;
  min-width: 70px;
  font-size: 12px;
  padding: 0 8px;
}

.lego-button--medium {
  height: 32px;
  min-width: 94px;
  font-size: 14px;
  padding: 0 8px;
}

.lego-button--large {
  height: 44px;
  min-width: 148px;
  font-size: 16px;
  padding: 0 12px;
}

.lego-button--xlarge {
  height: 48px;
  min-width: 160px;
  font-size: 16px;
  padding: 0 24px;
}

.lego-button--loading.lego-button--small::after {
  width: 12px;
  height: 12px;
}

.lego-button--loading.lego-button--medium::after {
  width: 14px;
  height: 14px;
}

.lego-button--loading.lego-button--large::after {
  width: 16px;
  height: 16px;
}

.lego-button--loading.lego-button--xlarge::after {
  width: 16px;
  height: 16px;
}

/* Button cursor style */
.lego-button {
  cursor: pointer;
}

.lego-button--disabled, .lego-button--loading {
  pointer-events: none;
}
.lego-button--disabled.lego-button, .lego-button--loading.lego-button {
  cursor: default;
}

/* Button style */
.lego-button--border {
  background-color: rgba(255, 255, 255, 0);
}

.lego-button--borderless, .lego-button--hyperlink {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
}

.lego-button--toggle {
  border-color: rgba(255, 255, 255, 0);
}
.lego-button--toggle:hover {
  color: #ffffff;
  background-color: #f7f7f7;
}
.lego-button--toggle:active {
  background-color: #eaeaea;
}

/* ColorSet */
.lego-button--hyperlink {
  color: #1e5fcb;
  text-decoration: underline;
}
.lego-button--hyperlink:not(.lego-button--loading):hover {
  color: rgb(24, 76, 162.4);
}
.lego-button--hyperlink:not(.lego-button--loading):focus {
  color: rgb(24, 76, 162.4);
}
.lego-button--hyperlink:not(.lego-button--loading):active {
  color: rgb(21, 66.5, 142.1);
}
.lego-button--hyperlink::after {
  border-color: transparent #1e5fcb #1e5fcb #1e5fcb;
}

.lego-button--solid.lego-button--default {
  background-color: #61666f;
  border-color: #61666f;
  color: #ffffff;
}
.lego-button--solid.lego-button--default:not(.lego-button--loading):hover {
  background-color: rgb(77.6, 81.6, 88.8);
  border-color: rgb(77.6, 81.6, 88.8);
}
.lego-button--solid.lego-button--default:not(.lego-button--loading):focus {
  background-color: rgb(77.6, 81.6, 88.8);
  border-color: rgb(77.6, 81.6, 88.8);
}
.lego-button--solid.lego-button--default:not(.lego-button--loading):active {
  background-color: rgb(67.9, 71.4, 77.7);
  border-color: rgb(67.9, 71.4, 77.7);
}
.lego-button--solid.lego-button--default::after {
  border-color: transparent #ffffff #ffffff #ffffff;
}

.lego-button--border.lego-button--default {
  color: #61666f;
  border-color: #a5a7ad;
}
.lego-button--border.lego-button--default:not(.lego-button--loading):hover {
  background-color: rgba(97, 102, 111, 0.2);
}
.lego-button--border.lego-button--default:not(.lego-button--loading):focus {
  background-color: rgba(97, 102, 111, 0.2);
}
.lego-button--border.lego-button--default:not(.lego-button--loading):active {
  background-color: rgba(97, 102, 111, 0.4);
}
.lego-button--border.lego-button--default::after {
  border-color: transparent #61666f #61666f #61666f;
}

.lego-button--borderless.lego-button--default, .lego-button--default.lego-button--hyperlink {
  color: #61666f;
}
.lego-button--borderless.lego-button--default:not(.lego-button--loading):hover, .lego-button--default.lego-button--hyperlink:not(.lego-button--loading):hover {
  background-color: rgba(97, 102, 111, 0.2);
}
.lego-button--borderless.lego-button--default:not(.lego-button--loading):focus, .lego-button--default.lego-button--hyperlink:not(.lego-button--loading):focus {
  background-color: rgba(97, 102, 111, 0.2);
}
.lego-button--borderless.lego-button--default:not(.lego-button--loading):active, .lego-button--default.lego-button--hyperlink:not(.lego-button--loading):active {
  background-color: rgba(97, 102, 111, 0.4);
}
.lego-button--borderless.lego-button--default::after, .lego-button--default.lego-button--hyperlink::after {
  border-color: transparent #61666f #61666f #61666f;
}

.lego-button--solid.lego-button--primary {
  background-color: #2C59D9;
  border-color: #2C59D9;
  color: #ffffff;
}
.lego-button--solid.lego-button--primary:not(.lego-button--loading):hover {
  background-color: rgb(35.2, 71.2, 173.6);
  border-color: rgb(35.2, 71.2, 173.6);
}
.lego-button--solid.lego-button--primary:not(.lego-button--loading):focus {
  background-color: rgb(35.2, 71.2, 173.6);
  border-color: rgb(35.2, 71.2, 173.6);
}
.lego-button--solid.lego-button--primary:not(.lego-button--loading):active {
  background-color: rgb(30.8, 62.3, 151.9);
  border-color: rgb(30.8, 62.3, 151.9);
}
.lego-button--solid.lego-button--primary::after {
  border-color: transparent #ffffff #ffffff #ffffff;
}

.lego-button--border.lego-button--primary {
  color: #2C59D9;
  border-color: #2C59D9;
}
.lego-button--border.lego-button--primary:not(.lego-button--loading):hover {
  background-color: rgba(44, 89, 217, 0.2);
}
.lego-button--border.lego-button--primary:not(.lego-button--loading):focus {
  background-color: rgba(44, 89, 217, 0.2);
}
.lego-button--border.lego-button--primary:not(.lego-button--loading):active {
  background-color: rgba(44, 89, 217, 0.4);
}
.lego-button--border.lego-button--primary::after {
  border-color: transparent #2C59D9 #2C59D9 #2C59D9;
}

.lego-button--borderless.lego-button--primary, .lego-button--primary.lego-button--hyperlink {
  color: #2C59D9;
}
.lego-button--borderless.lego-button--primary:not(.lego-button--loading):hover, .lego-button--primary.lego-button--hyperlink:not(.lego-button--loading):hover {
  background-color: rgba(44, 89, 217, 0.2);
}
.lego-button--borderless.lego-button--primary:not(.lego-button--loading):focus, .lego-button--primary.lego-button--hyperlink:not(.lego-button--loading):focus {
  background-color: rgba(44, 89, 217, 0.2);
}
.lego-button--borderless.lego-button--primary:not(.lego-button--loading):active, .lego-button--primary.lego-button--hyperlink:not(.lego-button--loading):active {
  background-color: rgba(44, 89, 217, 0.4);
}
.lego-button--borderless.lego-button--primary::after, .lego-button--primary.lego-button--hyperlink::after {
  border-color: transparent #2C59D9 #2C59D9 #2C59D9;
}

.lego-button.lego-button--hyperlink:not(.lego-button--loading):hover {
  background-color: rgba(255, 255, 255, 0);
}

.lego-button.lego-button--hyperlink:not(.lego-button--loading):focus {
  background-color: rgba(255, 255, 255, 0);
}

.lego-button.lego-button--hyperlink:not(.lego-button--loading):active {
  background-color: rgba(255, 255, 255, 0);
}

/* Disabled */
.lego-button--disabled.lego-button--solid {
  background-color: rgb(234.46, 235.11, 236.28) !important;
  border-color: rgb(234.46, 235.11, 236.28) !important;
  color: #959595 !important;
}

.lego-button--disabled.lego-button--solid::after {
  border-color: transparent #959595 #959595 #959595;
}

.lego-button--disabled.lego-button--border {
  color: #959595 !important;
  border-color: #cccccc !important;
  background-color: rgba(255, 255, 255, 0) !important;
}

.lego-button--disabled.lego-button--border::after {
  border-color: transparent #959595 #959595 #959595;
}

.lego-button--disabled.lego-button--borderless, .lego-button--disabled.lego-button--hyperlink {
  color: #959595 !important;
  background-color: rgba(255, 255, 255, 0) !important;
}

.lego-button--disabled.lego-button--borderless::after, .lego-button--disabled.lego-button--hyperlink::after {
  border-color: transparent #959595 #959595 #959595;
}

.lego-button--small + .lego-button--small {
  margin-left: 6px;
}

.lego-button--medium + .lego-button--medium {
  margin-left: 8px;
}

.lego-button--large + .lego-button--large {
  margin-left: 8px;
}

.lego-button--xlarge + .lego-button--xlarge {
  margin-left: 16px;
}

.lego-button__icon--with-slot {
  margin-right: 6px;
}

.lego-card {
  border: 1px solid #dbdbdb;
  background: #ffffff;
}

.lego-card__media {
  position: relative;
  margin-bottom: 8px;
}

.lego-card__contents {
  position: relative;
  display: block;
  padding: 24px;
}

.lego-card__contents .lego-card__media {
  width: 100%;
}

.lego-card__header {
  font-size: 24px;
  color: #333333;
  font-weight: 700;
  margin-bottom: 24px;
}

.lego-card__body {
  font-size: 14px;
  line-height: 24px;
  color: #959595;
  margin-bottom: 24px;
}

.lego-card__second {
  color: #959595;
  font-size: 12px;
}

.lego-card__second em {
  font-wieght: bold;
  color: #2C59D9;
  font-style: normal;
}

.lego-card__action {
  font-size: 12px;
  margin-top: 0px;
  color: #959595;
}

.lego-card__action hr[v] {
  display: inline-block;
  margin: 0 4px 0 8px;
  height: 8px;
  border-top: none;
}

.lego-card__action--floating {
  float: right;
  color: #2C59D9;
}

.lego-card__profile {
  margin-bottom: 16px;
  min-height: 40px;
}

.lego-card__avatar {
  width: 40px;
  height: 40px;
  float: left;
  margin-right: 8px;
}

.lego-card__name {
  font-size: 16px;
  color: #333333;
  font-weight: 700;
}

.lego-card__tray {
  height: 24px;
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
}

.lego-card__tag {
  background: rgb(233.9, 238.4, 251.2);
  color: #2C59D9;
  font-size: 14px;
  border-radius: 2px;
  height: 24px;
  padding: 1px 8px 3px 8px;
}

.lego-card__tag--cling-above {
  align-self: flex-end;
  margin-top: -32px;
  margin-right: 8px;
  z-index: 1;
}

.lego-card--left-media {
  display: flex;
}
.lego-card--left-media .lego-card__media {
  height: 100%;
}
.lego-card--left-media .lego-card__contents {
  flex: 1 1 auto;
}

.lego-card--top-media {
  display: flex;
  flex-direction: column;
}
.lego-card--top-media .lego-card__media {
  width: 100%;
  margin-bottom: 0;
}
.lego-card--top-media .lego-card__contents {
  flex: 1 1 auto;
}

.lego-carousel--thumb {
  margin: 0 32px;
}

.lego-carousel__window {
  overflow: hidden;
  position: relative;
}

.lego-carousel__left-move, .lego-carousel__right-move {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 48px;
  z-index: 1;
  opacity: 1;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.lego-carousel__left-move:hover, .lego-carousel__right-move:hover {
  background: rgba(255, 255, 255, 0.3);
  opacity: 1;
}

.lego-carousel__left-move {
  left: 0;
}
.lego-carousel__left-move .lego-icon {
  transform: rotate(270deg);
}

.lego-carousel__right-move {
  right: 0;
}
.lego-carousel__right-move .lego-icon {
  transform: rotate(90deg);
}

.lego-carousel__move--block {
  color: #cccccc;
}

.lego-carousel__move--hide {
  display: none;
}

.lego-carousel__horse-wrapper {
  display: flex;
  transition: 0.5s;
}

.lego-carousel__pager {
  position: relative;
}

.lego-carousel__pager-dot {
  width: 8px;
  height: 8px;
  margin: 16px 0;
  border-radius: 50%;
  cursor: pointer;
  border: 1px solid #5a5a5a;
}

.lego-carousel__pager-dot.lego-carousel__pager--active {
  border: none;
  background: #2C59D9;
}

.lego-carousel__pager-dot + .lego-carousel__pager-dot {
  margin-left: 16px;
}

.lego-carousel__pager-window {
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.lego-carousel__pager-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
  transition: 0.5s;
}

.lego-carousel__pager-thumb {
  margin: 0 4px;
  border: 1px solid #dbdbdb;
  cursor: pointer;
}

.lego-carousel__pager-thumb.lego-carousel__pager--active {
  border: 2px solid #2C59D9;
}

.lego-carousel__pager-caret-left,
.lego-carousel__pager-caret-right {
  position: absolute;
  top: 16px;
  bottom: 0;
  display: flex;
  width: 32px;
  cursor: pointer;
}

.lego-carousel__pager-caret-left {
  right: 100%;
  justify-content: center;
}
.lego-carousel__pager-caret-left .lego-icon {
  transform: rotate(270deg);
}

.lego-carousel__pager-caret-right {
  left: 100%;
  justify-content: center;
}
.lego-carousel__pager-caret-right .lego-icon {
  transform: rotate(90deg);
}

.lego-carousel-horse {
  border: 1px solid #CCC;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.lego-carousel-horse img {
  max-height: 100%;
  max-width: 100%;
}

.lego-checkbox {
  display: inline-flex;
  flex: 1 1 auto;
  align-items: flex-start;
  font-size: 14px;
  outline: none;
  position: relative;
  z-index: 0;
}

.lego-checkbox__icon {
  cursor: pointer;
}

.lego-checkbox__label {
  cursor: pointer;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */ /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
  color: #1f2533;
}

.lego-checkbox--small {
  line-height: 16px;
}
.lego-checkbox--small .lego-checkbox__icon {
  font-size: 16px;
}
.lego-checkbox--small .lego-checkbox__label {
  margin-left: 8px;
  font-size: 14px;
}

.lego-checkbox--medium {
  line-height: 20px;
}
.lego-checkbox--medium .lego-checkbox__icon {
  font-size: 16px;
}
.lego-checkbox--medium .lego-checkbox__label {
  margin-left: 8px;
  font-size: 14px;
}

.lego-checkbox__icon.lego-checkbox__unchecked {
  color: #a5a5a5;
}

.lego-checkbox__icon.lego-checkbox__checked {
  color: #2C59D9;
}

.lego-checkbox:hover .lego-checkbox__icon {
  color: #2C59D9;
}

.lego-checkbox:focus::after {
  content: "";
  position: absolute;
  top: calc(-1 * 4px);
  left: calc(-1 * 4px);
  z-index: -1;
  width: calc(100% + 2 * 4px);
  height: calc(100% + 2 * 4px);
  border: 1px solid #2C59D9;
  border-radius: 2px;
}

.lego-checkbox--disabled {
  pointer-events: none;
}
.lego-checkbox--disabled .lego-checkbox__label {
  color: #bbbdc1 !important;
}
.lego-checkbox--disabled .lego-checkbox__checked {
  color: rgb(170.6, 188.6, 239.8) !important;
}
.lego-checkbox--disabled .lego-checkbox__unchecked {
  color: #cccccc !important;
}

.lego-checkbox-wrapper .lego-checkbox.lego-validator--error {
  color: #fc434e;
}

.lego-checkbox-wrapper .lego-validator--error .lego-checkbox__icon,
.lego-checkbox-wrapper .lego-validator--error .lego-checkbox__label {
  color: #fc434e;
}

.lego-checkbox-wrapper.lego-validator--shake .lego-checkbox.lego-validator--error {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.lego-checkbox-wrapper {
  position: relative;
  width: 100%;
}

.lego-checkbox-wrapper__message {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -20px;
  line-height: 20px;
  font-size: 12px;
  color: rgba(51, 51, 51, 0.3);
}

.lego-checkbox-wrapper.lego-validator--error .lego-checkbox-wrapper__message {
  color: #fc434e;
}

.lego-checkbox-wrapper.lego-validator--valid .lego-checkbox-wrapper__message {
  color: #4fce67;
}

.lego-chip__container {
  display: inline-flex;
  align-items: center;
  text-align: center;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */ /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

.lego-chip__container-small {
  height: 24px;
  padding-right: 8px;
  padding-left: 3px;
  border-radius: 12px;
  line-height: 24px;
  font-size: 12px;
}

.lego-chip__container-medium {
  height: 32px;
  padding-right: 8px;
  padding-left: 4px;
  border-radius: 16px;
  line-height: 24px;
  font-size: 14px;
}

.lego-chip__container-non-image {
  padding-left: 8px;
}

.lego-chip__image {
  vertical-align: top;
}

.lego-chip__image-small {
  width: 18px;
  height: 18px;
  border-radius: 9px;
}

.lego-chip__image-medium {
  width: 24px;
  height: 24px;
  border-radius: 12px;
}

.lego-chip__slot {
  margin: 0 8px 0 8px;
}

.lego-chip__slot-small {
  margin: 0 5px 0 5px;
}

.lego-chip__icon {
  text-align: center;
  cursor: pointer;
}

.lego-chip__icon-small {
  font-size: 6px;
  height: 12px;
  width: 12px;
}

.lego-chip__icon-medium {
  font-size: 8px;
  height: 16px;
  width: 16px;
}

.lego-chip__close-small {
  height: 12px;
  width: 12px;
  border-radius: 6px;
}

.lego-chip__close-medium {
  height: 16px;
  width: 16px;
  border-radius: 8px;
}

.lego-chip__container-normal-input {
  background-color: #eaeaea;
}

.lego-chip__container-normal-input:active {
  background-color: #dbdbdb;
}

.lego-chip__slot-normal-input {
  color: #333333;
}

.lego-chip__close-normal-input {
  background-color: rgba(0, 0, 0, 0);
  color: #959595;
}

.lego-chip__close-normal-input-hover {
  background-color: #dbdbdb;
  color: #333333;
}

.lego-chip__close-normal-input-active {
  background-color: rgba(0, 0, 0, 0.1);
  color: #5a5a5a;
}

.lego-chip__container-normal-filter {
  background-color: #eaeaea;
}

.lego-chip__container-normal-filter:hover {
  background-color: #dbdbdb;
}

.lego-chip__container-normal-filter-selected {
  background-color: #2C59D9;
}

.lego-chip__slot-normal-filter {
  color: #5a5a5a;
}

.lego-chip__container-light-input {
  background-color: rgb(233.9, 238.4, 251.2);
}

.lego-chip__container-light-input:active {
  background-color: rgb(212.8, 221.8, 247.4);
}

.lego-chip__slot-light-input {
  color: #2C59D9;
}

.lego-chip__close-light-input {
  background-color: rgba(0, 0, 0, 0);
  color: rgb(128.4, 155.4, 232.2);
}

.lego-chip__close-light-input-hover {
  background-color: rgb(212.8, 221.8, 247.4);
  color: #2C59D9;
}

.lego-chip__close-light-input-active {
  background-color: rgb(128.4, 155.4, 232.2);
  color: #ffffff;
}

.lego-chip__container-light-filter {
  background-color: rgb(233.9, 238.4, 251.2);
}

.lego-chip__container-light-filter:hover {
  background-color: rgb(212.8, 221.8, 247.4);
}

.lego-chip__container-light-filter-selected {
  background-color: rgb(170.6, 188.6, 239.8);
}

.lego-chip__slot-light-filter {
  color: #2C59D9;
}

.lego-chip__container-thick-input {
  background-color: #2C59D9;
}

.lego-chip__container-thick-input:active {
  background-color: rgb(35.2, 71.2, 173.6);
}

.lego-chip__slot-thick-input {
  color: #ffffff;
}

.lego-chip__close-thick-input {
  background-color: rgba(0, 0, 0, 0);
  color: rgb(170.6, 188.6, 239.8);
}

.lego-chip__close-thick-input-hover {
  background-color: rgb(35.2, 71.2, 173.6);
  color: #ffffff;
}

.lego-chip__close-thick-input-active {
  background-color: rgb(30.8, 62.3, 151.9);
  color: #ffffff;
}

.lego-chip__container-thick-filter {
  background-color: #2C59D9;
}

.lego-chip__container-thick-filter:hover {
  background-color: rgb(35.2, 71.2, 173.6);
}

.lego-chip__container-thick-filter-selected {
  background-color: rgb(30.8, 62.3, 151.9);
}

.lego-chip__slot-thick-filter {
  color: #ffffff;
}

.lego-chip__icon-normal {
  color: #5a5a5a;
}

.lego-chip__icon-light {
  color: #2C59D9;
}

.lego-chip__icon-thick {
  color: #ffffff;
}

.lego-chip__container-disabled {
  background-color: #eaeaea;
}

.lego-chip__close-disabled {
  color: #cccccc;
}

.lego-chip__slot-disabled {
  color: #333333;
}

.lego-chip-wrapper__container {
  display: inline-block;
}

.lego-chip-wrapper__item {
  margin-right: 8px;
  margin-bottom: 8px;
}

/* $border-radius; */
.lego-counter {
  font-size: 0;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  display: inline-flex;
}
.lego-counter.lego-counter--small > input {
  height: 24px;
  width: 60px;
  font-size: 12px;
}
.lego-counter.lego-counter--medium > input {
  height: 32px;
  width: 80px;
  font-size: 14px;
}
.lego-counter.lego-counter--large > input {
  height: 48px;
  width: 120px;
  font-size: 20px;
}

.lego-counter--input {
  position: absolute;
}

.lego-counter__button {
  border: 0;
  vertical-align: center;
}

.lego-button--minus {
  left: 1px;
}

.lego-button--plus {
  right: 1px;
}

.lego-counter__button.lego-button--minus.lego-button.lego-button--border.lego-button--default.lego-icon-button {
  border: 1px solid #dbdbdb;
  border-right: none;
}

.lego-counter__button.lego-button--plus.lego-button.lego-button--border.lego-button--default.lego-icon-button {
  border: 1px solid #dbdbdb;
  border-left: none;
}

.lego-counter__input {
  padding: 0px 8px 0px 8px;
  z-index: 100;
  border: 1px solid #dbdbdb;
}

.lego-counter__input:hover {
  border-color: #2C59D9;
}

.lego-counter__input::-webkit-inner-spin-button,
.lego-counter__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.lego-counter--disabled {
  background-color: #f7f7f7;
}

.lego-counter--disabled > input:disabled {
  background-color: #f7f7f7;
  border-color: #DBDBDB;
}

.lego-counter .lego-counter__button.lego-button--disabled.lego-button--border {
  background-color: #f7f7f7 !important;
  border-color: #DBDBDB !important;
}

.lego-counter.lego-counter--readonly .lego-counter__button.lego-button--disabled.lego-button--border {
  background-color: #f7f7f7 !important;
  border-color: rgb(165, 165, 165) !important;
}

.lego-counter--readonly > input:-moz-read-only {
  background-color: #f7f7f7;
  border-color: rgb(165, 165, 165);
}

.lego-counter--readonly > input:read-only {
  background-color: #f7f7f7;
  border-color: rgb(165, 165, 165);
}

.lego-counter--readonly .lego-counter__input {
  background-color: #f7f7f7;
}

.lego-counter--left > input {
  text-align: left;
}

.lego-counter--right > input {
  text-align: right;
}

.lego-counter--center > input {
  text-align: center;
}

.lego-counter--not-editable > input {
  background-color: #f7f7f7;
}

.lego-counter > input:focus {
  outline: none;
  border-color: #2C59D9;
}

/** Up & Down */
.lego-counter__updown-wrapper {
  width: 16px;
  height: 32px;
  margin-left: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.lego-counter__updown-upper, .lego-counter__updown-lower {
  width: 16px;
  height: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.lego-counter__updown-upper:hover, .lego-counter__updown-lower:hover {
  background-color: #f7f7f7;
}

.lego-counter__updown-upper:active:before {
  border-bottom-color: #5a5a5a;
}

.lego-counter__updown-lower:active:before {
  border-top-color: #5a5a5a;
}

.lego-counter__updown-upper[disabled]:before {
  border-bottom-color: #959595;
}

.lego-counter__updown-lower[disabled]:before {
  border-top-color: #959595;
}

.lego-counter__updown-divider {
  width: 16px;
  border: none;
  height: 2px;
  border-bottom: 1px solid #cccccc;
}

.lego-counter__updown-upper:before, .lego-counter__updown-lower:before {
  content: " ";
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
}

.lego-counter__updown-upper:before {
  border-top: none;
  border-bottom: 6px solid #5a5a5a;
}

.lego-counter__updown-lower:before {
  border-bottom: none;
  border-top: 6px solid #5a5a5a;
}

.lego-counter--small .lego-counter__updown-wrapper {
  height: 24px;
  margin-left: 6px;
}
.lego-counter--small .lego-counter__updown-divider {
  width: 12px;
}
.lego-counter--small .lego-counter__updown-upper, .lego-counter--small .lego-counter__updown-lower {
  width: 12px;
  height: 11px;
}
.lego-counter--small .lego-counter__updown-upper:before, .lego-counter--small .lego-counter__updown-lower:before {
  border-left-width: 4px;
  border-right-width: 4px;
}
.lego-counter--small .lego-counter__updown-upper:before {
  border-bottom-width: 5px;
}
.lego-counter--small .lego-counter__updown-lower:before {
  border-top-width: 5px;
}

.lego-counter--large .lego-counter__updown-wrapper {
  height: 48px;
  margin-left: 12px;
}
.lego-counter--large .lego-counter__updown-divider {
  width: 24px;
}
.lego-counter--large .lego-counter__updown-upper, .lego-counter--large .lego-counter__updown-lower {
  width: 24px;
  height: 23px;
}
.lego-counter--large .lego-counter__updown-upper:before, .lego-counter--large .lego-counter__updown-lower:before {
  border-left-width: 8px;
  border-right-width: 8px;
}
.lego-counter--large .lego-counter__updown-upper:before {
  border-bottom-width: 10px;
}
.lego-counter--large .lego-counter__updown-lower:before {
  border-top-width: 10px;
}

.lego-counter .lego-button--medium.lego-button--upper {
  position: absolute;
  margin-left: 0;
  text-align: left;
  width: 24px;
  height: 16px;
  background-color: transparent;
  color: #767676;
}

.lego-counter .lego-button--upper:hover {
  background-color: #f7f7f7;
}

.lego-counter .lego-button--upper:active {
  color: #5a5a5a;
}

.lego-counter .lego-button--medium + .lego-button--medium.lego-button--lower {
  position: absolute;
  margin-left: 0;
  text-align: left;
  top: 16px;
  width: 24px;
  height: 16px;
  background-color: transparent;
  color: #767676;
}

.lego-counter .lego-button--lower:hover {
  background-color: #f7f7f7;
}

.lego-counter .lego-button--lower:active {
  color: #5a5a5a;
}

.lego-date-picker {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
}

.lego-date-picker .lego-date-picker__text-field {
  width: 176px;
}

.lego-date-picker__icon-wrapper {
  position: relative;
  top: 0;
  border-left: 1px solid #a5a7ad;
  cursor: pointer;
}

.lego-validator--error + .lego_date-picker__icon-wrapper {
  border-color: #fc434e;
}

.lego-date-picker--small {
  height: 24px;
}
.lego-date-picker--small .lego-icon-wrapper {
  height: 24px;
  width: 24px;
}
.lego-date-picker--small .lego-date-picker__icon-wrapper {
  margin-left: -24px;
}
.lego-date-picker--small .lego-date-picker__calendar {
  top: 23px;
}

.lego-date-picker--medium {
  height: 32px;
}
.lego-date-picker--medium .lego-icon-wrapper {
  height: 32px;
  width: 32px;
}
.lego-date-picker--medium .lego-date-picker__icon-wrapper {
  margin-left: -32px;
}
.lego-date-picker--medium .lego-date-picker__calendar {
  top: 31px;
}

.lego-date-picker__segment-wrapper {
  display: inline-block;
  margin-left: 8px;
}

.lego-date-picker__calendar {
  z-index: 1002;
  width: 284px;
  position: absolute;
  left: 0;
  background-color: #ffffff;
  padding: 32px;
  border: 1px solid #dbdbdb;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.lego-date-picker--up .lego-date-picker__calendar {
  top: auto;
  bottom: calc(100% - 1px);
}

.lego-date-picker__calendar__month-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.lego-date-picker__calendar__month-area .lego-icon-wrapper {
  width: 28px;
  height: 28px;
  color: #767676;
  cursor: pointer;
  transform: rotate(90DEG);
}
.lego-date-picker__calendar__month-area .lego-icon-wrapper:hover {
  color: #1f2533;
  background-color: #f7f7f7;
}
.lego-date-picker__calendar__month-area .lego-icon-wrapper:active {
  color: #1f2533;
  background-color: #eaeaea;
}

.lego-date-picker__calendar--range {
  width: 544px;
}
.lego-date-picker__calendar--range .lego-date-picker__calendar__month-area {
  justify-content: space-evenly;
}

.lego-date-picker__calendar__range-container {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.lego-date-picker__calendar__divider {
  flex: 0 0 1px;
  background-color: #eaeaea;
}

.lego-date-picker__calendar__date-area {
  flex: 0 0 220px;
  margin-bottom: 16px;
}

.lego-date-picker__calendar__row {
  position: relative;
  height: 28px;
  width: 100%;
  margin-bottom: 4px;
}

.lego-date-picker__calendar__row-background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: stretch;
}
.lego-date-picker__calendar__row-background > div {
  position: relative;
  flex: 1 0 auto;
}
.lego-date-picker__calendar__row-background .select-start::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: rgb(233.9, 238.4, 251.2);
}
.lego-date-picker__calendar__row-background .select-end::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: rgb(233.9, 238.4, 251.2);
}
.lego-date-picker__calendar__row-background .select-between {
  background-color: rgb(233.9, 238.4, 251.2);
}
.lego-date-picker__calendar__row-background .hover-start::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #f7f7f7;
}
.lego-date-picker__calendar__row-background .hover-end::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #f7f7f7;
}
.lego-date-picker__calendar__row-background .hover-between {
  background-color: #f7f7f7;
}

.lego-date-picker__calendar__row-background__hover-range {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: stretch;
}
.lego-date-picker__calendar__row-background__hover-range > div {
  position: relative;
  flex: 1 0 auto;
}

.lego-date-picker__calendar__row-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.lego-date-picker__calendar__row-content span {
  color: #5a5a5a;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  border-radius: 50%;
}

.lego-date-picker__calendar__date {
  cursor: pointer;
}
.lego-date-picker__calendar__date--hover {
  color: #1f2533;
  background-color: #f7f7f7;
}
.lego-date-picker__calendar__date:active {
  color: #1f2533;
  background-color: #eaeaea;
}

.lego-date-picker__calendar--select-range .lego-date-picker__calendar__date--hover {
  color: #333333;
  background-color: rgb(212.8, 221.8, 247.4);
}
.lego-date-picker__calendar--select-range .lego-date-picker__calendar__date:active {
  color: #333333;
  background-color: rgb(128.4, 155.4, 232.2);
}

.lego-date-picker__calendar__date--disabled,
.lego-date-picker__calendar__date--invisible {
  pointer-events: none;
}

.lego-date-picker__calendar__date.lego-date-picker__calendar__date--invisible {
  color: rgba(255, 255, 255, 0) !important;
  background-color: rgba(255, 255, 255, 0) !important;
}

span.lego-date-picker__calendar__date--sunday {
  color: #E74C3C;
}

span.lego-date-picker__calendar__date--saturday {
  color: #2E86C1;
}

.lego-date-picker__calendar__date--today:not(.lego-date-picker__calendar__date--selected) {
  color: #2C59D9;
}

.lego-date-picker__calendar__date--today {
  text-decoration: underline;
}

.lego-date-picker__calendar__date.lego-date-picker__calendar__date--selected {
  color: #ffffff;
  background-color: #2C59D9;
}

.lego-date-picker__calendar__date.lego-date-picker__calendar__date--other-month,
.lego-date-picker__calendar__date.lego-date-picker__calendar__date--disabled {
  color: #cccccc;
}

.lego-date-picker.lego-validator--valid .lego-text-field__input {
  border-color: #4fce67;
}

.lego-date-picker.lego-validator--error .lego-text-field__input {
  border-color: #fc434e;
}

.lego-date-picker.lego-validator--shake .lego-text-field__input {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.lego-date-picker__message {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 1;
  word-break: break-all;
  line-height: 16px;
  padding: 0;
  color: rgba(51, 51, 51, 0.3);
  background-color: rgba(255, 255, 255, 0);
  font-size: 12px;
  border-radius: 0 0 0 0;
}

.lego-validator--error .lego-date-picker__message--heavy {
  color: #ffffff;
  background-color: #fc434e;
}

.lego-validator--valid .lego-date-picker__message--heavy {
  color: #ffffff;
  background-color: #4fce67;
}

.lego-validator--error .lego-date-picker__message--light {
  color: #fc434e;
  background-color: rgba(255, 255, 255, 0);
}

.lego-validator--valid .lego-date-picker__message--light {
  color: #4fce67;
  background-color: rgba(255, 255, 255, 0);
}

.lego-validator--error .lego-date-picker__message--light-one-line {
  color: #fc434e;
  background-color: rgba(255, 255, 255, 0);
  min-width: 300px;
}

.lego-validator--error .lego-date-picker__message--heavy-one-line {
  color: #fc434e;
  background-color: rgba(255, 255, 255, 0);
  min-width: 300px;
}

.lego-dropdown {
  display: inline-block;
  position: relative;
  min-width: 180px;
  width: 100%;
  color: #1f2533;
  cursor: pointer;
}

.lego-dropdown--small {
  font-size: 12px;
  line-height: 18px;
  height: 24px;
}
.lego-dropdown--small .lego-dropdown__title {
  padding: 0 8px 0 8px;
}
.lego-dropdown--small .lego-dropdown__title-icon {
  margin-left: 8px;
  width: 16px;
}

.lego-dropdown--small .lego-dropdown__label,
.lego-drop-holder--small .lego-dropdown__label {
  font-size: 12px;
  line-height: 18px;
  min-height: 34px;
  max-height: 32px;
}

.lego-dropdown--medium {
  font-size: 14px;
  line-height: 24px;
  height: 32px;
}
.lego-dropdown--medium .lego-dropdown__title {
  padding: 0 10px 0 12px;
}
.lego-dropdown--medium .lego-dropdown__title-icon {
  margin-left: 12px;
  width: 16px;
}

.lego-dropdown--medium .lego-dropdown__label,
.lego-drop-holder--medium .lego-dropdown__label {
  font-size: 14px;
  line-height: 24px;
  min-height: 34px;
  max-height: 48px;
}

.lego-dropdown__title {
  background: #ffffff;
  border: 1px solid #a5a7ad;
  display: flex;
  height: 100%;
  min-width: inherit;
  max-width: inherit;
}
.lego-dropdown__title .lego-dropdown__selected {
  display: flex;
  align-items: center;
  width: calc(100% - 28px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lego-dropdown__title.lego-dropdown--focused,
.lego-dropdown__title:focus {
  border: 1px solid #2C59D9;
  outline: none;
}

.lego-dropdown__icon {
  transition: all ease 0.3s;
  color: #5a5a5a;
}

.move-down-enter-active,
.move-down-leave-active {
  transition: opacity 0.3s;
}

/* .fade-leave-active below version 2.1.8 */
.move-down-enter,
.move-down-leave-to {
  opacity: 0;
}

.lego-dropdown__items {
  width: 100%;
  min-width: inherit;
  max-width: inherit;
  position: absolute;
  overflow-y: auto;
  margin-top: -1px; /* close to title */
  background-color: #ffffff;
  border: 1px solid #a5a7ad;
  z-index: 200;
  max-height: 200px;
  padding: 0;
  margin-left: 0px;
}
.lego-dropdown__items .lego-dropdown__selected {
  color: #2C59D9;
  font-weight: 700;
}
.lego-dropdown__items.lego-dropdown__items--has-child-items {
  overflow: visible;
}

.lego-dropdown__item {
  position: relative;
  display: flex;
  padding: 0 10px 0 10px;
  background-color: #ffffff;
}
.lego-dropdown__item:hover {
  background-color: rgba(44, 89, 217, 0.04);
}

.lego-dropdown__item--focused {
  background-color: rgba(44, 89, 217, 0.04);
}

.lego-dropdown__label {
  flex: 1 0 auto;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.lego-dropdown__label-caret {
  transform: rotate(270deg);
}

.lego-dropdown__item:hover .lego-dropdown__child-items,
.lego-dropdown__item--focused .lego-dropdown__child-items {
  display: block;
}

.lego-dropdown__child-items {
  background: #ffffff;
  position: absolute;
  left: 100%;
  top: 0;
  display: none;
  background-color: #ffffff;
  border: 1px solid #a5a7ad;
  z-index: 200;
  padding: 0;
  margin-left: 0px;
}

.lego-dropdown__child-item:hover {
  background-color: rgba(44, 89, 217, 0.04);
}

.lego-dropdown--disabled {
  pointer-events: none;
}
.lego-dropdown--disabled .lego-dropdown__title {
  border: 1px solid #bbbdc1 !important;
  color: #bbbdc1 !important;
  background-color: #f3f4f4 !important;
}
.lego-dropdown--disabled .lego-dropdown__icon {
  color: #787c84 !important;
}

.lego-drop-holder--disabled {
  pointer-events: none;
}

.lego-drop-holder {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.lego-drop-holder__items--right-align {
  right: 0;
}

.lego-drop-holder__items--label-no-wrap .lego-drop-holder__label {
  white-space: nowrap;
}

.lego-dropdown.lego-validator--valid .lego-dropdown__title {
  border-color: #4fce67;
}

.lego-dropdown.lego-validator--error .lego-dropdown__title {
  border-color: #fc434e;
}

.lego-dropdown.lego-validator--shake > .lego-dropdown__title {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.lego-dropdown__message {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  word-break: break-all;
  line-height: 16px;
  padding: 0;
  color: rgba(51, 51, 51, 0.3);
  background-color: rgba(255, 255, 255, 0);
  font-size: 12px;
  border-radius: 0 0 0 0;
}

.lego-validator--error .lego-dropdown__message--heavy {
  color: #fc434e;
  background-color: rgba(255, 255, 255, 0);
}

.lego-validator--valid .lego-dropdown__message--heavy {
  color: #ffffff;
  background-color: #4fce67;
}

.lego-validator--error .lego-dropdown__message--light {
  color: #fc434e;
  background-color: rgba(255, 255, 255, 0);
}

.lego-validator--valid .lego-dropdown__message--light {
  color: #4fce67;
  background-color: rgba(255, 255, 255, 0);
}

.auto-complete__search-box {
  width: 100%;
}

.auto-complete__search-box .lego-text-field__input {
  border: none;
}

.lego-dropdown--up .lego-dropdown__items {
  margin-bottom: -1px;
  bottom: 100%;
}

.lego-floating-button {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #ffffff;
  border-color: #dbdbdb;
  color: #2C59D9;
  border-style: solid;
}

.lego-floating-button:hover {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}

.lego-floating-button:active {
  background-color: rgb(212.8, 221.8, 247.4);
  border-color: #2C59D9;
}

.lego-floating-button-disabled {
  background-color: #ffffff;
  border-color: #cccccc;
  color: #a5a5a5;
  pointer-events: none;
}

.lego-floating-button-prim {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #2C59D9;
  border-color: #2C59D9;
  color: #ffffff;
}

.lego-floating-button-prim:hover {
  background-color: rgb(35.2, 71.2, 173.6);
  border-color: rgb(35.2, 71.2, 173.6);
  color: #ffffff;
}

.lego-floating-button-prim:active {
  background-color: rgb(30.8, 62.3, 151.9);
  border-color: rgb(30.8, 62.3, 151.9);
}

.lego-floating-button-prim-disabled {
  background-color: #eaeaea;
  border-color: #eaeaea;
  color: #a5a5a5;
  pointer-events: none;
}

/* 사족 */
.lego-floating-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.lego-floating-button {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Icon 공통 */
.lego-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  font-size: inherit;
}

.lego-icon::before {
  width: 1em;
  height: 1em;
  line-height: 1;
  text-align: center;
}

.lego-icon svg {
  width: 1em;
  height: 1em;
  overflow: visible;
  fill: currentColor;
}

/* Color */
.lego-icon--default {
  color: #333333;
}

.lego-icon--primary {
  color: #2C59D9;
}

.lego-icon--point {
  color: #3bcdc7;
}

/* Size */
.lego-icon--xsmall {
  font-size: 14px;
}

.lego-icon--small {
  font-size: 24px;
}

.lego-icon--medium {
  font-size: 32px;
}

.lego-icon--large {
  font-size: 48px;
}

/* Spacing */
.lego-icon--spacing {
  padding: 0.2em;
}

.lego-icon--spacing::before,
.lego-icon--spacing svg {
  font-size: 0.6em;
}

.lego-icon-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.lego-icon-wrapper--small {
  height: 24px;
}

.lego-icon-wrapper--medium {
  height: 32px;
}

.lego-icon-wrapper--large {
  height: 48px;
}

.lego-icon-wrapper--disable {
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}
.lego-icon-wrapper--disable .lego-icon {
  color: rgb(204, 204, 204) !important;
}

.lego-icon-button.lego-button {
  min-width: 0;
  padding: 0;
  line-height: 1rem;
}

.lego-icon-button.lego-button--small {
  width: 24px;
}

.lego-icon-button.lego-button--medium {
  width: 32px;
}

.lego-icon-button.lego-button--large {
  width: 44px;
}

.lego-icon-button--off {
  color: #959595 !important;
}

.lego-icon-button--off:hover {
  color: #ffffff;
  background-color: #f7f7f7;
}
.lego-icon-button--off:active {
  background-color: #eaeaea;
}

/* FIXME: 임시본 - icon 버튼이 갑자기 바뀌고나면 혼란스러울까봐 잠시 넣어둡니다. */
.lego-icon-button.lego-button--solid.lego-button--default {
  background-color: #f7f7f7;
  border-width: 0;
  color: #1f2533;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.004), 0 0 40px rgba(0, 0, 0, 0.001) inset;
}
.lego-icon-button.lego-button--solid.lego-button--default:hover {
  background-color: #ffffff;
}
.lego-icon-button.lego-button--solid.lego-button--default:active {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.002) inset, 0 0 40px rgba(0, 0, 0, 0.001) inset;
}

.list-item {
  background: #ffffff;
  padding: 16px 24px;
  display: flex;
  flex-flow: column nowrap;
}
.list-item:hover {
  background: #f7f7f7;
}
.list-item:active {
  background: #eaeaea;
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.1);
}
.list-item .list-item__check {
  margin-right: 16px;
  flex-grow: 0;
  flex-shrink: 0;
}
.list-item__main {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.list-item__thumb {
  margin-right: 16px;
}
.list-item__avatar {
  margin-right: 16px;
  border-radius: 50%;
}
.list-item__contents {
  flex: 1 1 auto;
}
.list-item__contents__title {
  font-size: 16px;
  font-weight: bold;
  line-height: 28px;
}
.list-item__contents__text {
  font-size: 14px;
  line-height: 24px;
}
.list-item__contents__second {
  font-size: 12px;
  margin-bottom: 4px;
}
.list-item__contents__row {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.list-item__contents__row hr[v] {
  display: inline-block;
  margin: 0 8px 0 8px;
  height: 10px;
  border-top: none;
}
.list-item__support {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.list-item__support .tr90 {
  transform: rotate(90deg);
}
.list-item + .list-item {
  margin-top: 50px;
}
.list-item__expand {
  margin: 16px;
  padding-top: 16px;
  border-top: 1px solid #EAEAEA;
}

.lego-dropdown__downwrap {
  position: absolute;
  margin-top: -1px;
  z-index: 200;
}

.lego-dropdown__downwrap .lego-dropdown__items {
  position: static;
}

.lego-dropdown__items.lego-dropdown__items--has-child-items {
  overflow: unset;
}

.lego-dropdown__item .lego-checkbox__checked + .lego-checkbox__label {
  color: #2C59D9;
  font-weight: 700;
}

.lego-dropdown__selectall, .lego-dropdown__apply {
  border: 1px solid #a5a7ad;
  z-index: 200;
  padding: 8px 12px;
  margin-right: 0px;
  background-color: #ffffff;
}

.lego-dropdown__apply_pos {
  text-align: right;
  padding: 8px 0px;
}

.lego-dropdown--up .lego-dropdown__downwrap {
  bottom: 100%;
  margin-bottom: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.lego-pagination {
  text-align: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.lego-pagination .lego-pagination__navi {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin: 0px 4px;
  line-height: 24px;
  cursor: pointer;
  color: rgba(31, 37, 51, 0.6);
}
.lego-pagination .lego-pagination__navi:hover {
  background-color: rgb(233.9, 238.4, 251.2);
}
.lego-pagination .lego-pagination__navi.lego-pagination__icon--disable {
  color: rgba(31, 37, 51, 0.2);
  pointer-events: none;
}
.lego-pagination .lego-pagination__number {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0px 4px;
  line-height: 24px;
  cursor: pointer;
  color: #1f2533;
}
.lego-pagination .lego-pagination__number:hover {
  background-color: rgb(233.9, 238.4, 251.2);
}
.lego-pagination .lego-pagination__number.lego-pagination__icon--disable {
  color: rgba(31, 37, 51, 0.2);
  pointer-events: none;
}
.lego-pagination .lego-pagination__number-dots {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0px 4px;
  line-height: 24px;
  color: #1f2533;
}
.lego-pagination .lego-pagination__selected {
  background-color: rgb(233.9, 238.4, 251.2);
  color: #2C59D9;
  font-weight: 700;
}
.lego-pagination .lego-pagination__selected:hover {
  background-color: rgb(233.9, 238.4, 251.2);
}
.lego-pagination .lego-pagination__goto {
  height: 24px;
  display: inline-flex;
  margin-left: 20px;
}
.lego-pagination .lego-pagination__goto .lego-counter input {
  width: 100%;
  padding: 0;
}
.lego-pagination .lego-pagination__goto button {
  padding: 0;
  margin-left: -1px;
  min-width: 40px;
  border-color: #cccccc;
}

.lego-pagination__left-icon {
  transform: rotate(270deg);
  transition: 0.1s;
}

.lego-pagination__left-icon:active {
  transform: rotate(260deg);
}

.lego-pagination__right-icon {
  transform: rotate(90deg);
  transition: 0.1s;
}

.lego-pagination__right-icon:active {
  transform: rotate(100deg);
}

.lego-pagination__simple-pager {
  min-width: 40px;
  margin-right: 5px;
}
.lego-pagination__simple-pager .lego-counter__button {
  display: none;
}
.lego-pagination__simple-pager.lego-counter > .lego-counter__input {
  width: 100%;
  height: 24px;
}

.lego-progress__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.lego-progress__wrapper-right {
  flex-direction: row;
}

.lego-progress__wrapper-bottom {
  flex-direction: column;
}

.lego-progress__wrapper-masked {
  display: table-cell;
  vertical-align: middle;
}

.lego-progress__circle {
  display: block;
  margin: 0 auto;
  transform: rotate(-90deg);
}

.lego-progress__circle-small {
  width: 20px;
  height: 20px;
}

.lego-progress__circle-medium {
  width: 32px;
  height: 32px;
}

.lego-progress__circle-large {
  width: 60px;
  height: 60px;
}

@keyframes lego-progress__spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.lego-progress__circle-spin {
  animation: lego-progress__spin 0.8s linear infinite;
}

.lego-progress__circle-background-normal {
  stroke: #f7f7f7;
}

.lego-progress__circle-background-light {
  stroke: #5a5a5a;
}

.lego-progress__circle-progress-normal {
  stroke: #2C59D9;
}

.lego-progress__circle-progress-light {
  stroke: #ffffff;
}

.lego-progress__circle-progress-error {
  stroke: #fc434e;
}

.lego-progress__line {
  position: relative;
  overflow: hidden;
  height: 6px;
  background-color: #f7f7f7;
}

.lego-progress__line-progress {
  height: 6px;
  position: absolute;
}

@keyframes lego-progress__line-transform {
  0% {
    margin-left: -80px;
  }
  100% {
    margin-left: 100%;
  }
}
.lego-progress__line-background-normal {
  background-color: #f7f7f7;
}

.lego-progress__line-background-light {
  background-color: #5a5a5a;
}

.lego-progress__line-progress-normal {
  background-color: #2C59D9;
}

.lego-progress__line-progress-light {
  background-color: #ffffff;
}

.lego-progress__line-progress-error {
  background-color: #fc434e;
}

.lego-progress__text {
  text-align: center;
  font-size: 12px;
}

.lego-progress__text-bottom {
  margin-top: 8px;
}

.lego-progress__text-right {
  margin-left: 8px;
}

.lego-progress__text-normal {
  color: #333333;
  text-align: center;
}

.lego-progress__text-light {
  color: #ffffff;
  text-align: center;
}

.lego-progress__text-error {
  color: #fc434e;
  text-align: center;
}

.lego-progress__mask {
  display: table;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 9998;
}

.lego-radio {
  display: inline-flex;
  flex: 1 1 auto;
  align-items: flex-start;
  font-size: 14px;
  outline: none;
  position: relative;
  z-index: 0;
}

.lego-radio__icon {
  cursor: pointer;
}

.lego-radio__label {
  cursor: pointer;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */ /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
  color: #1f2533;
}

.lego-radio--small {
  line-height: 16px;
}
.lego-radio--small .lego-radio__icon {
  font-size: 16px;
}
.lego-radio--small .lego-radio__label {
  margin-left: 8px;
  font-size: 14px;
}

.lego-radio--medium {
  line-height: 20px;
}
.lego-radio--medium .lego-radio__icon {
  font-size: 16px;
}
.lego-radio--medium .lego-radio__label {
  margin-left: 8px;
  font-size: 14px;
}

.lego-radio__icon.lego-radio__unchecked {
  color: #a5a5a5;
}

.lego-radio__icon.lego-radio__checked {
  color: #2C59D9;
}

.lego-radio:hover .lego-radio__icon {
  color: #2C59D9;
}

.lego-radio:focus::after {
  content: "";
  position: absolute;
  left: calc(-1 * 4px);
  top: calc(-1 * 4px);
  z-index: -1;
  width: calc(100% + 2 * 4px);
  height: calc(100% + 2 * 4px);
  border: 1px solid #2C59D9;
  border-radius: 2px;
}

.lego-radio--disabled {
  pointer-events: none;
}
.lego-radio--disabled .lego-radio__label {
  color: #bbbdc1 !important;
}
.lego-radio--disabled .lego-radio__checked {
  color: rgb(170.6, 188.6, 239.8) !important;
}
.lego-radio--disabled .lego-radio__unchecked {
  color: #cccccc !important;
}

.lego-radio-wrapper .lego-radio.lego-validator--error {
  color: #fc434e;
}

.lego-radio-wrapper .lego-validator--error .lego-radio__icon,
.lego-radio-wrapper .lego-validator--error .lego-radio__label {
  color: #fc434e;
}

.lego-radio-wrapper.lego-validator--shake .lego-radio.lego-validator--error {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.lego-radio-wrapper {
  position: relative;
  width: 100%;
}

.lego-radio-wrapper__message {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -20px;
  line-height: 20px;
  font-size: 12px;
  color: rgba(51, 51, 51, 0.3);
}

.lego-radio-wrapper.lego-validator--error .lego-radio-wrapper__message {
  color: #fc434e;
}

.lego-radio-wrapper.lego-validator--valid .lego-radio-wrapper__message {
  color: #4fce67;
}

.lego-segment-wrapper {
  font-size: 0;
  padding: 1px 0 0 1px;
}

.lego-segment-button {
  margin-top: -1px;
  margin-left: -1px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-style: solid;
  font-weight: 400;
  border-radius: 0;
  border-width: 1px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.lego-segment-button .lego-icon {
  vertical-align: middle;
}

.lego-segment-button--small {
  height: 24px;
  font-size: 12px;
  padding: 0 8px;
}

.lego-segment-button--medium {
  height: 32px;
  font-size: 14px;
  padding: 0 8px;
}

.lego-segment-button {
  cursor: pointer;
}

.lego-segment-button--disabled {
  pointer-events: none;
  cursor: default;
}

.lego-segment-button:hover,
.lego-segment-button--checked {
  z-index: 1;
}

.lego-segment-button--solid {
  background-color: #ffffff;
  border-color: #dbdbdb;
  color: #959595;
}
.lego-segment-button--solid:hover {
  background-color: rgb(234.6, 234.6, 234.6);
  border-color: #a5a5a5;
  color: #333333;
}
.lego-segment-button--solid.lego-segment-button--checked {
  background-color: #5a5a5a;
  border-color: #5a5a5a;
  color: #ffffff;
}

.lego-segment-button--border {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--checked {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}

.lego-segment-button--solid.lego-segment-button--primary:hover {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
.lego-segment-button--solid.lego-segment-button--primary.lego-segment-button--checked {
  background-color: #2C59D9;
  border-color: #2C59D9;
  color: #ffffff;
}

.lego-segment-button--border.lego-segment-button--primary:hover {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked {
  background-color: rgb(212.8, 221.8, 247.4);
  border-color: #2C59D9;
  color: #2C59D9;
}

.lego-segment-button--solid.lego-segment-button--point:hover {
  background-color: rgb(235.4, 250, 249.4);
  border-color: #3bcdc7;
  color: #3bcdc7;
}
.lego-segment-button--solid.lego-segment-button--point.lego-segment-button--checked {
  background-color: #3bcdc7;
  border-color: #3bcdc7;
  color: #333333;
}

.lego-segment-button--border.lego-segment-button--point:hover {
  background-color: rgb(235.4, 250, 249.4);
  border-color: #3bcdc7;
  color: #3bcdc7;
}
.lego-segment-button--border.lego-segment-button--point.lego-segment-button--checked {
  background-color: rgb(215.8, 245, 243.8);
  border-color: #3bcdc7;
  color: #3bcdc7;
}

.lego-segment-button--disabled.lego-segment-button--solid {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  color: #cccccc !important;
}

.lego-segment-button--disabled.lego-segment-button--border {
  color: #cccccc !important;
  border-color: #cccccc !important;
  background-color: #ffffff !important;
}

.lego-slider {
  position: relative;
  height: 14px;
  padding: 6px 0;
}

.lego-slider__track {
  position: relative;
  height: 2px;
  background-color: #eaeaea;
}

.lego-slider__progress {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #2C59D9;
}

.lego-slider__handle {
  position: absolute;
  width: 0;
  height: 0;
  overflow: visible;
  border: 0;
  padding: 0;
  outline: 0;
  top: 1px;
}

.lego-slider__handle::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  top: -7px;
  left: -7px;
  background-color: #2C59D9;
  box-shadow: 0 0 0 0 rgba(44, 89, 217, 0.2);
}

.lego-slider__handle:hover::before {
  width: 20px;
  height: 20px;
  top: -10px;
  left: -10px;
  box-shadow: 0 0 0 4px rgba(44, 89, 217, 0.2);
  transition: width 0.1s linear, height 0.1s linear, top 0.1s linear, left 0.1s linear, box-shadow 0.1s linear;
}

.lego-slider__handle:active::before {
  box-shadow: 0 0 0 10px rgba(44, 89, 217, 0.2);
}

.lego-slider__handle__tooltip {
  position: absolute;
  display: none;
  width: 0;
  height: 0;
  overflow: visible;
  top: -18px;
}

.lego-slider__handle:active .lego-slider__handle__tooltip {
  display: block;
}

.lego-slider__handle__tooltip::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 8px;
  left: -5px;
  top: -1px;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #2C59D9 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.lego-slider__handle__tooltip::after {
  content: attr(value);
  position: absolute;
  transform: translate(-50%, -100%);
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  padding: 0 10px;
  color: #ffffff;
  background-color: #2C59D9;
  border-radius: 2px;
}

.lego-slider__tick-mark-wrapper {
  position: absolute;
}

.lego-slider__tick-mark {
  position: absolute;
}

.lego-slider__tick-mark--dot {
  width: 1px;
  height: 2px;
  background-color: #cccccc;
}

.lego-slider__tick-mark--dot.lego-slider__tick-mark--active {
  background-color: #cccccc;
}

.lego-slider__tick-mark--bar {
  width: 1px;
  height: 7px;
  background-color: #eaeaea;
}

.lego-slider__tick-mark--bar.lego-slider__tick-mark--active {
  background-color: #2C59D9;
}

.lego-slider__tick-label-wrapper {
  position: relative;
  width: 100%;
  top: 6px;
}

.lego-slider__tick-label {
  position: absolute;
  transform: translateX(-50%);
  line-height: 18px;
  font-size: 12px;
  color: #959595;
}

.lego-slider--disabled .lego-slider__progress {
  background-color: #cccccc;
}
.lego-slider--disabled .lego-slider__handle {
  pointer-events: none;
}
.lego-slider--disabled .lego-slider__handle::before {
  background-color: #cccccc;
}
.lego-slider--disabled .lego-slider__tick-mark--bar.lego-slider__tick-mark--active {
  background-color: #cccccc;
}

.lego-switch {
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.lego-switch .lego-switch__circle {
  position: absolute;
  border-radius: 50%;
  transition: margin-left 0.3s, transform 0.3s;
  top: 2px;
  background-color: #ffffff;
}
.lego-switch .lego-switch__text {
  position: absolute;
  transition: margin-left 0.3s, transform 0.3s;
  color: #ffffff;
}

.lego-switch--small {
  width: 32px;
  height: 16px;
  border-radius: 16px;
}
.lego-switch--small.lego-switch--labeled {
  width: 42px;
}
.lego-switch--small .lego-switch__circle {
  width: 12px;
  height: 12px;
}
.lego-switch--small .lego-switch__text {
  font-size: 10px;
  line-height: 16px;
}

.lego-switch--medium {
  width: 48px;
  height: 24px;
  border-radius: 24px;
}
.lego-switch--medium.lego-switch--labeled {
  width: 60px;
}
.lego-switch--medium .lego-switch__circle {
  width: 20px;
  height: 20px;
}
.lego-switch--medium .lego-switch__text {
  font-size: 12px;
  line-height: 24px;
}

.lego-switch--large {
  width: 64px;
  height: 32px;
  border-radius: 32px;
}
.lego-switch--large.lego-switch--labeled {
  width: 68px;
}
.lego-switch--large .lego-switch__circle {
  width: 28px;
  height: 28px;
}
.lego-switch--large .lego-switch__text {
  font-size: 14px;
  line-height: 32px;
}

.lego-switch--on {
  background-color: #2C59D9;
}
.lego-switch--on .lego-switch__circle {
  margin-left: 100%;
  transform: translateX(-100%) translateX(-2px);
}
.lego-switch--on .lego-switch__text {
  margin-left: 0;
  transform: translateX(0%) translateX(8px);
}

.lego-switch--off {
  background-color: #8e9198;
}
.lego-switch--off .lego-switch__circle {
  margin-left: 0;
  transform: translateX(0%) translateX(2px);
}
.lego-switch--off .lego-switch__text {
  margin-left: 100%;
  transform: translateX(-100%) translateX(-8px);
}

.lego-switch--disabled.lego-switch--on {
  background-color: rgb(170.6, 188.6, 239.8);
}

.lego-switch--disabled.lego-switch--off {
  background-color: #d2d3d6;
}

div.lego-page-table--no-title .lego-table__title {
  display: none;
}

div.lego-page-table--no-title .lego-table__title + .lego-table__action {
  position: static;
  text-align: right;
  display: block;
}

.lego-table {
  background: #ffffff;
  overflow-x: auto;
  position: relative;
  /* [OTHER COMP] */
  /* [TITLE] */
}
.lego-table .lego-table__title {
  padding-left: 0px;
  height: 64px;
  display: flex;
  align-items: center;
}
.lego-table .lego-table__title__label {
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
}
.lego-table .lego-table__title__desc {
  flex: 1 1 auto;
  color: #767676;
  font-size: 14px;
  margin-left: 10px;
}
.lego-table .lego-table__title__action {
  font-size: 14px;
  display: flex;
  align-items: center;
}
.lego-table {
  /* [CONTROL] */
}
.lego-table .lego-table__control {
  margin-bottom: 0;
  padding-left: 0px;
  margin-left: 0;
  font-size: 14px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.lego-table .lego-table__control--reverse {
  flex-direction: row-reverse;
}
.lego-table .lego-table__control--no-page .lego-table__counter__total {
  border-right: none;
}
.lego-table {
  /* [COUNTER] */
}
.lego-table .lego-table__counter {
  z-index: 1;
  display: flex;
  align-items: center;
  margin-right: 12px;
}
.lego-table .lego-table__counter__total {
  height: 32px;
  line-height: 32px;
  padding-right: 0;
}
.lego-table .lego-table__counter__per-page {
  width: auto;
}
.lego-table .lego-table__counter__per-page .lego-dropdown__title {
  font-size: 14px;
  border-color: rgba(0, 0, 0, 0);
}
.lego-table .lego-table__counter__per-page .lego-dropdown__title:hover .lego-dropdown__selected span {
  color: #2c59d9;
  text-decoration: underline;
}
.lego-table .lego-table__counter__per-page .lego-dropdown__title:focus {
  position: relative;
  z-index: 1;
}
.lego-table .lego-table__counter__per-page .lego-dropdown__title:focus::before {
  content: "";
  width: calc(100% - 4px * 2);
  height: 100%;
  position: absolute;
  left: 4px;
  top: 0;
  border: 1px solid #2C59D9;
  border-radius: 2px;
  z-index: 0;
}
.lego-table .lego-table__counter__per-page::before {
  z-index: 2;
}
.lego-table .lego-table__counter__per-page .lego-dropdown__item {
  font-size: 14px;
}
.lego-table .lego-table__counter__per-page .lego-dropdown__selected {
  width: auto;
}
.lego-table {
  /* [ACTION] */
}
.lego-table .lego-table__action {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 1 1 auto;
}
.lego-table .lego-table__action-selected {
  display: inline-block;
  font-size: 14px;
  color: #2C59D9;
  margin-right: 10px;
}
.lego-table .lego-table__action-selected:last-child {
  margin-right: 0;
}
.lego-table .lego-table__extra-action {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.lego-table .lego-table__area {
  width: 100%;
  border-collapse: collapse;
  margin-top: 0px;
  table-layout: fixed; /* Table width 조정을 위한 필수 요소 */
}
.lego-table .lego-table__area .lego-table__header {
  flex: 0 0 auto;
  width: 100%;
}
.lego-table .lego-table__area .lego-table__header .lego-table__header-resize {
  float: right;
  width: 15px;
  background-color: rgba(255, 255, 255, 0.01);
  border-right: 1px solid rgba(0, 0, 0, 0.0008);
  cursor: w-resize;
}
.lego-table .lego-table__area .lego-table__header .lego-table__header-resize:hover {
  background-color: rgb(233.9, 238.4, 251.2);
}
.lego-table .lego-table__area .lego-table__header .lego-table__resize-line {
  width: 1px;
  border: 1px dashed rgba(0, 0, 0, 0.003);
}
.lego-table .lego-table__area .lego-table__header .lego-table__header__resizer-td {
  padding: 0;
}
.lego-table .lego-table__area .lego-table__header tr.lego-table__header__row {
  min-height: 28px;
  width: 100%;
  color: #1f2533;
  font-size: 12px;
  border-top: 1px solid #8e9198;
  border-bottom: 1px solid #bbbdc1;
}
.lego-table .lego-table__area .lego-table__header th {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding-left: 4px;
  padding-right: 4px;
  font-weight: 700;
}
.lego-table .lego-table__area .lego-table__header th .lego-table__icon-sort {
  cursor: pointer;
  margin-left: 5px;
  color: #a5a5a5;
}
.lego-table .lego-table__area .lego-table__header th .lego-table__icon-sort:not(.lego-table__icon-sort--selected):hover {
  color: #2E3138;
}
.lego-table .lego-table__area .lego-table__header th .lego-table__icon-sort--selected {
  color: #2C59D9;
}
.lego-table .lego-table__area .lego-table__header th .lego-table__icon-filter {
  color: #a5a5a5;
  cursor: pointer;
  font-size: 10px;
}
.lego-table .lego-table__area .lego-table__body {
  overflow-y: auto;
}
.lego-table .lego-table__area .lego-table__body tr {
  min-height: 40px;
  width: 100%;
  border-bottom: 1px solid #d2d3d6;
}
.lego-table .lego-table__area .lego-table__body tr:hover {
  background-color: rgba(44, 89, 217, 0.04);
}
.lego-table .lego-table__area .lego-table__body tr.lego-table__sorted:hover {
  background-color: rgb(242.25, 242.25, 242.25);
}
.lego-table .lego-table__area .lego-table__body tr:last-child {
  border-bottom: 1px solid #dbdbdb;
}
.lego-table .lego-table__area .lego-table__body td {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  color: #1f2533;
}
.lego-table .lego-table__area .lego-table__body td .more-action-icon-extend {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.lego-table .lego-table__area .lego-table__body td .more-action-icon-extend:hover {
  background-color: #fff;
}
.lego-table .lego-table__area .lego-table__body .lego-table__body__alert {
  text-align: center;
  height: 40px;
  background-color: rgba(231, 76, 60, 0.002);
}
.lego-table .lego-table__area .lego-table__body .lego-table__body__no-data {
  text-align: center;
  height: 40px;
}
.lego-table .lego-table__area .lego-table__body .lego-table__body__no-data:hover {
  background-color: transparent;
}
.lego-table .lego-table__header-checker {
  padding-top: 5px;
}
.lego-table .lego-table__cell-checker {
  padding-top: 5px;
  text-align: center;
}
.lego-table .lego-table__cell--expand {
  background-color: #f7f7f7;
}
.lego-table .lego-table__expand-enter-active, .lego-table .lego-table__expand-leave {
  height: 40px;
  opacity: 1;
  transition: all 0.3s;
}
.lego-table .lego-table__expand-enter, .lego-table .lego-table__expand-leave-active {
  height: 0;
  opacity: 0;
  transition: all 0.3s;
}
.lego-table .lego-table__selected {
  background-color: rgb(233.9, 238.4, 251.2);
}
.lego-table .lego-table__sorted {
  background-color: #2C59D9;
}

.lego-search-box + .lego-table {
  margin-top: 20px;
}

.lego-table + .lego-pagination {
  margin-top: 18px;
}

.lego-table__hidden-icon {
  display: none !important;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.lego-table__col__from-1280,
.lego-table__col__from-1600,
.lego-table__col__from-1920 {
  position: relative;
}

@media only screen and (max-width: 1279px), only screen and (min-width: 1280px) and (max-width: 1599px) {
  .lego-table__col__from-1600 {
    text-indent: -10000px;
    width: 16px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }
  .lego-table__col__from-1600 * {
    display: none !important;
  }
  .lego-table__col__from-1600 .lego-table__hidden-icon {
    display: inline-flex !important;
  }
  .lego-table__col__from-1600 .lego-table__hidden-icon * {
    display: block !important;
  }
  .lego-table__col__from-1920 {
    text-indent: -10000px;
    width: 16px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }
  .lego-table__col__from-1920 * {
    display: none !important;
  }
  .lego-table__col__from-1920 .lego-table__hidden-icon {
    display: inline-flex !important;
  }
  .lego-table__col__from-1920 .lego-table__hidden-icon * {
    display: block !important;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1919px) {
  .lego-table__col__from-1920 {
    text-indent: -10000px;
    width: 16px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }
  .lego-table__col__from-1920 * {
    display: none !important;
  }
  .lego-table__col__from-1920 .lego-table__hidden-icon {
    display: inline-flex !important;
  }
  .lego-table__col__from-1920 .lego-table__hidden-icon * {
    display: block !important;
  }
}
/* [TEXTFIELD] Positioning */
.lego-text-field {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 180px;
  font-size: 0;
}

/* [TEXTFIELD] Common */
.lego-text-field__input,
.lego-text-field__textarea {
  width: 100%;
  padding: 0 10px 0 12px;
  color: #1f2533;
  background-color: #ffffff;
  font-size: 14px;
  border-style: solid;
  outline: none;
}

.lego-text-field__textarea {
  height: auto;
  overflow: auto;
  line-height: 24px;
}

/* [TEXTFIELD] Size */
.lego-text-field--small .lego-text-field__input {
  height: 24px;
  line-height: 22px;
  font-size: 14px;
}

.lego-text-field--medium .lego-text-field__input {
  height: 32px;
  line-height: 30px;
  font-size: 14px;
}

.lego-text-field--large .lego-text-field__input {
  height: 48px;
  line-height: 46px;
  font-size: 14px;
}

.lego-text-field--small .lego-text-field__textarea {
  min-height: 24px;
  line-height: 22px;
  font-size: 14px;
}

.lego-text-field--medium .lego-text-field__textarea {
  min-height: 32px;
  line-height: 24px;
  font-size: 14px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.lego-text-field--large .lego-text-field__textarea {
  min-height: 48px;
  line-height: 24px;
  font-size: 14px;
  padding-top: 11px;
  padding-bottom: 11px;
}

.lego-text-field--small .lego-text-field__icon-wrap {
  font-size: 14px;
}

.lego-text-field--medium .lego-text-field__icon-wrap {
  font-size: 14px;
}

.lego-text-field--large .lego-text-field__icon-wrap {
  font-size: 14px;
}

/* [TEXTFIELD] Style*/
.lego-text-field--underline .lego-text-field__input,
.lego-text-field--underline .lego-text-field__textarea {
  background-color: rgba(255, 255, 255, 0);
  border-width: 0 0 1px 0;
}

.lego-text-field--border .lego-text-field__input,
.lego-text-field--border .lego-text-field__textarea {
  border-radius: 2px;
  border-width: 1px;
}

.lego-text-field--has-message.lego-validator--error .lego-text-field__input,
.lego-text-field--has-message.lego-validator--error .lego-text-field__textarea,
.lego-text-field--has-message.lego-validator--valid .lego-text-field__input,
.lego-text-field--has-message.lego-validator--valid .lego-text-field__textarea {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.lego-text-field__input,
.lego-text-field__textarea {
  border-color: #a5a7ad;
}
.lego-text-field__input:focus,
.lego-text-field__textarea:focus {
  border-color: #2C59D9;
}
.lego-text-field__input[readonly],
.lego-text-field__textarea[readonly] {
  background-color: #f7f7f7;
  -ms-user-select: none;
}
.lego-text-field__input:disabled,
.lego-text-field__textarea:disabled {
  background-color: #f3f4f4;
}

.lego-text-field__input::-moz-placeholder, .lego-text-field__textarea::-moz-placeholder {
  color: #a5a5a5;
}

.lego-text-field__input::placeholder,
.lego-text-field__textarea::placeholder {
  color: #a5a5a5;
}

:-ms-input-placeholder {
  color: #a5a5a5 !important;
}

::-ms-input-placeholder {
  color: #a5a5a5 !important;
}

.lego-text-field--small .lego-text-field__input--with-icon {
  padding-right: 34px;
}

.lego-text-field--medium .lego-text-field__input--with-icon {
  padding-right: 34px;
}

.lego-text-field--large .lego-text-field__input--with-icon {
  padding-right: 34px;
}

.lego-text-filed__input--only-eng {
  ime-mode: disabled;
}

.lego-text-field__icon-wrap {
  position: absolute;
  display: inline-flex;
  top: 0;
  bottom: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 1em;
  right: 10px;
  align-items: center;
}

.lego-text-field--small .lego-text-field__icon-wrap {
  font-size: 14px;
}

.lego-text-field--medium .lego-text-field__icon-wrap {
  font-size: 14px;
}

.lego-text-field--large .lego-text-field__icon-wrap {
  font-size: 14px;
}

.lego-text-field__icon-wrap__icon {
  cursor: pointer;
}

.lego-text-field__input::-ms-clear,
.lego-text-field__input::-ms-reveal {
  display: none;
}

.lego-text-field.lego-validator--valid .lego-text-field__input,
.lego-text-field.lego-validator--valid .lego-text-field__textarea {
  border-color: #4fce67;
}

.lego-text-field.lego-validator--error .lego-text-field__input,
.lego-text-field.lego-validator--error .lego-text-field__textarea {
  border-color: #fc434e;
}

.lego-text-field.lego-validator--shake > *:not(.lego-validator__message) {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

.lego-text-field__message {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  word-break: break-all;
  line-height: 16px;
  padding: 0;
  color: #a5a5a5;
  background-color: rgba(255, 255, 255, 0);
  font-size: 12px;
  border-radius: 0 0 2px 2px;
}

.lego-text-field__counter {
  position: relative;
  float: right;
}

.lego-validator--error .lego-text-field__message--heavy {
  color: #ffffff;
  background-color: #fc434e;
}

.lego-validator--valid .lego-text-field__message--heavy {
  color: #ffffff;
  background-color: #4fce67;
}

.lego-validator--error .lego-text-field__message--light {
  color: #fc434e;
  background-color: rgba(255, 255, 255, 0);
}

.lego-validator--valid .lego-text-field__message--light {
  color: #4fce67;
  background-color: rgba(255, 255, 255, 0);
}

.lego-validator--error .lego-text-field__message--light-one-line {
  color: #fc434e;
  background-color: rgba(255, 255, 255, 0);
  position: absolute;
  min-width: 300px;
}
.lego-validator--error .lego-text-field__message--light-one-line .lego-validator__message {
  margin-left: 0 !important;
}

.lego-validator--error .lego-text-field__message--heavy-one-line {
  color: #ffffff;
  background-color: #fc434e;
  position: absolute;
  min-width: 300px;
}

.lego-timepicker {
  height: 32px;
}

.lego-timepicker-time {
  float: left;
}

.lego-timepicker-meridiem {
  float: left;
  margin-left: 16px;
}

.lego-timepicker-time .lego-counter.lego-counter--medium > input {
  width: 32px;
  height: 32px;
}

.lego-timepicker-time .lego-counter + .lego-counter {
  margin-left: 8px;
}

.lego-timepicker-time > .lego-counter.lego-counter--medium > input {
  width: 32px;
  padding: 0;
}

.vue-notification-wrapper + .vue-notification-wrapper {
  margin-top: 8px;
}

.vue-notification__text {
  flex: 1 1 auto;
}

.vue-notification__close-btn {
  flex: 0 0 20px;
  cursor: pointer;
  margin-left: 8px;
}

/* @override vue-notification */
.vue-notification-group {
  margin-bottom: 40px;
}

.vue-notification-group .vue-notification-wrapper {
  padding: 16px 20px;
  font-size: 12px;
  color: #ffffff;
  background: rgba(31, 37, 51, 0.9);
  border-left: 7px solid transparent;
  border-radius: 6px;
  display: flex;
}

.lego-tooltip-outer-invisible-container {
  position: absolute;
  width: 0;
  height: 0;
  overflow: visible;
}

.lego-tooltip-invisible-container {
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
  margin: -1px;
  overflow: hidden;
  z-index: 1000;
}

.lego-tooltip-invisible-container--show {
  position: absolute;
  width: unset;
  height: unset;
  clip: unset;
  margin: auto;
  overflow: unset;
}

.lego-tooltip-anchor {
  position: absolute;
  z-index: 1000;
  width: 0;
  height: 0;
  overflow: visible;
}

.lego-tooltip-anchor::before {
  position: absolute;
  z-index: 1000;
  border-style: solid;
}

.lego-tooltip-anchor__arrow--left::before {
  content: "";
  width: 9px;
  height: 12px;
  border-width: 6px 0 6px 9px;
  border-color: transparent transparent transparent #1f2533;
  right: 0;
  top: -6px;
}

.lego-tooltip-anchor__arrow--right::before {
  content: "";
  width: 9px;
  height: 12px;
  border-width: 6px 9px 6px 0;
  border-color: transparent #1f2533 transparent transparent;
  left: 0;
  top: -6px;
}

.lego-tooltip-anchor__arrow--top::before {
  content: "";
  width: 12px;
  height: 9px;
  border-width: 9px 6px 0 6px;
  border-color: #1f2533 transparent transparent transparent;
  left: -6px;
  bottom: 0;
}

.lego-tooltip-anchor__arrow--bottom::before {
  content: "";
  width: 12px;
  height: 9px;
  border-width: 0 6px 9px 6px;
  border-color: transparent transparent #1f2533 transparent;
  left: -6px;
  top: 0;
}

.lego-tooltip-wrapper {
  position: absolute;
  z-index: 1000;
}

.lego-tooltip {
  position: relative;
  background-color: #1f2533;
  color: #ffffff;
  padding: 0 8px;
  font-size: 12px;
  font-style: normal;
  line-height: 30px;
  min-height: 30px;
  max-width: 366px;
  white-space: nowrap;
  display: inline-block;
  word-wrap: break-word;
}

.lego-tooltip--multiline {
  padding: 6px 12px;
  line-height: 22px;
}

.lego-tooltip--with-close {
  padding-right: 32px;
}

.lego-tooltip__close {
  position: absolute;
  cursor: pointer;
  top: 8px;
  right: 8px;
}

.lego-tree {
  border: 0;
  width: 100%;
  height: 100%;
  padding: 0 0 0 0;
}
.lego-tree__btn-group {
  padding: 0 0 0 0;
  position: relative;
  font-size: 0;
}
.lego-tree__divider {
  margin: 8px 0 10px 0;
  border: none;
  border-top: 1px solid #bbbdc1;
  overflow: visible;
}
.lego-tree__empty {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #959595;
  text-align: center;
  padding: 0 0;
}

.lego-tree__contents {
  padding: 0 0 0 0;
  height: calc(100% - 43px);
  overflow-y: auto;
}

.lego-tree-node + .lego-tree-node {
  margin-top: 16px;
}

.lego-tree-node .lego-tree-node {
  margin-top: 0;
}

.lego-tree-node {
  position: relative;
  width: 100%;
}

.lego-tree-node__contents {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */ /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
  position: relative;
  width: 100%;
  display: flex;
  height: 36px;
  font-size: 0;
  color: #1f2533;
}

.lego-tree-node__contents__toggle-button {
  height: 36px;
  width: 16px;
  flex: 0 0 auto;
}
.lego-tree-node__contents__toggle-button .lego-icon:hover {
  background-color: rgba(44, 89, 217, 0.2);
}

.lego-tree-node__contents__checkbox {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  flex: 0 0 auto;
}

.lego-tree-node__contents__checkbox--checked {
  color: #2C59D9;
}

.lego-tree-node__contents__label {
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  padding: 0 4px;
  flex: 0 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.lego-tree-node__contents__label .lego-tree-node__contents.lego-tree-node--drag-over {
  background-color: rgba(44, 89, 217, 0.4);
}

.lego-tree-node__contents__label--with-action-group {
  flex: 1 0 auto;
  max-width: calc(100% - 16px);
}

.lego-tree-node__contents__label--with-action-group:not(.lego-tree-node__contents__label--inline-edit):hover {
  padding-right: 40px;
}

.lego-tree-node__contents__label:not(.lego-tree-node__contents-label__label--inline-edit):hover {
  background-color: rgba(44, 89, 217, 0.2);
}

.lego-tree-node__contents--searched {
  color: #000000;
  font-weight: 700;
}

.lego-tree-node__contents--selected {
  color: #2C59D9;
  font-weight: 700;
}

.lego-tree-node__vertical-line {
  margin-left: 7px;
  padding-left: 12px;
  border-left: 1px solid #bbbdc1;
  position: relative;
}

.lego-tree-node__contents__action-group {
  display: none;
  cursor: default;
}

.lego-tree-node__contents__label--with-action-group:not(.lego-tree-node__contents__label--inline-edit):hover .lego-tree-node__contents__action-group {
  display: block;
  color: #1f2533;
  position: absolute;
  top: 0;
  right: 0;
}

.lego-tree-node__contents__action-icon {
  margin-right: 4px;
  height: 36px;
}

.lego-tree-node__contents__action-icon .lego-icon {
  cursor: pointer;
}

.lego-tree-node__header {
  height: 0px;
  width: 100%;
}

.lego-tree-node__header.lego-tree-node--drag-over {
  background: rgba(44, 89, 217, 0.4);
}

.lego-tree-node__footer {
  height: 0px;
  width: 100%;
}

.lego-tree-node__footer.lego-tree-node--drag-over {
  background: rgba(44, 89, 217, 0.4);
}

/* [AREA] Area style */
/* [AREA] General */
.lego-area {
  font-size: 1em;
  overflow: unset;
}

/* [AREA] Sub option */
.lego-area--full-page {
  width: 100%;
  height: calc(100vh - 326px);
}

.lego-area--left, .lego-area--right {
  display: inline-block;
}

/* [AREA] Bordered area */
.lego-area--bordered {
  border: 1px solid #dbdbdb;
}

/* [AREA] Dev mode */
.lego-area--dev {
  border: 5px dashed #dbdbdb;
  padding: 20px;
}

/* [AREA] for developer */
.lego-area__title {
  font-size: 20px;
  margin: 20px 0 10px 0;
  font-weight: 400;
}

.lego-dashboard-area.lego-area--dev {
  padding: 0px;
}
.lego-dashboard-area .lego-dashboard {
  min-height: 0;
}

/* [Title] */
.lego-box__title {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 16px;
  border-left: none;
  padding-left: 0px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.lego-box__title__text {
  margin-right: 8px;
}

.lego-box__title--toggleable {
  cursor: pointer;
}
.lego-box__title--toggleable .lego-box__title__text {
  cursor: pointer;
}
.lego-box__title--toggleable:hover {
  background: linear-gradient(to right, rgb(170.6, 188.6, 239.8), transparent);
}

.lego-box__title--collapsed {
  border-left-color: #b7b7b7;
  color: #848484;
}
.lego-box__title--collapsed.lego-box__title--toggleable:hover {
  background: linear-gradient(to right, #dbdbdb, transparent);
}

.lego-box + .lego-box {
  margin-top: 40px;
}

.lego-search-box + .lego-box {
  margin-top: 20px;
}

.lego-box--depth-2 {
  margin-left: 20px;
  margin-top: 20px;
}
.lego-box--depth-2 .lego-box__title {
  font-size: 18px;
}
.lego-box--depth-2 + .lego-box--depth-2 {
  margin-top: 30px;
}
.lego-box--depth-3 {
  margin-left: 20px;
  margin-top: 10px;
}
.lego-box--depth-3 .lego-box__title {
  font-size: 16px;
}
.lego-box--depth-3 + .lego-box--depth-3 {
  margin-top: 15px;
}
.lego-box--depth-4 {
  margin-left: 10px;
  margin-top: 10px;
}
.lego-box--depth-4 .lego-box__title {
  font-size: 16px;
}
.lego-box--depth-4 + .lego-box--depth-4 {
  margin-top: 10px;
}
.lego-box--depth-5 {
  margin-left: 10px;
  margin-top: 10px;
}
.lego-box--depth-5 .lego-box__title {
  font-size: 16px;
}
.lego-box--depth-5 + .lego-box--depth-5 {
  margin-top: 10px;
}
.lego-box--depth-6 {
  margin-left: 5px;
  margin-top: 10px;
}
.lego-box--depth-6 .lego-box__title {
  font-size: 16px;
}
.lego-box--depth-6 + .lego-box--depth-6 {
  margin-top: 10px;
}

/*.lego-box .lego-box {
    margin: $lego-gox__lego-box__margin;
    .lego-box__title {
        font-size: $lego-gox__lego-box__title__font-size;
        border-left-width: $lego-gox__lego-box__title__border-left-width;
    }
    .lego-box {
        .lego-box__title {
            font-size: $lego-gox__lego-box__lego-box__title__font-size;
            border-left-width: $lego-gox__lego-box__lego-box__title__border-left-width;
        }
    }
}*/

[class*=lego-box__container] .lego-box + .lego-box,
[class*=lego-box__area] .lego-box + .lego-box {
  margin-top: auto;
}

[class*=lego-box__area] {
  display: flex;
  align-items: stretch;
  box-sizing: border-box;
  position: relative;
  flex-wrap: wrap;
}

.guide-box [class*=lego-box__area] {
  outline: dashed 2px #12B886 !important;
}
.guide-box [class*=lego-box__area]:before {
  content: "box_area";
  color: #12B886;
  font-size: 16px;
  position: absolute;
  padding: 2px 6px;
  background-color: ghostwhite;
  z-index: 200;
  left: 0;
  top: 0;
  border: 1px solid;
  font-weight: normal;
  line-height: normal;
}

.lego-box {
  width: 100%;
}
.lego-box__container {
  display: flex;
  align-items: stretch;
  box-sizing: border-box;
  position: relative;
  flex-wrap: wrap;
  width: 100%;
}
.lego-box__area--1-of-2 {
  width: 50%;
}
.lego-box__area--1-of-3 {
  width: 33.3333333333%;
}
.lego-box__area--2-of-3 {
  width: 66.6666666667%;
}
.lego-box__area--1-of-4 {
  width: 25%;
}
.lego-box__area--2-of-4 {
  width: 50%;
}
.lego-box__area--3-of-4 {
  width: 75%;
}
.lego-box__area--1-of-5 {
  width: 20%;
}
.lego-box__area--2-of-5 {
  width: 40%;
}
.lego-box__area--3-of-5 {
  width: 60%;
}
.lego-box__area--4-of-5 {
  width: 80%;
}
.lego-box__area--1-of-6 {
  width: 16.6666666667%;
}
.lego-box__area--2-of-6 {
  width: 33.3333333333%;
}
.lego-box__area--3-of-6 {
  width: 50%;
}
.lego-box__area--4-of-6 {
  width: 66.6666666667%;
}
.lego-box__area--5-of-6 {
  width: 83.3333333333%;
}
.lego-box__area--1-of-7 {
  width: 14.2857142857%;
}
.lego-box__area--2-of-7 {
  width: 28.5714285714%;
}
.lego-box__area--3-of-7 {
  width: 42.8571428571%;
}
.lego-box__area--4-of-7 {
  width: 57.1428571429%;
}
.lego-box__area--5-of-7 {
  width: 71.4285714286%;
}
.lego-box__area--6-of-7 {
  width: 85.7142857143%;
}
.lego-box__area--1-of-8 {
  width: 12.5%;
}
.lego-box__area--2-of-8 {
  width: 25%;
}
.lego-box__area--3-of-8 {
  width: 37.5%;
}
.lego-box__area--4-of-8 {
  width: 50%;
}
.lego-box__area--5-of-8 {
  width: 62.5%;
}
.lego-box__area--6-of-8 {
  width: 75%;
}
.lego-box__area--7-of-8 {
  width: 87.5%;
}
.lego-box__area--1-of-9 {
  width: 11.1111111111%;
}
.lego-box__area--2-of-9 {
  width: 22.2222222222%;
}
.lego-box__area--3-of-9 {
  width: 33.3333333333%;
}
.lego-box__area--4-of-9 {
  width: 44.4444444444%;
}
.lego-box__area--5-of-9 {
  width: 55.5555555556%;
}
.lego-box__area--6-of-9 {
  width: 66.6666666667%;
}
.lego-box__area--7-of-9 {
  width: 77.7777777778%;
}
.lego-box__area--8-of-9 {
  width: 88.8888888889%;
}
.lego-box__area--1-of-10 {
  width: 10%;
}
.lego-box__area--2-of-10 {
  width: 20%;
}
.lego-box__area--3-of-10 {
  width: 30%;
}
.lego-box__area--4-of-10 {
  width: 40%;
}
.lego-box__area--5-of-10 {
  width: 50%;
}
.lego-box__area--6-of-10 {
  width: 60%;
}
.lego-box__area--7-of-10 {
  width: 70%;
}
.lego-box__area--8-of-10 {
  width: 80%;
}
.lego-box__area--9-of-10 {
  width: 90%;
}
.lego-box__area--1-of-11 {
  width: 9.0909090909%;
}
.lego-box__area--2-of-11 {
  width: 18.1818181818%;
}
.lego-box__area--3-of-11 {
  width: 27.2727272727%;
}
.lego-box__area--4-of-11 {
  width: 36.3636363636%;
}
.lego-box__area--5-of-11 {
  width: 45.4545454545%;
}
.lego-box__area--6-of-11 {
  width: 54.5454545455%;
}
.lego-box__area--7-of-11 {
  width: 63.6363636364%;
}
.lego-box__area--8-of-11 {
  width: 72.7272727273%;
}
.lego-box__area--9-of-11 {
  width: 81.8181818182%;
}
.lego-box__area--10-of-11 {
  width: 90.9090909091%;
}
.lego-box__area--all {
  width: 100%;
}
.lego-box__area--remained {
  flex: 1;
}
.lego-box__area--no-flex {
  display: block;
  align-items: unset;
  flex-wrap: unset;
}
.lego-box__area--default-padding {
  padding: 8px 8px;
  align-items: center;
}
.lego-box__area--default-padding > *:not([class*=lego-box__area--default-padding]) {
  margin-right: 8px;
}
.lego-box__area--default-padding > *:not([class*=lego-box__area--default-padding]):last-child {
  margin-right: 0;
}
.lego-box__area--default-padding.lego-box__direction--column > *:not([class*=lego-box__area--default-padding]) {
  margin-bottom: 8px;
}
.lego-box__area--default-padding.lego-box__direction--column > *:not([class*=lego-box__area--default-padding]):last-child {
  margin-bottom: 0;
}
.lego-box__area--default-padding.lego-box__direction--column > *:not([class*=lego-box__area--default-padding]) > *:not([class*=lego-box__area--default-padding]) {
  margin-right: 0;
}
.lego-box__area--space-between {
  width: calc(100% + 16px);
  margin-left: -8px;
}
.lego-box__area--space-between .lego-box__area--1-of-2 {
  width: calc(50% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between {
  width: calc(100% + 16px);
  margin-left: -8px;
}
.lego-box__area--space-between .lego-box__area--1-of-3 {
  width: calc(33.3333333333% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--2-of-3 {
  width: calc(66.6666666667% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between {
  width: calc(100% + 16px);
  margin-left: -8px;
}
.lego-box__area--space-between .lego-box__area--1-of-4 {
  width: calc(25% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--2-of-4 {
  width: calc(50% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--3-of-4 {
  width: calc(75% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between {
  width: calc(100% + 16px);
  margin-left: -8px;
}
.lego-box__area--space-between .lego-box__area--1-of-5 {
  width: calc(20% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--2-of-5 {
  width: calc(40% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--3-of-5 {
  width: calc(60% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--4-of-5 {
  width: calc(80% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between {
  width: calc(100% + 16px);
  margin-left: -8px;
}
.lego-box__area--space-between .lego-box__area--1-of-6 {
  width: calc(16.6666666667% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--2-of-6 {
  width: calc(33.3333333333% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--3-of-6 {
  width: calc(50% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--4-of-6 {
  width: calc(66.6666666667% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--5-of-6 {
  width: calc(83.3333333333% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between {
  width: calc(100% + 16px);
  margin-left: -8px;
}
.lego-box__area--space-between .lego-box__area--1-of-7 {
  width: calc(14.2857142857% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--2-of-7 {
  width: calc(28.5714285714% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--3-of-7 {
  width: calc(42.8571428571% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--4-of-7 {
  width: calc(57.1428571429% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--5-of-7 {
  width: calc(71.4285714286% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--6-of-7 {
  width: calc(85.7142857143% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between {
  width: calc(100% + 16px);
  margin-left: -8px;
}
.lego-box__area--space-between .lego-box__area--1-of-8 {
  width: calc(12.5% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--2-of-8 {
  width: calc(25% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--3-of-8 {
  width: calc(37.5% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--4-of-8 {
  width: calc(50% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--5-of-8 {
  width: calc(62.5% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--6-of-8 {
  width: calc(75% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--7-of-8 {
  width: calc(87.5% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between {
  width: calc(100% + 16px);
  margin-left: -8px;
}
.lego-box__area--space-between .lego-box__area--1-of-9 {
  width: calc(11.1111111111% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--2-of-9 {
  width: calc(22.2222222222% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--3-of-9 {
  width: calc(33.3333333333% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--4-of-9 {
  width: calc(44.4444444444% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--5-of-9 {
  width: calc(55.5555555556% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--6-of-9 {
  width: calc(66.6666666667% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--7-of-9 {
  width: calc(77.7777777778% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--8-of-9 {
  width: calc(88.8888888889% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between {
  width: calc(100% + 16px);
  margin-left: -8px;
}
.lego-box__area--space-between .lego-box__area--1-of-10 {
  width: calc(10% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--2-of-10 {
  width: calc(20% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--3-of-10 {
  width: calc(30% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--4-of-10 {
  width: calc(40% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--5-of-10 {
  width: calc(50% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--6-of-10 {
  width: calc(60% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--7-of-10 {
  width: calc(70% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--8-of-10 {
  width: calc(80% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--9-of-10 {
  width: calc(90% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between {
  width: calc(100% + 16px);
  margin-left: -8px;
}
.lego-box__area--space-between .lego-box__area--1-of-11 {
  width: calc(9.0909090909% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--2-of-11 {
  width: calc(18.1818181818% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--3-of-11 {
  width: calc(27.2727272727% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--4-of-11 {
  width: calc(36.3636363636% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--5-of-11 {
  width: calc(45.4545454545% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--6-of-11 {
  width: calc(54.5454545455% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--7-of-11 {
  width: calc(63.6363636364% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--8-of-11 {
  width: calc(72.7272727273% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--9-of-11 {
  width: calc(81.8181818182% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between .lego-box__area--10-of-11 {
  width: calc(90.9090909091% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
.lego-box__area--space-between--vertical-margin > [class*=lego-box__area] {
  margin-bottom: 16px;
}
.lego-box__area--no-flex {
  display: block;
  align-items: unset;
  flex-wrap: unset;
}
.lego-box__direction--column {
  flex-direction: column;
  align-items: flex-start;
}
.lego-box__direction--row {
  flex-direction: row;
  align-items: center;
}
.lego-box__align-x--start {
  display: flex;
  justify-content: flex-start;
}
.lego-box__align-x--center {
  display: flex;
  justify-content: center;
}
.lego-box__align-x--end {
  display: flex;
  justify-content: flex-end;
}
.lego-box__align-y--start {
  display: flex;
  align-items: flex-start;
}
.lego-box__align-y--center {
  display: flex;
  align-items: center;
}
.lego-box__align-y--end {
  display: flex;
  align-items: flex-end;
}
.lego-box__align-y--baseline {
  display: flex;
  align-items: baseline;
}
.lego-box__align-y--stretch {
  display: flex;
  align-items: stretch;
}
.lego-box__label {
  max-width: 200px;
}
.lego-box__input {
  padding-right: 8px;
}
.lego-box__input--md-padding {
  padding-right: 24px;
}
.lego-box__input--lg-padding {
  padding-right: 48px;
}

@media screen and (min-width: 1600px) {
  .lego-box__area--lg--1-of-2 {
    width: 50%;
  }
  .lego-box__area--lg--1-of-3 {
    width: 33.3333333333%;
  }
  .lego-box__area--lg--2-of-3 {
    width: 66.6666666667%;
  }
  .lego-box__area--lg--1-of-4 {
    width: 25%;
  }
  .lego-box__area--lg--2-of-4 {
    width: 50%;
  }
  .lego-box__area--lg--3-of-4 {
    width: 75%;
  }
  .lego-box__area--lg--1-of-5 {
    width: 20%;
  }
  .lego-box__area--lg--2-of-5 {
    width: 40%;
  }
  .lego-box__area--lg--3-of-5 {
    width: 60%;
  }
  .lego-box__area--lg--4-of-5 {
    width: 80%;
  }
  .lego-box__area--lg--1-of-6 {
    width: 16.6666666667%;
  }
  .lego-box__area--lg--2-of-6 {
    width: 33.3333333333%;
  }
  .lego-box__area--lg--3-of-6 {
    width: 50%;
  }
  .lego-box__area--lg--4-of-6 {
    width: 66.6666666667%;
  }
  .lego-box__area--lg--5-of-6 {
    width: 83.3333333333%;
  }
  .lego-box__area--lg--1-of-7 {
    width: 14.2857142857%;
  }
  .lego-box__area--lg--2-of-7 {
    width: 28.5714285714%;
  }
  .lego-box__area--lg--3-of-7 {
    width: 42.8571428571%;
  }
  .lego-box__area--lg--4-of-7 {
    width: 57.1428571429%;
  }
  .lego-box__area--lg--5-of-7 {
    width: 71.4285714286%;
  }
  .lego-box__area--lg--6-of-7 {
    width: 85.7142857143%;
  }
  .lego-box__area--lg--1-of-8 {
    width: 12.5%;
  }
  .lego-box__area--lg--2-of-8 {
    width: 25%;
  }
  .lego-box__area--lg--3-of-8 {
    width: 37.5%;
  }
  .lego-box__area--lg--4-of-8 {
    width: 50%;
  }
  .lego-box__area--lg--5-of-8 {
    width: 62.5%;
  }
  .lego-box__area--lg--6-of-8 {
    width: 75%;
  }
  .lego-box__area--lg--7-of-8 {
    width: 87.5%;
  }
  .lego-box__area--lg--1-of-9 {
    width: 11.1111111111%;
  }
  .lego-box__area--lg--2-of-9 {
    width: 22.2222222222%;
  }
  .lego-box__area--lg--3-of-9 {
    width: 33.3333333333%;
  }
  .lego-box__area--lg--4-of-9 {
    width: 44.4444444444%;
  }
  .lego-box__area--lg--5-of-9 {
    width: 55.5555555556%;
  }
  .lego-box__area--lg--6-of-9 {
    width: 66.6666666667%;
  }
  .lego-box__area--lg--7-of-9 {
    width: 77.7777777778%;
  }
  .lego-box__area--lg--8-of-9 {
    width: 88.8888888889%;
  }
  .lego-box__area--lg--1-of-10 {
    width: 10%;
  }
  .lego-box__area--lg--2-of-10 {
    width: 20%;
  }
  .lego-box__area--lg--3-of-10 {
    width: 30%;
  }
  .lego-box__area--lg--4-of-10 {
    width: 40%;
  }
  .lego-box__area--lg--5-of-10 {
    width: 50%;
  }
  .lego-box__area--lg--6-of-10 {
    width: 60%;
  }
  .lego-box__area--lg--7-of-10 {
    width: 70%;
  }
  .lego-box__area--lg--8-of-10 {
    width: 80%;
  }
  .lego-box__area--lg--9-of-10 {
    width: 90%;
  }
  .lego-box__area--lg--1-of-11 {
    width: 9.0909090909%;
  }
  .lego-box__area--lg--2-of-11 {
    width: 18.1818181818%;
  }
  .lego-box__area--lg--3-of-11 {
    width: 27.2727272727%;
  }
  .lego-box__area--lg--4-of-11 {
    width: 36.3636363636%;
  }
  .lego-box__area--lg--5-of-11 {
    width: 45.4545454545%;
  }
  .lego-box__area--lg--6-of-11 {
    width: 54.5454545455%;
  }
  .lego-box__area--lg--7-of-11 {
    width: 63.6363636364%;
  }
  .lego-box__area--lg--8-of-11 {
    width: 72.7272727273%;
  }
  .lego-box__area--lg--9-of-11 {
    width: 81.8181818182%;
  }
  .lego-box__area--lg--10-of-11 {
    width: 90.9090909091%;
  }
  .lego-box__area--space-between {
    width: calc(100% + 16px);
    margin-left: -8px;
  }
  .lego-box__area--space-between .lego-box__area--1-of-2--lg {
    width: calc(50% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between {
    width: calc(100% + 16px);
    margin-left: -8px;
  }
  .lego-box__area--space-between .lego-box__area--1-of-3--lg {
    width: calc(33.3333333333% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--2-of-3--lg {
    width: calc(66.6666666667% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between {
    width: calc(100% + 16px);
    margin-left: -8px;
  }
  .lego-box__area--space-between .lego-box__area--1-of-4--lg {
    width: calc(25% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--2-of-4--lg {
    width: calc(50% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--3-of-4--lg {
    width: calc(75% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between {
    width: calc(100% + 16px);
    margin-left: -8px;
  }
  .lego-box__area--space-between .lego-box__area--1-of-5--lg {
    width: calc(20% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--2-of-5--lg {
    width: calc(40% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--3-of-5--lg {
    width: calc(60% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--4-of-5--lg {
    width: calc(80% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between {
    width: calc(100% + 16px);
    margin-left: -8px;
  }
  .lego-box__area--space-between .lego-box__area--1-of-6--lg {
    width: calc(16.6666666667% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--2-of-6--lg {
    width: calc(33.3333333333% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--3-of-6--lg {
    width: calc(50% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--4-of-6--lg {
    width: calc(66.6666666667% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--5-of-6--lg {
    width: calc(83.3333333333% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between {
    width: calc(100% + 16px);
    margin-left: -8px;
  }
  .lego-box__area--space-between .lego-box__area--1-of-7--lg {
    width: calc(14.2857142857% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--2-of-7--lg {
    width: calc(28.5714285714% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--3-of-7--lg {
    width: calc(42.8571428571% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--4-of-7--lg {
    width: calc(57.1428571429% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--5-of-7--lg {
    width: calc(71.4285714286% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--6-of-7--lg {
    width: calc(85.7142857143% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between {
    width: calc(100% + 16px);
    margin-left: -8px;
  }
  .lego-box__area--space-between .lego-box__area--1-of-8--lg {
    width: calc(12.5% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--2-of-8--lg {
    width: calc(25% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--3-of-8--lg {
    width: calc(37.5% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--4-of-8--lg {
    width: calc(50% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--5-of-8--lg {
    width: calc(62.5% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--6-of-8--lg {
    width: calc(75% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--7-of-8--lg {
    width: calc(87.5% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between {
    width: calc(100% + 16px);
    margin-left: -8px;
  }
  .lego-box__area--space-between .lego-box__area--1-of-9--lg {
    width: calc(11.1111111111% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--2-of-9--lg {
    width: calc(22.2222222222% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--3-of-9--lg {
    width: calc(33.3333333333% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--4-of-9--lg {
    width: calc(44.4444444444% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--5-of-9--lg {
    width: calc(55.5555555556% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--6-of-9--lg {
    width: calc(66.6666666667% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--7-of-9--lg {
    width: calc(77.7777777778% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--8-of-9--lg {
    width: calc(88.8888888889% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between {
    width: calc(100% + 16px);
    margin-left: -8px;
  }
  .lego-box__area--space-between .lego-box__area--1-of-10--lg {
    width: calc(10% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--2-of-10--lg {
    width: calc(20% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--3-of-10--lg {
    width: calc(30% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--4-of-10--lg {
    width: calc(40% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--5-of-10--lg {
    width: calc(50% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--6-of-10--lg {
    width: calc(60% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--7-of-10--lg {
    width: calc(70% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--8-of-10--lg {
    width: calc(80% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--9-of-10--lg {
    width: calc(90% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between {
    width: calc(100% + 16px);
    margin-left: -8px;
  }
  .lego-box__area--space-between .lego-box__area--1-of-11--lg {
    width: calc(9.0909090909% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--2-of-11--lg {
    width: calc(18.1818181818% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--3-of-11--lg {
    width: calc(27.2727272727% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--4-of-11--lg {
    width: calc(36.3636363636% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--5-of-11--lg {
    width: calc(45.4545454545% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--6-of-11--lg {
    width: calc(54.5454545455% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--7-of-11--lg {
    width: calc(63.6363636364% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--8-of-11--lg {
    width: calc(72.7272727273% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--9-of-11--lg {
    width: calc(81.8181818182% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--10-of-11--lg {
    width: calc(90.9090909091% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
}
@media screen and (min-width: 1920px) {
  .lego-box__area--xl--1-of-2 {
    width: 50%;
  }
  .lego-box__area--xl--1-of-3 {
    width: 33.3333333333%;
  }
  .lego-box__area--xl--2-of-3 {
    width: 66.6666666667%;
  }
  .lego-box__area--xl--1-of-4 {
    width: 25%;
  }
  .lego-box__area--xl--2-of-4 {
    width: 50%;
  }
  .lego-box__area--xl--3-of-4 {
    width: 75%;
  }
  .lego-box__area--xl--1-of-5 {
    width: 20%;
  }
  .lego-box__area--xl--2-of-5 {
    width: 40%;
  }
  .lego-box__area--xl--3-of-5 {
    width: 60%;
  }
  .lego-box__area--xl--4-of-5 {
    width: 80%;
  }
  .lego-box__area--xl--1-of-6 {
    width: 16.6666666667%;
  }
  .lego-box__area--xl--2-of-6 {
    width: 33.3333333333%;
  }
  .lego-box__area--xl--3-of-6 {
    width: 50%;
  }
  .lego-box__area--xl--4-of-6 {
    width: 66.6666666667%;
  }
  .lego-box__area--xl--5-of-6 {
    width: 83.3333333333%;
  }
  .lego-box__area--xl--1-of-7 {
    width: 14.2857142857%;
  }
  .lego-box__area--xl--2-of-7 {
    width: 28.5714285714%;
  }
  .lego-box__area--xl--3-of-7 {
    width: 42.8571428571%;
  }
  .lego-box__area--xl--4-of-7 {
    width: 57.1428571429%;
  }
  .lego-box__area--xl--5-of-7 {
    width: 71.4285714286%;
  }
  .lego-box__area--xl--6-of-7 {
    width: 85.7142857143%;
  }
  .lego-box__area--xl--1-of-8 {
    width: 12.5%;
  }
  .lego-box__area--xl--2-of-8 {
    width: 25%;
  }
  .lego-box__area--xl--3-of-8 {
    width: 37.5%;
  }
  .lego-box__area--xl--4-of-8 {
    width: 50%;
  }
  .lego-box__area--xl--5-of-8 {
    width: 62.5%;
  }
  .lego-box__area--xl--6-of-8 {
    width: 75%;
  }
  .lego-box__area--xl--7-of-8 {
    width: 87.5%;
  }
  .lego-box__area--xl--1-of-9 {
    width: 11.1111111111%;
  }
  .lego-box__area--xl--2-of-9 {
    width: 22.2222222222%;
  }
  .lego-box__area--xl--3-of-9 {
    width: 33.3333333333%;
  }
  .lego-box__area--xl--4-of-9 {
    width: 44.4444444444%;
  }
  .lego-box__area--xl--5-of-9 {
    width: 55.5555555556%;
  }
  .lego-box__area--xl--6-of-9 {
    width: 66.6666666667%;
  }
  .lego-box__area--xl--7-of-9 {
    width: 77.7777777778%;
  }
  .lego-box__area--xl--8-of-9 {
    width: 88.8888888889%;
  }
  .lego-box__area--xl--1-of-10 {
    width: 10%;
  }
  .lego-box__area--xl--2-of-10 {
    width: 20%;
  }
  .lego-box__area--xl--3-of-10 {
    width: 30%;
  }
  .lego-box__area--xl--4-of-10 {
    width: 40%;
  }
  .lego-box__area--xl--5-of-10 {
    width: 50%;
  }
  .lego-box__area--xl--6-of-10 {
    width: 60%;
  }
  .lego-box__area--xl--7-of-10 {
    width: 70%;
  }
  .lego-box__area--xl--8-of-10 {
    width: 80%;
  }
  .lego-box__area--xl--9-of-10 {
    width: 90%;
  }
  .lego-box__area--xl--1-of-11 {
    width: 9.0909090909%;
  }
  .lego-box__area--xl--2-of-11 {
    width: 18.1818181818%;
  }
  .lego-box__area--xl--3-of-11 {
    width: 27.2727272727%;
  }
  .lego-box__area--xl--4-of-11 {
    width: 36.3636363636%;
  }
  .lego-box__area--xl--5-of-11 {
    width: 45.4545454545%;
  }
  .lego-box__area--xl--6-of-11 {
    width: 54.5454545455%;
  }
  .lego-box__area--xl--7-of-11 {
    width: 63.6363636364%;
  }
  .lego-box__area--xl--8-of-11 {
    width: 72.7272727273%;
  }
  .lego-box__area--xl--9-of-11 {
    width: 81.8181818182%;
  }
  .lego-box__area--xl--10-of-11 {
    width: 90.9090909091%;
  }
  .lego-box__area--space-between {
    width: calc(100% + 16px);
    margin-left: -8px;
  }
  .lego-box__area--space-between .lego-box__area--1-of-2--xl {
    width: calc(50% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between {
    width: calc(100% + 16px);
    margin-left: -8px;
  }
  .lego-box__area--space-between .lego-box__area--1-of-3--xl {
    width: calc(33.3333333333% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--2-of-3--xl {
    width: calc(66.6666666667% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between {
    width: calc(100% + 16px);
    margin-left: -8px;
  }
  .lego-box__area--space-between .lego-box__area--1-of-4--xl {
    width: calc(25% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--2-of-4--xl {
    width: calc(50% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--3-of-4--xl {
    width: calc(75% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between {
    width: calc(100% + 16px);
    margin-left: -8px;
  }
  .lego-box__area--space-between .lego-box__area--1-of-5--xl {
    width: calc(20% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--2-of-5--xl {
    width: calc(40% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--3-of-5--xl {
    width: calc(60% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--4-of-5--xl {
    width: calc(80% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between {
    width: calc(100% + 16px);
    margin-left: -8px;
  }
  .lego-box__area--space-between .lego-box__area--1-of-6--xl {
    width: calc(16.6666666667% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--2-of-6--xl {
    width: calc(33.3333333333% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--3-of-6--xl {
    width: calc(50% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--4-of-6--xl {
    width: calc(66.6666666667% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--5-of-6--xl {
    width: calc(83.3333333333% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between {
    width: calc(100% + 16px);
    margin-left: -8px;
  }
  .lego-box__area--space-between .lego-box__area--1-of-7--xl {
    width: calc(14.2857142857% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--2-of-7--xl {
    width: calc(28.5714285714% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--3-of-7--xl {
    width: calc(42.8571428571% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--4-of-7--xl {
    width: calc(57.1428571429% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--5-of-7--xl {
    width: calc(71.4285714286% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--6-of-7--xl {
    width: calc(85.7142857143% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between {
    width: calc(100% + 16px);
    margin-left: -8px;
  }
  .lego-box__area--space-between .lego-box__area--1-of-8--xl {
    width: calc(12.5% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--2-of-8--xl {
    width: calc(25% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--3-of-8--xl {
    width: calc(37.5% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--4-of-8--xl {
    width: calc(50% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--5-of-8--xl {
    width: calc(62.5% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--6-of-8--xl {
    width: calc(75% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--7-of-8--xl {
    width: calc(87.5% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between {
    width: calc(100% + 16px);
    margin-left: -8px;
  }
  .lego-box__area--space-between .lego-box__area--1-of-9--xl {
    width: calc(11.1111111111% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--2-of-9--xl {
    width: calc(22.2222222222% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--3-of-9--xl {
    width: calc(33.3333333333% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--4-of-9--xl {
    width: calc(44.4444444444% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--5-of-9--xl {
    width: calc(55.5555555556% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--6-of-9--xl {
    width: calc(66.6666666667% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--7-of-9--xl {
    width: calc(77.7777777778% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--8-of-9--xl {
    width: calc(88.8888888889% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between {
    width: calc(100% + 16px);
    margin-left: -8px;
  }
  .lego-box__area--space-between .lego-box__area--1-of-10--xl {
    width: calc(10% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--2-of-10--xl {
    width: calc(20% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--3-of-10--xl {
    width: calc(30% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--4-of-10--xl {
    width: calc(40% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--5-of-10--xl {
    width: calc(50% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--6-of-10--xl {
    width: calc(60% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--7-of-10--xl {
    width: calc(70% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--8-of-10--xl {
    width: calc(80% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--9-of-10--xl {
    width: calc(90% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between {
    width: calc(100% + 16px);
    margin-left: -8px;
  }
  .lego-box__area--space-between .lego-box__area--1-of-11--xl {
    width: calc(9.0909090909% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--2-of-11--xl {
    width: calc(18.1818181818% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--3-of-11--xl {
    width: calc(27.2727272727% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--4-of-11--xl {
    width: calc(36.3636363636% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--5-of-11--xl {
    width: calc(45.4545454545% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--6-of-11--xl {
    width: calc(54.5454545455% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--7-of-11--xl {
    width: calc(63.6363636364% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--8-of-11--xl {
    width: calc(72.7272727273% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--9-of-11--xl {
    width: calc(81.8181818182% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
  .lego-box__area--space-between .lego-box__area--10-of-11--xl {
    width: calc(90.9090909091% - 16px);
    margin-left: 8px;
    margin-right: 8px;
  }
}
.lego-dashboard {
  position: relative;
  min-height: 300px;
  height: 100%;
}

.lego-dashboard-item {
  position: absolute;
}

.lego-dashboard__dev {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px dashed #dbdbdb;
}

.lego-dashboard__dev-gl {
  position: absolute;
  border-top: 1px dashed #dbdbdb;
  border-right: 1px dashed #dbdbdb;
}

/*[]*/
.lego-dashboard-item--align-center {
  display: flex;
  align-items: center;
}
.lego-dashboard-item--align-center > * {
  flex-basis: 100%;
}

.lego-dashboard__dev-shadow {
  position: absolute;
  background: #2E86C1;
  opacity: 0.5;
  -moz-filter: blur(5px);
  -ms-filter: blur(5px);
  -o-filter: blur(5px);
  filter: blur(5px);
}

[class*=lego-grid__col] {
  margin-left: 8px;
  margin-right: 8px;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
  position: relative;
}

.guide-col [class*=lego-grid__col] {
  outline: dashed 2px #228AE6 !important;
}
.guide-col [class*=lego-grid__col]:before {
  content: "column";
  color: #228AE6;
  font-size: 16px;
  position: absolute;
  padding: 2px 6px;
  background-color: ghostwhite;
  z-index: 200;
  left: 0;
  top: 0;
  font-weight: normal;
  line-height: normal;
}
.guide-col .lego-grid__indicator [class*=lego-grid__col]:before {
  content: "";
  display: none;
}
.guide-col .lego-grid__indicator [class*=lego-grid__col] {
  border: none !important;
  outline: none !important;
}
.guide-col .lego-grid__indicator .lego-grid__indicator-number {
  font-size: 20px;
  font-weight: bold;
}

.guide-row [class*=lego-grid__row] {
  outline: dashed 2px #D05D4E;
}
.guide-row [class*=lego-grid__row]:before {
  content: "row";
  color: #D05D4E;
  font-size: 16px;
  position: absolute;
  padding: 2px 6px;
  background-color: ghostwhite;
  z-index: 200;
  left: 0;
  top: 0;
  font-weight: normal;
  line-height: normal;
}

.lego-grid {
  width: 100%;
  box-sizing: border-box;
  display: block;
  position: relative;
}
.lego-grid .lego-grid__row {
  width: calc(100% + 16px);
  margin-left: -8px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start;
}
.lego-grid__col--all {
  width: calc(100% - 16px);
}
.lego-grid__col--1 {
  width: calc(8.3333333333% - 16px);
}
.lego-grid__col--1.lego-grid__col--square {
  padding-bottom: calc(8.3333333333% - 16px);
}
.lego-grid__col--2 {
  width: calc(16.6666666667% - 16px);
}
.lego-grid__col--2.lego-grid__col--square {
  padding-bottom: calc(16.6666666667% - 16px);
}
.lego-grid__col--3 {
  width: calc(25% - 16px);
}
.lego-grid__col--3.lego-grid__col--square {
  padding-bottom: calc(25% - 16px);
}
.lego-grid__col--4 {
  width: calc(33.3333333333% - 16px);
}
.lego-grid__col--4.lego-grid__col--square {
  padding-bottom: calc(33.3333333333% - 16px);
}
.lego-grid__col--5 {
  width: calc(41.6666666667% - 16px);
}
.lego-grid__col--5.lego-grid__col--square {
  padding-bottom: calc(41.6666666667% - 16px);
}
.lego-grid__col--6 {
  width: calc(50% - 16px);
}
.lego-grid__col--6.lego-grid__col--square {
  padding-bottom: calc(50% - 16px);
}
.lego-grid__col--7 {
  width: calc(58.3333333333% - 16px);
}
.lego-grid__col--7.lego-grid__col--square {
  padding-bottom: calc(58.3333333333% - 16px);
}
.lego-grid__col--8 {
  width: calc(66.6666666667% - 16px);
}
.lego-grid__col--8.lego-grid__col--square {
  padding-bottom: calc(66.6666666667% - 16px);
}
.lego-grid__col--9 {
  width: calc(75% - 16px);
}
.lego-grid__col--9.lego-grid__col--square {
  padding-bottom: calc(75% - 16px);
}
.lego-grid__col--10 {
  width: calc(83.3333333333% - 16px);
}
.lego-grid__col--10.lego-grid__col--square {
  padding-bottom: calc(83.3333333333% - 16px);
}
.lego-grid__col--11 {
  width: calc(91.6666666667% - 16px);
}
.lego-grid__col--11.lego-grid__col--square {
  padding-bottom: calc(91.6666666667% - 16px);
}
.lego-grid__col--12 {
  width: calc(100% - 16px);
}
.lego-grid__col--12.lego-grid__col--square {
  padding-bottom: calc(100% - 16px);
}
.lego-grid__indicator {
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  height: 100%;
  overflow: hidden;
  z-index: 600;
}
.lego-grid__indicator > .lego-grid__row {
  height: 100%;
  border: none;
}
.lego-grid__indicator > .lego-grid__row > [class*=lego-grid__col] {
  background-color: rgba(213, 56, 58, 0.1);
  border: 1px dotted rgba(213, 56, 58, 0.5);
  height: 100%;
}

@media screen and (min-width: 1600px) {
  .lego-grid__col--1--lg {
    width: calc(8.3333333333% - 16px);
  }
  .lego-grid__col--1--lg.lego-grid__col--square {
    padding-bottom: calc(8.3333333333% - 16px);
  }
  .lego-grid__col--2--lg {
    width: calc(16.6666666667% - 16px);
  }
  .lego-grid__col--2--lg.lego-grid__col--square {
    padding-bottom: calc(16.6666666667% - 16px);
  }
  .lego-grid__col--3--lg {
    width: calc(25% - 16px);
  }
  .lego-grid__col--3--lg.lego-grid__col--square {
    padding-bottom: calc(25% - 16px);
  }
  .lego-grid__col--4--lg {
    width: calc(33.3333333333% - 16px);
  }
  .lego-grid__col--4--lg.lego-grid__col--square {
    padding-bottom: calc(33.3333333333% - 16px);
  }
  .lego-grid__col--5--lg {
    width: calc(41.6666666667% - 16px);
  }
  .lego-grid__col--5--lg.lego-grid__col--square {
    padding-bottom: calc(41.6666666667% - 16px);
  }
  .lego-grid__col--6--lg {
    width: calc(50% - 16px);
  }
  .lego-grid__col--6--lg.lego-grid__col--square {
    padding-bottom: calc(50% - 16px);
  }
  .lego-grid__col--7--lg {
    width: calc(58.3333333333% - 16px);
  }
  .lego-grid__col--7--lg.lego-grid__col--square {
    padding-bottom: calc(58.3333333333% - 16px);
  }
  .lego-grid__col--8--lg {
    width: calc(66.6666666667% - 16px);
  }
  .lego-grid__col--8--lg.lego-grid__col--square {
    padding-bottom: calc(66.6666666667% - 16px);
  }
  .lego-grid__col--9--lg {
    width: calc(75% - 16px);
  }
  .lego-grid__col--9--lg.lego-grid__col--square {
    padding-bottom: calc(75% - 16px);
  }
  .lego-grid__col--10--lg {
    width: calc(83.3333333333% - 16px);
  }
  .lego-grid__col--10--lg.lego-grid__col--square {
    padding-bottom: calc(83.3333333333% - 16px);
  }
  .lego-grid__col--11--lg {
    width: calc(91.6666666667% - 16px);
  }
  .lego-grid__col--11--lg.lego-grid__col--square {
    padding-bottom: calc(91.6666666667% - 16px);
  }
  .lego-grid__col--12--lg {
    width: calc(100% - 16px);
  }
  .lego-grid__col--12--lg.lego-grid__col--square {
    padding-bottom: calc(100% - 16px);
  }
}
@media screen and (min-width: 1920px) {
  .lego-grid__col--1--xl {
    width: calc(8.3333333333% - 16px);
  }
  .lego-grid__col--1--xl.lego-grid__col--square {
    padding-bottom: calc(8.3333333333% - 16px);
  }
  .lego-grid__col--2--xl {
    width: calc(16.6666666667% - 16px);
  }
  .lego-grid__col--2--xl.lego-grid__col--square {
    padding-bottom: calc(16.6666666667% - 16px);
  }
  .lego-grid__col--3--xl {
    width: calc(25% - 16px);
  }
  .lego-grid__col--3--xl.lego-grid__col--square {
    padding-bottom: calc(25% - 16px);
  }
  .lego-grid__col--4--xl {
    width: calc(33.3333333333% - 16px);
  }
  .lego-grid__col--4--xl.lego-grid__col--square {
    padding-bottom: calc(33.3333333333% - 16px);
  }
  .lego-grid__col--5--xl {
    width: calc(41.6666666667% - 16px);
  }
  .lego-grid__col--5--xl.lego-grid__col--square {
    padding-bottom: calc(41.6666666667% - 16px);
  }
  .lego-grid__col--6--xl {
    width: calc(50% - 16px);
  }
  .lego-grid__col--6--xl.lego-grid__col--square {
    padding-bottom: calc(50% - 16px);
  }
  .lego-grid__col--7--xl {
    width: calc(58.3333333333% - 16px);
  }
  .lego-grid__col--7--xl.lego-grid__col--square {
    padding-bottom: calc(58.3333333333% - 16px);
  }
  .lego-grid__col--8--xl {
    width: calc(66.6666666667% - 16px);
  }
  .lego-grid__col--8--xl.lego-grid__col--square {
    padding-bottom: calc(66.6666666667% - 16px);
  }
  .lego-grid__col--9--xl {
    width: calc(75% - 16px);
  }
  .lego-grid__col--9--xl.lego-grid__col--square {
    padding-bottom: calc(75% - 16px);
  }
  .lego-grid__col--10--xl {
    width: calc(83.3333333333% - 16px);
  }
  .lego-grid__col--10--xl.lego-grid__col--square {
    padding-bottom: calc(83.3333333333% - 16px);
  }
  .lego-grid__col--11--xl {
    width: calc(91.6666666667% - 16px);
  }
  .lego-grid__col--11--xl.lego-grid__col--square {
    padding-bottom: calc(91.6666666667% - 16px);
  }
  .lego-grid__col--12--xl {
    width: calc(100% - 16px);
  }
  .lego-grid__col--12--xl.lego-grid__col--square {
    padding-bottom: calc(100% - 16px);
  }
}
/* MODAL HEAD */
/* [ANCHOR] Modal anchor */
@media screen and (max-width: 1600px) {
  .lego-modal__container {
    max-width: 98%;
    max-height: 90vh;
  }
}
.lego-modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 4000;
}

.lego-modal__container--wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* [BLOCKER] modal blocker & container */
.lego-modal__blocker {
  background: rgba(0, 0, 0, 0.5);
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.lego-modal__blocker:focus {
  outline: none;
}

.lego-modal__container {
  position: relative;
  background: #ffffff;
  padding: 28px 32px 32px;
  border: 1px solid #bbbdc1;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}

.lego-modal__container {
  width: 540px;
}

.lego-modal__container--small {
  width: 540px;
}

.lego-modal__container--medium {
  width: 704px;
}

.lego-modal__container--large {
  width: 944px;
}

.lego-modal__container--xlarge {
  width: 1184px;
}

.lego-modal__container--xxlarge {
  width: 1521px;
}

/* [HEAD] Modal head */
.lego-modal__head {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 102;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -ms-user-select: none;
  background: #ffffff;
  padding: 32px 32px 0 32px;
  height: 66px;
  margin-bottom: 20px;
}

.lego-modal__head--dragable {
  cursor: move;
}

.lego-modal__head--no-title {
  height: 20px;
  margin-bottom: 0;
}

/* [HEAD] Modal title */
.lego-modal__title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* [HEAD] Modal close icon */
.lego-modal__close.lego-icon {
  position: absolute;
  top: 28px;
  right: 32px;
  cursor: pointer;
  font-size: 20px;
  z-index: 102;
}

/* [BODY] Modal body */
.lego-modal__body {
  width: 100%;
  height: calc(100% - 174px);
}

.lego-modal__body {
  margin-top: 54px;
  margin-bottom: 56px;
}

.lego-modal__action {
  position: relative;
  width: 100%;
  margin-top: 24px;
}

/* [FOOT] Modal foot */
.lego-modal__foot {
  text-align: right;
  display: flex;
  justify-content: flex-end;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 68px;
  padding: 0 32px 32px 32px;
  background: #ffffff;
  z-index: 101;
}

.lego-modal__body ~ .lego-modal__foot {
  margin-top: 24px;
}

/* [GHOST] ghost box when moving modal */
.lego-modal__ghost {
  border: 5px dotted #2C59D9;
  opacity: 0.9;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 103;
  /*transform:translateX(-50%) translateY(-50%);*/
}

/*------------------------------------*/
/* [BODY] Style preset for developent */
.lego-modal__message {
  font-size: 18px;
}

.lego-modal__footer {
  text-align: right;
  margin-top: 24px;
}

.lego-page-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #f7f7f7;
}
.lego-page-wrapper.lego-page--card-style {
  background-color: transparent;
}

.lego-page-scroller {
  position: static !important;
  height: 100%;
  overflow: auto;
}

.lego-page {
  position: static !important;
  padding: 0;
  background-color: #ffffff;
  color: #333333;
  margin: 32px 32px 32px 32px;
  height: auto;
  min-height: calc(100% - 64px);
  width: calc(100% - 64px);
  border-width: 0;
  border-style: solid;
  border-color: #a5a5a5;
  box-shadow: none;
  min-width: calc(1280px - 272px - 64px - 17px);
  max-width: calc(1920px - 272px - 64px - 17px);
}
@media only screen and (min-width: 1280px) {
  .lego-page {
    margin-left: auto;
    margin-right: auto;
  }
}

.lego-page--card-style .lego-page {
  padding: 24px 80px;
}

.lego-page--fixed-width {
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 1279px), only screen and (min-width: 1280px) and (max-width: 1599px) {
  .lego-page--fixed-width {
    width: 944px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1919px) {
  .lego-page--fixed-width {
    width: 1264px;
  }
}
@media only screen and (min-width: 1920px) {
  .lego-page--fixed-width {
    width: 1584px;
  }
}

.screen--collapse-side .lego-page {
  min-width: calc(1280px - 32px - 64px - 17px);
  max-width: calc(1920px - 32px - 64px - 17px);
}

.lego-page__title-wrapper {
  position: relative;
  display: flex;
  align-items: flex-end;
  width: 100%;
  padding: 48px 80px 0 80px;
  background-color: rgba(255, 255, 255, 0);
  height: 112px;
  margin: 0 auto;
}

.lego-grid-page__title-wrapper {
  background-color: rgba(255, 255, 255, 0);
  margin: 0 auto;
}

.lego-page__title {
  position: relative;
  width: 100%;
  height: 64px;
  font-size: 28px;
  line-height: 64px;
  font-weight: 700;
  border-bottom: 1px solid #a5a5a5;
}

.lego-page__title__bread-crumb {
  position: absolute;
  right: 0;
  top: 16px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #959595;
}

.lego-page__sticky-area {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 500;
  padding-right: 17px;
  background-color: #ffffff;
  height: 64px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border-bottom: 0;
}
.lego-page__sticky-area .lego-page__title-wrapper {
  padding: 0 80px 0 80px;
  width: calc(100% - 64px);
  min-width: 944px;
  background-color: rgba(255, 255, 255, 0);
  height: 64px;
}
.lego-page__sticky-area .lego-grid {
  width: calc(100% - 64px);
  margin: 0 64px;
}
@media only screen and (min-width: 1280px) {
  .lego-page__sticky-area .lego-grid {
    margin-left: auto;
    margin-right: auto;
  }
}
.lego-page__sticky-area .lego-page__title {
  border-bottom: none;
}

.lego-page--card-style .lego-page__sticky-area .lego-grid {
  width: calc(100% - 64px - 160px);
  margin: 0 144px;
}

.lego-page .lego-page__sticky-area .lego-grid,
.lego-page .lego-page__sticky-area .lego-page__title-wrapper {
  min-width: calc(1280px - 272px - 64px - 17px);
  max-width: calc(1920px - 272px - 64px - 17px);
}

.lego-page--card-style .lego-page .lego-page__sticky-area .lego-grid,
.lego-page--card-style .lego-page .lego-page__sticky-area .lego-page__title-wrapper {
  min-width: calc(1280px - 272px - 64px - 160px - 17px);
  max-width: calc(1920px - 272px - 64px - 160px - 17px);
}

.screen--collapse-side .lego-page .lego-page__sticky-area .lego-grid {
  min-width: calc(1280px - 32px - 64px - 17px);
  max-width: calc(1920px - 32px - 64px - 17px);
}

.lego-page--fixed-width .lego-page__sticky-area .lego-page__title-wrapper {
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-height: 1279px), only screen and (min-width: 1280px) and (max-width: 1599px) {
  .lego-page--fixed-width .lego-page__sticky-area .lego-page__title-wrapper {
    width: 944px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1919px) {
  .lego-page--fixed-width .lego-page__sticky-area .lego-page__title-wrapper {
    width: 1264px;
  }
}
@media only screen and (min-width: 1920px) {
  .lego-page--fixed-width .lego-page__sticky-area .lego-page__title-wrapper {
    width: 1584px;
  }
}

.lego-page__contents-wrapper {
  position: relative;
  padding: 32px 80px 48px 80px;
}

.lego-page__contents {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}

.lego-page--fixed-height {
  height: calc(100% - 64px);
}

.lego-page--fixed-height .lego-page__contents-wrapper {
  height: calc(100% - 112px);
  overflow: auto;
}

.lego-page__remain {
  z-index: 50;
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden;
  bottom: 32px;
  margin: 0 112px;
  height: 48px;
  background-color: #ffffff;
}

.lego-page__remain__shadow {
  width: 100%;
  margin-top: -1px;
  height: 1px;
  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 0);
}

.lego-screen {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #f7f7f7;
}

.lego-section + .lego-section {
  margin-top: 20px;
}

.lego-section__title {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 10px;
  padding-left: 8px;
  border-left: 7px solid #2C59D9;
  text-decoration: line-through;
}

.lego-system {
  min-width: 1280px;
  min-height: 720px;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: auto;
}
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/assets/scpm.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
/*$width--grid--small: 1280px !default;
$width--grid--medium: 1600px !default;
$width--grid--large: 1920px !default;

$count--grid--column: 24 !default;

$width--column: ($width--grid--large / $count--grid--column);

$count--grid--column--with-lnb: floor(($width--grid--large - $width--lnb) / $width--column) !default;

$width--grid--gutter: 16px !default;
$margin--grid: 0 !default;

$margin--grid--with-lnb: ($width--grid--large - $width--lnb - ($width--column * $count--grid--column--with-lnb)) / 2 !default;*/
/*$width--popup--xlarge: ($width--column * 15 - $width--grid--gutter);
$width--popup--large: ($width--column * 12 - $width--grid--gutter);
$width--popup--medium: ($width--column * 9 - $width--grid--gutter);
$width--popup--small: ($width--column * 6 - $width--grid--gutter);*/
.lego-segment-button--border.lego-segment-button--primary {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #000000;
}
.lego-segment-button--border.lego-segment-button--primary:hover {
  background-color: #ffffff;
  border-color: #a5a5a5;
  color: #2C59D9;
}
.lego-segment-button--border.lego-segment-button--primary:active, .lego-segment-button--border.lego-segment-button--primary.lego-segment-button--checked {
  background-color: rgb(233.9, 238.4, 251.2);
  border-color: #2C59D9;
  color: #2C59D9;
}

:root {
  --bg-header: #fff;
  --color-header: #100b33;
}

:root {
  --color-ui-02: #4b505b;
  --watermelon: #fb4d58;
  --color-ui-03: #61666f;
  --color-ui-05: #8e9198;
  --color-ui-06: #a5a7ad;
  --color-ui-09: #dddee0;
  --color-ui-10: #e8e8ea;
  --color-ui-11: #f3f4f4;
  --color-ui-12: #f7f7f7;
  --color-ui-13: #2e3138;
  --color-ui-14: #b4b8c0;
  --color-ui-15: #f4f4f6;
  --color-ui-16: #EFF1FB;
  --color-ui-17: #374fc8;
  --color-ui-18: #878E9B;
  --color-primary-tint-01: #eaedf9;
  --color-status-warning: #f47d23;
  --light-blue-grey: #aeb8e9;
  --greenblue: #23d89e;
  --greenblue-37C8C8: #37C8C8;
  --pale-grey: #f7f7fa;
  --silver: #bbbdc1;
  --silver-E3E5E8: #e3e5e8;
  --twilight-blue: #0a3380;
  --blue-with-a-hint-of-purple: #364fc7;
  --dark: #1f2533;
  --dark: #151a26;
  --color-border: #E3E4E8;
}

.scpm_table :deep .state_icon {
  width: 10px;
  height: 10px;
  margin: 0 8px 0 0;
  border-radius: 10px;
  display: inline-block;
}

.scpm_table :deep .state_icon.big {
  width: 16px;
  height: 16px;
  margin: 0 8px 0 0;
  border-radius: 10px;
  display: inline-block;
}

.scpm_table :deep .state_icon.started {
  background-color: #23d89e;
}

.scpm_table :deep .state_icon.running {
  background-color: #23d89e;
}

.scpm_table :deep .state_icon.down {
  background-color: #fc434e;
}

.scpm_table :deep .state_icon.stoped {
  background-color: #bbbdc1;
}

.scpm_table :deep .state_icon.default {
  background-color: #bbbdc1;
}

.icon-information-tooltip {
  color: #555b68;
  cursor: pointer;
  margin-top: 1px;
}
.icon-information-tooltip:hover {
  color: #1f2533;
}

.auth-error-content {
  max-height: 400px;
  overflow: auto;
}
.auth-error-content::-webkit-scrollbar {
  width: 8px;
}
.auth-error-content::-webkit-scrollbar-thumb {
  background-color: rgba(29, 29, 31, 0.2);
  border-radius: 7px;
}
.auth-error-content::-webkit-scrollbar-thumb:hover {
  background-color: rgba(29, 29, 31, 0.6);
}