/*legend*/

/*PUBLIC-THEME*/
.public-theme .legend {
  margin: 0;
  text-align: left;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

  .public-theme .legend.margin-left-10 {
      margin-left: 10px;
  }

.public-theme .legend__icon {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  line-height: 0;
}

.public-theme .legend.legend_red .legend__icon {
  color: #D12525;
}

.public-theme .legend_value_red {
  color: #D12525;
}

.public-theme .legend_small .legend__icon {
  font-size: 13px;
  margin-top: 3px;
}

.public-theme .legend.legend_green .legend__icon {
  color: #1e9b1b;
}

.public-theme .legend_value_green {
  color: #128c75;
}

.public-theme .legend.legend_gray .legend__icon {
  color: #98b2c9;
}

.public-theme .legend_value_gray {
  color: #98b2c9;
}

.public-theme .legend.legend_blue .legend__icon {
  color: #396dca;
}

.public-theme .legend_value_blue {
  color: #396dca;
}

.public-theme .legend__value {
  font-family: 'Roboto', 'Open Sans', Arial, sans-serif;
  font-size: 14rem;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}

.public-theme .legend.legend_link .legend__value {
  color: #396dca;
  transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
}

.public-theme .legend.legend_link:hover .legend__value {
  color: #b8242d;
}

.public-theme .legend.legend_text-overflow .legend__value {
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  word-wrap: break-word;
  word-break: break-all;
  -webkit-box-orient: vertical;
}




/*END PUBLIC-THEME*/

/*ADMIN-THEME*/
.admin-theme .legend {
  margin: 0;
  text-align: left;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

  .admin-theme .legend.margin-left-10 {
      margin-left: 10px;
  }

.admin-theme .legend__icon {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  margin-top: -2px;
  line-height: 0;
}

.admin-theme .legend.legend_red .legend__icon {
  color: #D12525;
}

.admin-theme .legend_value_red {
  color: #D12525;
}

.admin-theme .legend_small .legend__icon {
  font-size: 12px;
  margin-top: 2px;
}

.admin-theme .legend.legend_green .legend__icon {
  color: #1e9b1b;
}

.admin-theme .legend_value_green {
  color: #128c75;
}

.admin-theme .legend.legend_gray .legend__icon {
  color: #98b2c9;
}

.admin-theme .legend_value_gray {
  color: #98b2c9;
}

.admin-theme .legend.legend_blue .legend__icon {
  color: #396dca;
}

.admin-theme .legend_value_blue {
  color: #396dca;
}

.admin-theme .legend__value {
  font-family: 'Roboto', 'Open Sans', Arial, sans-serif;
  font-size: 14rem;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}

.admin-theme .legend.legend_link .legend__value {
  color: #396dca;
  transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
}

.admin-theme .legend.legend_link:hover .legend__value {
  color: #b8242d;
}

.admin-theme .legend.legend_text-overflow .legend__value {
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  word-wrap: break-word;
  word-break: break-all;
  -webkit-box-orient: vertical;
}
/*END ADMIN-THEME*/

/*VI-MODE-1*/
.vi-mode-1-on__2 .legend {
  color: #000;
}

.vi-mode-1-on__2 .legend__icon {
  color: #000 !important;
}

.vi-mode-1-on__3 .legend {
  background: #fff;
  color: #000;
  border-radius: 5px;
  padding: 2px 6px;
}

.vi-mode-1-on__3 .legend__icon {
  color: #000 !important;
}

.vi-mode-1-on__4 .legend {
  color: #000;
}
/*END VI-MODE-1*/

/*VI-MODE-3*/
.vi-mode-3-on__2 .legend {
  font-family: 'Roboto Slab', sans-serif;
}
/*END VI-MODE-3*/


/*END VI-MODE-5*/
.vi-mode-5-on__2 .legend__icon {
  display: none;
}
/*END VI-MODE-5*/

/*end legend*/