.ids__analysis-report_wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
  position: relative;
  justify-content: center;
}
.ids__report_wrapper {
  width: 100%;
  margin: 0 auto;
}
#ids__modelAna_container {
  width: 96%;
  min-height: 500px;
  margin: 20px auto;
  /* box-shadow: 0px 0px 12px 1px rgb(87 87 87 / 20%); */
  padding: 15px;
}
#ids__report_indicator {
  position: fixed;
  top: 25px;
  right: 10px;
  width: 200px;
  background-color: #fff;
  cursor: pointer;
}

.ids__analysis-report_wrapper {
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
    Microsoft YaHei, Arial, sans-serif;
}
.ids__analysis-report_wrapper h2 {
  font-weight: 700;
  font-size: 18px;
  margin: 20px 0;
}

.ids__report_placeholder {
  width: 260px;
}

.ids__report_indicator_item {
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 30px;
  position: relative;
  font-size: 14px;
  color: #000000d9;
}

.ids__report_indicator_item::before {
  position: absolute;
  content: "";
  height: 30px;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.06);
  left: 15px;
  z-index: 98;
}

.ids__report_cur_selected {
  color: #0086f6;
}
.ids__report_cur_selected:before {
  background-color: #0086f6 !important;
}
.ids__report_cur_selected:after {
  border: 2px solid #0086f6;
}
.ids__report_indicator_item:first-child:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.06);
  left: 15px;
  top: 6px;
  z-index: 98;
}

.ids__report_indicator_item:last-child::before {
  position: absolute;
  content: "";
  height: 26px;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.06);
  left: 15px;
  top: 0;
  z-index: 98;
}

.ids__analysis-report_title {
}

.ids__analysis-report_title,
.ids__analysis-report_desc {
  display: block;
  font-size: 14px;
  /* line-height: 20px;
    height: 20px; */
  margin: 10px;
}
.ids__report__table_wrapper {
  width: 100%;
  overflow: auto;
  margin-top: 30px;
}
.ids__analysis-report_wrapper table {
  min-width: 90%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 12px;
}
.ids__analysis-report_wrapper table tr {
  display: inline-flex;
  width: 100%;
}
.ids__analysis-report_wrapper table thead {
  border-bottom: 1px solid black;
  vertical-align: bottom;
  font-weight: bolder;
}
.ids__analysis-report_wrapper table thead tr th {
  text-align: left;
  display: inline-block;
}
.ids__analysis-report_wrapper table tbody tr td {
  text-align: left;
  display: inline-block;
}
.ids__analysis-report_wrapper table tbody tr {
  width: 100%;

  min-height: 30px;
  vertical-align: middle;
  text-align: left;
  align-items: center;
}
.ids__analysis-report_wrapper table tbody tr:hover {
  background-color: #afd9ee !important;
}
.ids__analysis-report_wrapper table tbody tr:nth-child(2n + 1) {
  background-color: #f5f5f5;
}
.ids_analysis-report_view {
  font-size: 15px;
  margin: 4px 0;
}

