.WDAll{
  width: 100%;
}

.PL15{
  padding-left: 15px;
}

.MT40{
  margin-top: 40px;
}

.wd100{
  width:100px;
}

.wd150{
  width:150px;
}

.wd140{
  width:140px;
}

.wd200{
  width:200px;
}

.wd250{
  width:250px;
}

.wd300{
  width:300px;
}

.wd120{
  width:120px;
}
.wd400{
  width:400px;
}

.wd500{
  width:500px;
}

.ml350{
  margin-left: 355px;
  margin-top: 10px;
}
.Screen_mobile .ml350{
  margin: 0px ;
}

.wd700{
  width:700px;
}
.wd350 {
  display: inline-block;
  width: 350px;
}

.BlockPB {
  display: block;
  margin-bottom: 8px;
}

.Screen_mobile .wd300,.Screen_mobile .wd500,.Screen_mobile .wd350,.Screen_mobile .wd250, .Screen_mobile .wd700, .Screen_mobile .wd750 , .Screen_mobile .ms-options-wrap{
  width: 100%;
  font-size: 10px;
}

.Screen_mobile .BlockFilter .ms-options-wrap {
  width: 100%;
  font-size: 10px;
  margin-bottom: 5px;
  padding-left: 8px;
  padding-right: 0;
}

.Screen_mobile .nice-form-group label
.nice-form-group .wd350 label {
  width: 150px;
}

.nice-form-group .wd350 label.wrong {
  width: auto;
}

/* Элементы в обводке */

.CPItem, .ActiveGElement, .ActiveBElement {
  display: inline-block;
  padding: 5px 15px;
  border-radius: 20px;
  background: #BEEDDE;
  margin: 5px;
}

.ActiveBElement {
  background: #DCC4ED;
}





.ChartLine {
  border-radius: 20px;
  padding: 10px;
  background: #f4f4ff;
}

.ChartMain {
  border: 1px solid;
  border-radius: 20px;
}

.ChartItem {
  display: block;
  position: absolute;
  border-radius: 50vh;
  border: 1px solid;
  width: 20px;
  height: 20px;
  text-align: center;
  background: green;
  color: #fff;
}

.ChartItem.Errors {
  background: red;
}

.Screen_mobile .DblClick {
  margin: 1px;
  width: 360px;
}

.DblClick.FullView{
  width: 100%;
  display: inline-block;
  margin: 0px;
}

.grid.x-grids {
  stroke: #e5e5e5;
}

.Chart_a.Allert {
  color: #ff3666;
}

.Chart_a.Allert:hover {
  color: #ff3666;
  font-weight: 500;
  text-decoration: none;
}

.ChartInfoBlock.Allert {
  color: #ff3666;
}

.ChartInfoBlock {
  display: block;
  position: relative;
}

.ChartInfoBlock:hover .ChartFullInfo {
  display: block;
}
.ChartFullInfo {
  display: none;
  position: absolute;
}

.TextVertical {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  writing-mode: sideways-lr;
}

.labels.x-labels.Chart-Label {
  font-size: 6px;
}

.Chart_a {
  font-size: 8px;
}

.diagram {
  display: inline-block;
  width: 10px;
  aspect-ratio: 1/2;
  vertical-align: middle;
  margin-left: 5px;
}

.diagram:hover {
  width: 30px;
  position: absolute;
  margin-top: -20px;
  margin-left: -15px;
}

.diagram.DG10{
  background: url("/images/icons/DG10.svg");
  background-size: contain;
}

.diagram.DG9{
  background: url("/images/icons/DG9.svg");
  background-size: contain;
}

.diagram.DG8{
  background: url("/images/icons/DG8.svg");
  background-size: contain;
}

.diagram.DG7{
  background: url("/images/icons/DG7.svg");
  background-size: contain;
}

.diagram.DG6{
  background: url("/images/icons/DG6.svg");
  background-size: contain;
}

.diagram.DG5{
  background: url("/images/icons/DG5.svg");
  background-size: contain;
}

.diagram.DG4{
  background: url("/images/icons/DG4.svg");
  background-size: contain;
}

.diagram.DG3{
  background: url("/images/icons/DG3.svg");
  background-size: contain;
}

.diagram.DG2{
  background: url("/images/icons/DG2.svg");
  background-size: contain;
}

.diagram.DG1{
  background: url("/images/icons/DG1.svg");
  background-size: contain;
}