div.line-drawing-container  {
width:100%;
margin: 40px 0px 80px 80px;
float:left;
user-select:none;
}

div.line-drawing-container .term,.spot,.section {
float:left;
text-align:center;
vertical-align:middle;
color:white;
width:10px;
padding-left:2px;
}

div.line-drawing-container .term {border-radius:5px;position:relative;margin-top: -6px;height:50px;background-color:#032a60}
div.line-drawing-container .spot {border-radius:5px;position:relative;margin-top:4.5px;height:40px;background-color:#0e55b2}

div.line-drawing-container .section {
width:250px;
height:15px;
margin-top:11px;
}

div.line-drawing-container .section span {
position:relative;
top:-30px;
color: black;
padding:2px;
}

div.line-drawing-container .stripped            {background-image: linear-gradient(45deg, #cccccc 43.48%, #ffffff 43.48%, #ffffff 50%, #cccccc 50%, #cccccc 93.48%, #ffffff 93.48%, #ffffff 100%);background-size: 32.53px 32.53px;}
div.line-drawing-container .stripped-selected   {background-image: linear-gradient(45deg, #ffaa00 43.48%, #ffffff 43.48%, #ffffff 50%, #ffaa00 50%, #ffaa00 93.48%, #ffffff 93.48%, #ffffff 100%);background-size: 32.53px 32.53px;}
div.line-drawing-container .stripped-filled-in  {background-image: linear-gradient(45deg, #4286f4 43.48%, #ffffff 43.48%, #ffffff 50%, #4286f4 50%, #4286f4 93.48%, #ffffff 93.48%, #ffffff 100%);background-size: 32.53px 32.53px;}
div.line-drawing-container .solid               {background-color: #cccccc;}
div.line-drawing-container .solid-selected      {background-color: #ffaa00;}
div.line-drawing-container .solid-filled-in     {background-color: #4286f4;}
div.line-drawing-container .unknown             {background-image: linear-gradient(90deg, #cccccc 43.48%, #ffffff 43.48%, #ffffff 50%, #cccccc 50%, #cccccc 93.48%, #ffffff 93.48%, #ffffff 100%);background-size: 32.53px 32.53px;}
div.line-drawing-container .unknown-selected    {background-image: linear-gradient(90deg, #ffaa00 43.48%, #ffffff 43.48%, #ffffff 50%, #ffaa00 50%, #ffaa00 93.48%, #ffffff 93.48%, #ffffff 100%);background-size: 32.53px 32.53px;}
div.line-drawing-container .unknown-filled-in   {background-image: linear-gradient(90deg, #4286f4 43.48%, #ffffff 43.48%, #ffffff 50%, #4286f4 50%, #4286f4 93.48%, #ffffff 93.48%, #ffffff 100%);background-size: 32.53px 32.53px;}

div.line-drawing-container .spot span:nth-child(1)   {position:absolute;top:-45px;left:-45px;color:black;width:100px;line-height:15px;}
div.line-drawing-container .spot span:nth-child(2)   {padding:5px 0px 0px 5px;margin:36px 0px 0px -50px;color:black;display:inline-flex;line-height:15px;border-top:4px solid;border-color:#0e55b2;min-width:40px;}
div.line-drawing-container .spot span:nth-child(n+3) {padding:5px 0px 0px 5px;margin: 0px 0px 0px -50px;color:black;display:inline-flex;line-height:15px;}

div.line-drawing-container .term span:nth-child(1)   {position:absolute;top:-35px;left:-45px;color:black;width:100px;line-height:15px;}
div.line-drawing-container .term span:nth-child(2)   {padding:5px 0px 0px 5px;margin: 46px 0px 0px -50px;color:black;display:inline-flex;line-height:15px;border-top:4px solid;border-color:#032a60;min-width:40px;}
div.line-drawing-container .term span:nth-child(n+3) {padding:5px 0px 0px 5px;margin:  0px 0px 0px -50px;color:black;display:inline-flex;line-height:15px;}

div.line-drawing-container label {margin:0px 2px 0px 0px;padding:3px;border: 1px solid;border-radius:3px;}
div.line-container .eqp            {background-color:#cccccc; border-color:#a4a4a4; color: #000000;min-width:30px;}
div.line-container .eqp-selected   {background-color:#ffaa00; border-color:#b57800; color: #FFFFFF;min-width:30px;}
div.line-container .eqp-filled-in  {background-color:#4286f4; border-color:#0e55b2; color: #FFFFFF;min-width:30px;}

div.line-drawing-container p {margin:0px 5px 0px 0px;padding:5px;width:30px;text-align:left;}

div.element-header {
  box-sizing: border-box;
  display:inline-block;
  margin:0px 0px 20px 0px;
  }
div.element-header {float:left;}
div.element-header * {margin:0;padding:2px;line-height:18px;}
div.element-header label {
  padding:2px 2px 2px 6px;
  float:left;
  margin:0px;
  }

/*
div.tags-selector > div:nth-child(1) {
  display:inline-block;
  width:100%;
  padding-top:2px;
  }

div.tags-selector > div:nth-child(1) > div:nth-child(1) {width:2% ;line-height:20px;float:left;}
div.tags-selector > div:nth-child(1) > div:nth-child(2) {width:20%;line-height:20px;float:left;}
div.tags-selector > div:nth-child(1) > div:nth-child(3) {width:76%;line-height:15px;float:left;padding:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
div.tags-selector > div:nth-child(2) {display:none}
div.tags-selector button {    padding: 0px 5px 0px 5px;    margin-right: 5px; }
*/

div.tags-selector                          
  {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  color:inherit;
  display: flex;
  /*display:inline-block;*/
  flex-wrap: wrap;
  font-family:arial;
  padding:5px;
  position:absolute;
  z-index:3000;    
  }

div.tags-selector > div                    {float:left;margin-right:10px;box-sizing: border-box;}
div.tags-selector > div > div:nth-child(1) {float:left;width:100%;line-height:20px;padding-left:5px;background-color:#4286F4;color:#FFFFFF;font-weight:600;margin-top:10px;}
div.tags-selector > div > div:nth-child(2) {width:100%;}

div.tags-selector ul     {    padding: 0;    margin: 0;    list-style-type: none;}
div.tags-selector li     {    width: 50%;    float: left;    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

div.element-tags {
  width:500px;
  line-height:15px;
  float:right;
  padding:5px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  margin:10px;
  }
div.element-tags span   {background-color:#4286F4;padding:5px;margin:3px;border-radius:7px;border-color:#4286F4;color:#FFFFFF;}