.ids__report__block {
  display: block;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ids__report-block h1 {
  font-weight: 700;
  font-size: 20px;
}
.ids__report__block_left {
  text-align: left;
}
.ids__analysis-report_wrapper h3 {
  font-size: 16px;
  font-weight: 700;
}
.ids__report_list_item {
  font-size: 15px;
}
.ids_msa_tooltip {
  position: absolute;
  /* top: 20px;
  right: 100px; */
  z-index: 999;
  background: #ffffff;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  display: none;
}
.ids__sma__mask,
.ids__tag_influence_ana__tooltip {
  position: absolute;
  /* top: 20px;
  right: 100px; */
  z-index: 999;
  background: #ffffff;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
}
.ids__sma__mask {
  width: 183px;
  height: 207px;
  display: block;
}
.ids_msa_tooltip,
.ids__tag_influence_ana__tooltip {
  min-width: 200px;
  max-width: 300px;
  min-height: 50px;
  padding: 8px;
  font-size: 14px;
  border-radius: 4px;
  z-index: 1001;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
}
.ids__tag_influence_ana__tooltip {
  width: 220px;
}
.ids_msa_tooltip > .ids_msa_row {
  padding: 3px 8px;
}
.ids_msa_tooltip > .ids_msa_row label {
  color: #fff;
}
.block {
  display: inline-block;
  width: 100%;
  padding: 5px 12px;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #666666;
  letter-spacing: 0;
  font-weight: 400;
}
.date {
  margin-top: 7px;
  font-size: 14px;
  color: #212121;
  font-weight: 600;
}
.status {
  width: 6px;
  height: 6px;
  background: #5582f3;
  border-radius: 50%;
  display: inline-block;
}
select {
  width: 158px;
  height: 26px;
  padding: 0;
  background: #ffffff;
  border: 1px solid rgba(217, 217, 217, 1);
  border-radius: 2px;
  margin: 5px 0;
  font-size: 10px;
  color: #000000;
  font-weight: 400;
}
.option {
  height: 50px;
  line-height: 50px;
}
select:focus {
  outline: none;
}
.ai-ids__btn {
  text-align: center;
  color: #fff;
  background: #5582f3;
  border-radius: 2px;
  margin-right: 6px;
  display: inline-block;
  font-size: 12px;
  box-sizing: border-box;
  padding: 3px 18px;
  cursor: pointer;
}

.ai-ids__input {
  width: 158px;
  border: 1px solid rgba(217, 217, 217, 1);
  border-radius: 2px;
  height: 26px;
  padding-left: 4px;
}

.ai-ids__text--list__ul {
  padding: 0;
  margin: 0;
}
.ai-ids__text--list__li {
  list-style: none;
  height: 28px;
}

.ai-ids__path-node {
  cursor: pointer;
  font-size: 12px;
  color: #212121;
  position: relative;
  margin-right: 20px;
}
/* .ai-ids__path-node:before {
  content: ' ';
  position: absolute;
  right: -18px;
  top: 2px;
  border-left: 6px solid #d9d9d9;
  border-right: 6px solid transparent;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
} */
.ai-ids__path-node:after {
  content: " ";
  position: absolute;
  right: -20px;
  top: 2px;
  border-left: 6px solid #d9d9d9;
  border-right: 6px solid transparent;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}
.ai_ids__circle-path-label {
  color: #797b7d;
}
.ai-ids__path-node:last-child {
  color: #1890ff;
}
.ai-ids__path-node:last-child:after {
  border: none;
}

.ai_ids__error_mark_line__legend {
  width: 90%;
  height: 20px;
  display: inline-flex;
  justify-content: center;
  position: relative;
  margin-left: 5%;
  top: 30px;
}

.ai_ids__error_mark_line__legend__circle {
  display: inline-flex;

  border-radius: 50%;
  margin-right: 50px;
  position: relative;
}

.ai_ids__error_mark_line__legend__circle:before {
}
.ai_ids__error__green:before {
  content: "";
  position: absolute;
  top: 3px;
  left: -16px;
  width: 10px;
  height: 10px;
  background-color: #ff991c;
  border-radius: 50%;
}

.ai_ids__error__blue:before {
  content: "";
  position: absolute;
  top: 3px;
  left: -16px;
  width: 10px;
  height: 10px;
  background-color: #1ba854;
  border-radius: 50%;
}

.ai_ids__error__normal:before {
  content: "";
  position: absolute;
  top: 3px;
  left: -16px;
  width: 10px;
  height: 10px;
  background-color: #276ff5;
  border-radius: 50%;
}

.text {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: #fff;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
}
.text span {
  margin-right: 20px;
  cursor: pointer;
}
.ids_msa_node rect {
  /* cursor: move; */
  cursor: pointer;
  fill-opacity: 0.8;
  shape-rendering: crispEdges;
}
.ids_msa_node text {
  pointer-events: none;
  text-shadow: 0 1px 0 #fff;
}
.ids_msa_link {
  fill: none;
  stroke: #000;
  stroke-opacity: 0.6;
}
/* .ids_msa_link:hover {
  stroke-opacity: 0.5;
} */
.ids_msa_rect_text {
  font-size: 10px;
}

.ai_ids__msa_btn {
  position: absolute;
  right: 40px;
  top: 10px;
  cursor: pointer;
  font-size: 12px;
  color: #2b87f3;
}

.ai_ids__error_refresh {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

/* 异常标注 首次访问提示可以框选 */
.ai_ids__tip__first {
  position: absolute;
  color: #0e5fd8;
  top: 25px;
  right: 10%;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
  font-weight: 400;
}
.ai_ids__tip__icon {
  position: absolute;
  left: -22px;
  top: 4px;
}
.ai_ids__tip__icon::before {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  border: 1px dotted #0e5fd8;
}
.ai_ids__tip__icon::after {
  content: "";
  left: 2px;
  top: 2px;
  width: 14px;
  height: 14px;
  position: absolute;
  background-color: #fff;
}
.ai_ids__tip__icon > img {
  position: absolute;
  width: 20px;
  height: 20px;
  z-index: 999;
}

.ai_ids__tooltip__span {
  display: block;
  height: 20px;
}

/*
 *  模型分析
*/
#test_qhx {
  position: relative;
}
.ai_ids__ana_trend_container {
  position: relative;
}
.ai_ids__ana_trend__tooltip,
.ids__mark_ana__tooltip {
  position: absolute;
  min-width: 160px;
  min-height: 50px;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 4px;
  padding: 4px 6px;
}
.ids__mark_ana__tooltip {
  color: #fff;
  z-index: 9999;
}
.ai_ids__time,
.ai_ids__content {
  color: #fff;
  padding-top: 6px;
  padding-left: 10px;
  padding-right: 4px;
  font-size: 14px;
}
.ai_ids__content1,
.ai_ids__content2 {
  display: inline-flex;
  width: 100%;
  align-items: center;
}
.ai_ids__ana_trend__label {
}
.ai_ids__ana_trend__value {
}
.ai_ids__ana_trend__y-left-axis path.domain {
  stroke: transparent;
}
.ai_ids__ana_trend__y-right-axis path.domain {
  stroke: transparent;
}
.ai_ids__ana_trend__y-left-axis .tick line:first-child,
.ai_ids__ana_trend__y-right-axis .tick line:first-child {
  stroke: transparent;
}
.ai_ids__ana_trend__x-axis path {
  stroke: #d9d9d9;
}

/*
* 首页样式
*/
/* * {
  padding: 0;
  margin: 0;
}
html,
body {
  width: 100%;
  height: 100%;
} */
#container,
#saleforecasthomepage {
  width: 100%;
  height: 100%;
  background-image: url(../homePage/assets/bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
}

.inner_wrapper {
  position: absolute;
  top: 00px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  z-index: 100;
}
.ids__ball {
  position: absolute;
  left: 50%;
  margin-left: -410px;
  top: -60%;
  z-index: 99;
  width: 820px;
  height: 820px;
  background-image: url(../homePage/assets/ball.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  animation: rotateCircle 100s linear infinite;
}
@keyframes rotateCircle {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.ids__app_list {
  width: 74%;
  display: inline-flex;
  position: absolute;
  top: 180px;
  left: 13%;
}

.ids__card,
.card_status_selected {
  width: 301px;
  height: 542px;

  position: relative;
  flex-shrink: 0;
  margin-left: 10px;
}
.ids__card:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 301px;
  height: 542px;
  background-image: url(../homePage/assets/module_normal.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.ids__card_2:before {
}
/* .card_status_selected {
  background-image: url(../homePage/assets/module_selected.png);
} */
.card_status_selected:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 301px;
  height: 542px;
  background-image: url(../homePage/assets/module_selected.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.ids__arrow {
  min-width: 140px;
  display: flex;
  position: relative;
  flex-grow: 1;
}
.ids__arrow img {
  width: 42px;
  height: 35px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -18px;
  margin-left: -21px;
  align-items: center;
  justify-content: center;
}
.ids__app_name {
  color: #fff;
  position: absolute;
  top: 12px;
  left: 124px;
  font-size: 16px;
  cursor: pointer;
}
.ids__line {
  position: relative;
  margin-left: 10%;
}
#xiaok {
  position: absolute;
  top: 34px;
  width: 70px;
  height: 70px;
  left: 12px;
  z-index: 100;
}
.ids__info_tip {
  position: absolute;
  left: 54px;
  top: 68px;

  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #39ffeb;
  letter-spacing: 0;
  padding-left: 46px;
  padding-top: 22px;
  line-height: 20px;
}
.ids__info_tip::before {
  /* content: '';
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../homePage/assets/app_setting_dialog.png);
  background-repeat: no-repeat;
  background-size: 50% 48%;
  width: 980px;
  height: 174px; */
}

.app_setting_dialog:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../homePage/assets/app_setting_dialog.png);
  background-repeat: no-repeat;
  background-size: 50% 48%;
  width: 980px;
  height: 174px;
}
.data_analysic_dialog:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../homePage/assets/data_analysic_dialog.png);
  background-repeat: no-repeat;
  background-size: 50% 48%;
  width: 806px;
  height: 174px;
}
.model_result_dialog:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../homePage/assets/model_result_dialog.png);
  background-repeat: no-repeat;
  background-size: 50% 48%;
  width: 786px;
  height: 174px;
}
.ids__BIC__text {
  position: absolute;
  left: 50px;
  top: 26px;
  z-index: 1001;
  width: 400px;
}

.ids__load {
  width: 100%;
  display: inline-flex;
  justify-content: center;
  margin-top: 50px;
  position: relative;
  cursor: pointer;
}
.ids__load img.ids__app_img {
  width: 211px;
  height: 163px;
  justify-content: center;
  position: absolute;
}

.ids__app_circle {
  position: absolute;
}
.ids__app_circle .ids__app_circle__inner {
  transform: scale(0.52);
  position: absolute;
  left: 50%;
  margin-left: -133px;
  top: 28px;
}
.ids__app_circle .ids__app_circle__outer {
  transform: scale(0.52);
  position: absolute;
  left: 50%;
  margin-left: -173px;
  top: 8px;
}
.ids__card__app_list {
  padding: 1px 17px;
  position: absolute;
  top: 210px;
}
.ids__app_bg {
  width: 266px;
  height: 91px;
  background-image: url(../homePage/assets/card_normal.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-bottom: 17px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.ids__app_bg img {
  margin-top: -6px;
  transform: scale(1);
  transition: transform 0.2s linear;
}
.ids__app_bg:hover {
  background-image: url(../homePage/assets/card_hover.png);
}
.ids__app_bg:hover img {
  transform: scale(1.1);
  transition: transform 0.2s linear;
}
.ids__app_tip {
  width: 129px;
  height: 36px;
  background-image: url(../homePage/assets/tip.png);
  background-size: 100% 100%;
  display: inline-flex;
  align-items: center;
  color: #fff;
  font-size: 14px;
  padding-left: 10px;
}
.ids__app_tip span {
  padding-left: 4px;
}

.ids__arrow__animation {
  animation: arrowTran 2s linear infinite;
}

@keyframes arrowTran {
  0% {
    transform: translate(0px 0);
  }
  30% {
    transform: translate(10px, 0);
  }
  50% {
    transform: translate(20px, 0);
  }
  70% {
    transform: translate(10px, 0);
  }
  100% {
    transform: translate(0px, 0);
  }
}

/* #arrow_3 {
  background-image: url(../homePage/assets/particle_line_right.png);
  background-repeat: no-repeat;
  background-size: 50% 50%;
  background-position: center bottom;
}

#arrow_2 {
  background-image: url(../homePage/assets/particle_line_left.png);
  background-repeat: no-repeat;
  background-size: 50% 50%;
  background-position: center bottom;
} */

.ids__arrow_bgAnim {
  width: 100%;
  height: 50%;
  display: block;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  text-align: center;
  opacity: 1;
  position: absolute;
  bottom: 0;
}

.ids__BIC__text {
  position: absolute;
  left: 50px;
  top: 20px;
  width: 400px;
}

/* 标签分析样式 */
.ids__tag_mark_ana__svg .y-left-axis .tick text,
.ids__tag_influence_ana__svg .y-left-axis .tick text {
  font-weight: 400;
  fill: #666;
  font-size: 12px;
}
.ids__tag_mark_ana__svg .y-left-axis-value path:first-child,
.ids__tag_influence_ana__svg .y-left-axis-value path:first-child {
  stroke: #e5e5e5;
}
.ids__tag_mark_ana__svg .y-left-axis .tick line:first-child,
.ids__tag_influence_ana__svg .y-left-axis .tick line:first-child {
  stroke: transparent;
}
.ids__tag_mark_ana__svg .y-left-axis > path,
.ids__tag_influence_ana__svg .y-left-axis > path {
  stroke: transparent;
}

.ids__tag_mark_ana__svg .x-axis path,
.ids__tag_influence_ana__svg .x-axis path {
  stroke: #e5e5e5;
}

.ids__tag_influence_ana__svg .x-axis .tick text {
}
/* 对最外层的设置overflow为hidden避免出现滚动条 */
#flexpanelap122,
#flexpanelap1211 {
  overflow: hidden;
}
.tag_influence_ana__mask_rect {
  fill-opacity: 0;
}

.ids__tag_influence_ana__wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
}
#ai_ids_data_mark_analysis {
  position: relative;
}
.ids__tag_mark_ana__wrapper {
  position: absolute;
  left: 0;
  top: 50px;
  width: 100%;
  z-index: 1001;
  background-color: #fff;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.ids__tag_mark_ana__wrapper img,
.ids__tag_influence_ana__wrapper img {
  width: 168px;
  height: 96px;
}
/* 标签分析样式 */

.ids_predict_result__table,
.ids_part_ana__table {
  margin-left: 80px;
  /* width: calc(1200px - 40px - 40px); */
  border: 1px solid rgba(151, 151, 151, 0.38);
  border-radius: 2px;
}
.ids_part_ana__table {
  /* width: calc(1200px - 40px); */
  margin-left: 40px;
  margin-top: -20px;
}
.ids_predict_result__table {
  margin-top: -20px;
}
.ids_predict_result__inner_wrapper,
.ids_predict_result__table_header,
.ids_part_ana__inner_wrapper,
.ids_part_ana__table_header {
  font-family: MicrosoftYaHei;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  width: 100%;
  display: inline-flex;
  color: #999;
  font-size: 12px;
}
.ids_predict_result__inner_wrapper span,
.ids_part_ana__inner_wrapper span {
  display: block;
  width: calc(100% / 12);
  text-align: center;
}
.ids_predict_result__table_header,
.ids_part_ana__table_header {
  background-color: #f4f4f4;
}
.ids_predict_result__table_header span,
.ids_part_ana__table_header span {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% / 12);
  text-align: center;
  justify-content: center;
}

.ids_part_ana__inner_wrapper {
  border-bottom: 1px solid #eee;
}
.ids_part_ana__inner_wrapper:last-child {
  border-bottom: none;
}

#ai_ids_ns_price_sku_ana,
#ai_ids_ns_mats_sales_ana,
#ai_ids_ns_predict_data,
#ai_ids_ns_price_qty_ana,
#custompredicterror {
  overflow: hidden;
}
#custompredicterror div {
  overflow: hidden;
}

.first-unit {
  display: flex !important;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  position: relative;
  /* border-right: 1px solid rgba(217,217,217,1); */
}
.first-unit::after {
  content: "";
  position: absolute;
  top: -2px;
  bottom: -3px;
  right: 0;
  width: 1px;
  background-color: rgba(217, 217, 217, 1);
}

.ids_part_ana__unit_color {
  display: block;
  width: 10px !important;
  height: 10px !important;
}

/**
* 空提示
**/
.ids_empty {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  align-items: center;
  padding-top: 50px;
}

.ids_empty img {
  width: 168px;
  height: 96px;
}
.ids_empty span {
  color: #555;
  font-size: 14px;
  margin-top: 8px;
}

.ids_sku_ana_tip_wrapper,
.ids_sku_bar_tip_wrapper,
.ids_analysic_trend_tip_wrapper {
  display: flex;
  flex-direction: column;
  min-width: 200px;
  max-width: 260px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 4px;
  z-index: 9999;
  color: #fff;
  padding: 10px 15px;
  position: absolute;
}

/**
* 需求计划单明细
*/

.ids_require_main_title0,
.ids_require_main_title1 {
  font-size: 18px;
  font-weight: bolder;
  color: rgba(0, 0, 0, 0.8);
  padding-left: 30px;
}

.ids_require_sub_title,
.ids_require_main_title {
  font-size: 14px;
  color: #999;
  margin-left: 20px;
}

/**
* 血缘关系
*/

.node-rectangle {
  display: flex;
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;

  width: 221px;
  height: 35px;

  border-radius: 4px;
  color: #000;
  font-size: 12px;
  position: relative;
  cursor: pointer;
}

.node-rectangle.source {
  border: 1px solid rgba(214, 231, 246, 1);
  background: #ecf6ff;
}
.node-rectangle.sql {
  background: #f2fff5;

  border: 1px solid rgba(161, 230, 181, 1);
}
.node-rectangle.python {
  border: 1px solid rgba(255, 239, 138, 1);
  background: #fffde6;
}
.sql .source-type,
.python .source-type {
  position: absolute;
  left: -1px;
  top: -1px;
  bottom: -1px;
  width: 33px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.sql .source-type {
  background-image: url(../img/sql.png);
  background-repeat: no-repeat;
  background-position: center;
}
.python .source-type {
  background-image: url(../img/python.png);
  background-repeat: no-repeat;
  background-position: center;
}
.source .source-type {
  position: absolute;
  left: -1px;
  top: -1px;
  bottom: -1px;
  width: 33px;
  background: #5582f3;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.source .source-type {
  background-image: url(../img/source.png);
  background-repeat: no-repeat;
  background-position: center;
}
.node-rectangle .name {
  margin-left: 38px;
}
.sql .name,
.python .name {
  margin-left: 30px;
}
.source.selected {
  border: 2px solid rgba(85, 130, 243, 1);
}
.sql.selected {
  border: 2px solid rgba(64, 189, 110, 1);
}
.python.selected {
  border: 2px solid rgba(255, 213, 46, 1);
}
.warn {
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.live.map {
  width: 100%;
  height: 100%;
}

#ai_ids_lineage_graph svg {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.live.map text {
  font-weight: 300;
  font-size: 14px;
}

.live.map .node rect {
  /* stroke-width: 1px; */
  stroke: rgba(214, 231, 246, 1);
}

.live.map .running .status {
  background-color: #7f7;
}

.live.map .running.warn .status {
  background-color: #ffed68;
}

.live.map .stopped .status {
  background-color: #f77;
}

.live.map .warn .queue {
  color: #f77;
}

.live.map .consumers {
  margin-right: 2px;
}

.live.map .consumers:after {
  content: "x";
}

.live.map .queue {
  display: block;
  float: left;
  width: 130px;
  height: 20px;
  font-size: 12px;
  margin-top: 2px;
}

.live.map .node g div {
  width: 221px;
  height: 35px;
  color: #000;
}

.live.map .node g div span.consumers {
  display: inline-block;
  width: 20px;
}

.live.map .edgeLabel text {
  width: 50px;
  fill: #fff;
}

.live.map .edgePath path {
  /* stroke: #999; */
  stroke: rgba(230, 230, 230, 1);
  stroke-width: 1px;
  fill: #999;
}