body {
  /*background: #808080;*/
  background: #000;
  color: #FFF;
}

#dashboard-top span{
	font-size: 12px;
}

#dashboard-bottom span{
	font-size: 12px;
}

/** {
  box-sizing: border-box;
  row-gap:0px;
}*/

.column {
  display: flex;
  flex-wrap: wrap;
  float: left;
  width: 14%;
  padding: 0px;
  row-gap: 0px;
}

.column-8 {
  display: flex;
  flex-wrap: wrap;
  float: left;
  width: 14%;
  padding: 0px;
  row-gap: 0px;
}

.column-9 {
  display: flex;
  flex-wrap: wrap;
  float: left;
  width: 16%;
  padding: 0px;
  row-gap: 0px;
}

.column-15 {
  display: flex;
  flex-wrap: wrap;
  float: left;
  width: 25%;
  padding: 0px;
  row-gap: 0px;
}

/* Clearfix (clear floats) */
.row::after {
  display: flex;
  flex-wrap: wrap;
  content: "";
  clear: both;
  /*display: table;*/
  row-gap: 0px;
}

.row{
  display: flex;
  flex-wrap: wrap;
  row-gap:0px;
}

.row-spacer{
  display: flex;
  flex-wrap: wrap;
  row-gap:10px;
  height: 5px;
}

.rectangle-signaling-room {
  height: 210px;
  width: 105px;
  background-color: #fff;
  color:#000;
  text-align:center;
  border: 2px solid #000;
  margin-left:5px;
}

.rectangle-platform-a {
  height: 50px;
  width: 210px;
  background-color: #fff;
  color:#000;
  text-align:center;
  border: 2px solid #000;
  margin-left:5px;
  margin-top: auto;
  margin-bottom: auto;
}

.rectangle-platform-b {
  height: 50px;
  width: 230px;
  background-color: #fff;
  color:#000;
  text-align:center;
  border: 2px solid #000;
  margin-left:5px;
  margin-top: auto;
  margin-bottom: auto;  
}

.small-rectangle-signaling-room{

	height: 21px;
    width: 12px;
    background-color: #fff;
    color: #000;
    text-align: center;
    border: 2px solid #000;
    margin-left: 5px;
}

.rail-track-8 {

	height: 6px;
	/*width: 250.17px;*/
	width: 250px;
	background-color: #FF00FF;
	border: 0px solid #000;
	/*margin-top: auto;
	margin-bottom: auto;*/
	display:inline-block;
	

}

.rail-track-8-aa {

	height: 6px;
	/*width: 250.17px;*/
	width: 246px;
	background-color: #FF00FF;
	border: 0px solid #000;
	/*margin-top: auto;
	margin-bottom: auto;*/
	display:inline-block;
	

}

.rail-track-15-vc {

	height: 6px;
	width: 346px;
	background-color: #FF00FF;
	border: 0px solid #000;
	/*margin-top: auto;
	margin-bottom: auto;*/
	

}

.rail-track-15-vc-rev {

	height: 6px;
	width: 323px;
	background-color: #FF00FF;
	border: 0px solid #000;
	/*margin-top: auto;
	margin-bottom: auto;*/
	margin-right: 30px;
	margin-left: 0px;
	

}

.rail-track-15-vc11a {

	height: 6px;
	width: 127px; /*114px,127px*/
	background-color: #FF00FF;
	border: 0px solid #000;
	/*margin-top: auto;
	margin-bottom: auto;	*/
}

.rail-track-15-vc11a-rev {

	height: 6px;
	width: 120px; /*114px;120px;*/
	background-color: #FF00FF;
	border: 0px solid #000;
	/*margin-top: auto;
	margin-bottom: auto;*/	
}

.rail-track-15-ab {

	height: 6px;
	/*width: 471.75px;*/
	width:355.25px;
	background-color: #FF00FF;
	border: 0px solid #000;
	/*margin-top: auto;
	margin-bottom: auto;*/
	margin-left: 0;
    row-gap:0px;
	

}

.rail-track-15-ab-rev {

	height: 6px;
	/*width: 471.75px;*/
	width:325px;
	background-color: #FF00FF;
	border: 0px solid #000;
	/*margin-top: auto;
	margin-bottom: auto;*/
	margin-left: 30px;
	margin-right:0px;
    row-gap:0px;
	

}

.rail-track-15-ab11b {

	height: 6px;
	/*width: 471.75px;*/
	width:120.75px;
	background-color: #FF00FF;
	border: 0px solid #000;
	/*margin-top: auto;
	margin-bottom: auto;*/
	margin-right:0;
	row-gap:0px;
	

}
/*
.rail-track-15-vc {

	height: 6px;
	width: 468.5px;
	background-color: #FF00FF;
	border: 0px solid #000;
	margin-top: auto;
	margin-bottom: auto;
	

}*/

.rail-track-9 {

	height: 6px;
	width: 301.91px;
	background-color: #FF00FF;
	border: 0px solid #000;
	margin-top: auto;
	margin-bottom: auto;
	

}

.rail-track-9-vb {

	height: 6px;
	width: 301.63px;/*298px*/
	background-color: #FF00FF;
	border: 0px solid #000;
	/*margin-top: auto;
	margin-bottom: auto;*/
	

}

.rail-track-9-va {

	height: 6px;
	/*width: 287.91px;*/
	width: 273.63px;/*270px*/
	background-color: #FF00FF;
	border: 0px solid #000;
	/*margin-top: auto;
	margin-bottom: auto;*/
	

}

.rail-track-9-ad {

	height: 6px;
	/*width: 287.91px;*/
	width: 287.63px;
	background-color: #FF00FF;
	border: 0px solid #000;
	/*margin-top: auto;
	margin-bottom: auto;*/
	

}

.rail-track-9-ac {

	height: 6px;
	/*width: 287.91px;*/
	width: 301.63px;
	background-color: #FF00FF;
	border: 0px solid #000;
	/*margin-top: auto;
	margin-bottom: auto;*/
	

}

.rail-track-white {

	height: 6px;
	width: 132.09px;
	background-color: #FFF;
	border: 0px solid #000;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 50%;
	

}

.parent {
  background: mediumpurple;
  padding: 0rem;
}
.child {
  border: 1px solid indigo;
  padding: 0rem;
}

.triangle-left-ac {
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-right: 14px solid #FFFF00;
	border-bottom: 7px solid transparent;
	margin-top: 30px;
	margin-left:-7%;
}

.triangle-right-ab {
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-left: 14px solid #FFFF00;
	border-bottom: 7px solid transparent;
	margin-top: 30px;
	margin-left:5px;
}

.triangle-left-vb {
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-right: 14px solid #FFFF00;
	border-bottom: 7px solid transparent;
	margin-top:15px;
	margin-left:-12%;
}

.triangle-right-va {
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-left: 14px solid #FFFF00;
	border-bottom: 7px solid transparent;
	margin-top:15px;
	margin-left:5px;
}

.triangle-left-vc {
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-right: 14px solid #FFFF00;
	border-bottom: 7px solid transparent;
	margin-top:15px;
	margin-left:0%;
}

.triangle-right-vd {
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-left: 14px solid #FFFF00;
	border-bottom: 7px solid transparent;
	margin-top:15px;
	margin-left:5px;
}


.diode-left-top {
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-right: 14px solid #FFF;
	border-bottom: 7px solid transparent;
	margin-top:-4.5px;
	/*margin-bottom:auto;*/
	display: inline-block;
}

.diode-left-top-c {
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-right: 14px solid #42f56c;
	border-bottom: 7px solid transparent;
	margin-top:-4.5px;
	/*margin-bottom:auto;*/
	display: inline-block;
}

.diode-left-bottom {
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-right: 14px solid #FFF;
	border-bottom: 7px solid transparent;
	margin-top:-5px;
	/*margin-bottom:auto;*/
	display: inline-block;
}

.diode-left-bottom-c {
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-right: 14px solid #42f56c;
	border-bottom: 7px solid transparent;
	margin-top:-5px;
	/*margin-bottom:auto;*/
	display: inline-block;
}

.diode-right {
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-left: 14px solid #FFF;
	border-bottom: 7px solid transparent;
	margin-top:-5px;
	margin-bottom:auto;
	display: inline-block;
}

.diode-right-top {
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-left: 14px solid #FFF;
	border-bottom: 7px solid transparent;
	margin-top:-4.5px;
	/*margin-bottom:auto;*/
	display: inline-block;
}

.diode-right-top-c {
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-left: 14px solid #42f56c;
	border-bottom: 7px solid transparent;
	margin-top:-4.5px;
	/*margin-bottom:auto;*/
	display: inline-block;
}

.diode-left-c {
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-right: 14px solid #42f56c;
	border-bottom: 7px solid transparent;
	margin-top:auto;
	margin-bottom:auto;
	display: inline-block;
}

.diode-right-c {
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-left: 14px solid #42f56c;
	border-bottom: 7px solid transparent;
	margin-top:-5px;
	margin-bottom:auto;
	display: inline-block;
}

.track-label-top{
	position:relative;
	text-align:center;
	margin-left:auto;
	margin-right: auto;
	/*margin-top:30px;*/
	width:100%;
	z-index:-1;
	
}


.track-label-bottom{
	text-align:center;
	margin-left:auto;
	margin-right: auto;
	/*margin-top:-30px;*/
}

.rectangle-arrow-right {
    position:relative;
    background-color: #000;
    height: 20px;
    width: 50px;
    margin-left: 10px;
	margin-top:15px;
    float: left;
}

.rectangle-arrow-right:after {
    content:'';
    position: absolute;
    right: -10px;
    top: 0%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0px 10px 10px;
    border-color: transparent transparent transparent #000;
}

.rectangle-arrow-left {
    position:relative;
    background-color: #000;
    height: 20px;
    width: 50px;
    margin-left: 120px;
	  margin-top:15px;  
    float: left;
}

.rectangle-arrow-left:after {
    content:'';
    position: absolute;
    left: -10px;
    top: 0%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0px;
  	/*border-top: 15px solid transparent;
	  border-right: 30px solid #FFFF00;*/
    border-color: transparent #000 transparent transparent;
}

.rectangle-arrow-right-w {
    position:relative;
    background-color: #fff;
    height: 20px;
    width: 50px;
    margin-left: 10px;
	margin-top:15px;
    float: left;
}

.rectangle-arrow-right-w:after {
    content:'';
    position: absolute;
    right: -10px;
    top: 0%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0px 10px 10px;
    border-color: transparent transparent transparent #fff;
}

.rectangle-arrow-left-w {
    position:relative;
    background-color: #fff;
    height: 20px;
    width: 50px;
    margin-left: 120px;
	  margin-top:15px;  
    float: left;
}

.rectangle-arrow-left-w:after {
    content:'';
    position: absolute;
    left: -10px;
    top: 0%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0px;
  	/*border-top: 15px solid transparent;
	  border-right: 30px solid #FFFF00;*/
    border-color: transparent #fff transparent transparent;
}

.rectangle-arrow-right-r {
    position:relative;
    background-color: red;
    height: 20px;
    width: 50px;
    margin-left: 10px;
	margin-top:15px;
    float: left;
}

.rectangle-arrow-right-r:after {
    content:'';
    position: absolute;
    right: -10px;
    top: 0%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0px 10px 10px;
    border-color: transparent transparent transparent red;
}

.rectangle-arrow-left-r {
    position:relative;
    background-color: red;
    height: 20px;
    width: 50px;
    margin-left: 120px;
	  margin-top:15px;  
    float: left;
}

.rectangle-arrow-left-r:after {
    content:'';
    position: absolute;
    left: -10px;
    top: 0%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0px;
  	/*border-top: 15px solid transparent;
	  border-right: 30px solid #FFFF00;*/
    border-color: transparent red transparent transparent;
}

.circle-big {
 position: relative;
  height: 20px;
  width: 20px;
  background-color: #000;
  border-top-left-radius: 50%;
  border: 1px solid #fff;
  border-right: 3px solid #fff;
 
}
.circle {
position: absolute;
  height: 14px;
  width: 14px;
  /*background-color: #F08000;*/
  background-color: #FFFF00;
  border-radius: 50%;
   top: 50%;
   left: 50%;
   margin: -7px 0px 0px -7px;  
   
}

#sss6v{
  float:left;
  margin-top: 3px;
  margin-left: 6px;
  background-color: white;
  border: 1px solid white;
  width: 0.1px;
  height: 14px;
}
#sst5v{
  float:right;
  margin-top: 3px;
  margin-right: 6px;
  background-color: white;
  border: 1px solid white;
  width: 0.1px;
  height: 14px;
  transform: rotate(45deg);
  display: none;
  /*visibility: hidden;*/
   
}
#sst3v{
  float:right;
  margin-top: 3px;
  margin-right: 6px;
  background-color: white;
  border: 1px solid white;
  width: 0.1px;
  height: 14px;
  transform: rotate(45deg);
  display: none;
  /*visibility: hidden;*/
}

.circle-big-s6 {
 position: relative;
  height: 20px;
  width: 20px;
  background-color: #000;
  border-bottom-right-radius: 50%;
  border: 1px solid #fff;
  border-left: 3px solid #fff;
 
}

.circle-big-green {
 position: relative;
  height: 20px;
  width: 20px;
  background-color: #000;
  border-radius: 50%;
  /*border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;*/
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
 
}
.circle-green {
position: absolute;
  height: 14px;
  width: 14px;
  /*background-color: #F08000;*/
  background-color: #42f56c;
  border-radius: 50%;
   top: 50%;
   left: 50%;
   margin: -7px 0px 0px -7px;  
   
}

.circle-big-red {
 position: relative;
  height: 20px;
  width: 20px;
  background-color: #000;
  border-radius: 50%;
  /*border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;*/
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
 
}
.circle-red {
position: absolute;
  height: 14px;
  width: 14px;
  /*background-color: #F08000;*/
  background-color: #f54254;
  border-radius: 50%;
   top: 50%;
   left: 50%;
   margin: -7px 0px 0px -7px;  
   
}

.circle-gray {
/*position: absolute;*/
 display: inline-block;
  height: 14px;
  width: 14px;
  /*background-color: #F08000;*/
  background-color: gray;
  border-radius: 50%;
   top: 50%;
   left: 50%;
   margin: 7px 0px 0px 7px;  
   
}

.circle-yellow {
/*position: absolute;*/
 display: inline-block;
  height: 14px;
  width: 14px;
  /*background-color: #F08000;*/
  background-color: yellow;
  border-radius: 50%;
   top: 50%;
   left: 50%;
   margin: 7px 0px 0px 7px;  
   
}

.circle-blacks {
/*position: absolute;*/
 display: inline-block;
  height: 14px;
  width: 14px;
  /*background-color: #F08000;*/
  background-color: black;
  border-radius: 50%;
   top: 50%;
   left: 50%;
   margin: 7px 0px 0px 7px;  
   
}

.circle-black {
position: absolute;
 /*display: inline-block;*/
  height: 14px;
  width: 14px;
  /*background-color: #F08000;*/
  background-color: gray;
  border-radius: 50%;
   top: 50%;
   left: 50%;
   margin: -7px 0px 0px -7px;  
   
}

.circle-error{
  position: absolute;
  border:2px solid yellow;
  border-radius:50%;
  background:rgba(0,0,0,0);
  color:white;
  width:50px;
  height:50px;
  text-align:center;
  line-height:20px;
  z-index:1;
}

.signboard-2{
height: 20px;
width: 20px;
border: 1px solid #fff;
}

.signboard-text{
 transform: rotate(-90deg);
 text-align:center;
}

.signboard-text-1{
 transform: rotate(90deg);
 text-align:center;
}
.end-track-va {
  position: relative;	
  border-top: 3px solid #fff;
  border-left: 3px solid #fff;
  height: 10px;
  border-bottom: 3px solid #fff;
  width: 10px;
  row-gap:0px;
  top: -28px;
  left: 50%;
  margin: 22.5px 0px 0px 130px;  
}
.end-track-ad {
  position: relative;	
  border-top: 3px solid #fff;
  border-left: 3px solid #fff;
  height: 10px;
  border-bottom: 3px solid #fff;
  width: 10px;
  row-gap:0px;
  top: 30px;
  left: 50%;
  margin: -35.5px 0px 0px 130px;  
}
.vl {
  border-left: 2px solid #fff;
  height: 5px;
  border-bottom: 1px solid #fff;
  width: 10px;
  row-gap:0px;
}
.vl2 {
  border-left: 2px solid #fff;
  height: 5px;
  border-top: 1px solid #fff;
  width: 10px;
  row-gap:0px;
}
.track-cct {
  position: relative;
  border-left: 3px solid #fff;
  height: 15px;
  width: 0px;
  row-gap:0px;
  top: -5px;
}
.track-cct-low {
  position: relative;
  border-left: 3px solid #fff;
  height: 15px;
  width: 0px;
  row-gap:0px;
  top: 15px;
}
.track-cct-ac {
  position: relative;
  border-left: 3px solid #fff;
  height: 15px;
  width: 0px;
  row-gap:0px;
  top: -5px;
}
.track-cct-aa {
  position: relative;
  border-left: 3px solid #fff;
  height: 15px;
  width: 0px;
  row-gap:0px;
  top:-5px;
}
.vl-1 {
  border-right: 2px solid #fff;
  height: 5px;
  border-bottom: 1px solid #fff;
  width: 10px;
  row-gap:0px;
}
.vl2-1 {
  border-right: 2px solid #fff;
  height: 5px;
  border-top: 1px solid #fff;
  width: 10px;
  row-gap:0px;
}

.vl-2 {
  border-left: 2px solid #fff;
  height: 5px;
  border-bottom: 1px solid #fff;
  width: 5px;
  row-gap:0px;
}
.vl2-2 {
  border-left: 2px solid #fff;
  height: 5px;
  border-top: 1px solid #fff;
  width: 5px;
  row-gap:0px;
}


.vl-3 {
  border-right: 2px solid #fff;
  height: 5px;
  border-bottom: 1px solid #fff;
  width: 5px;
  row-gap:0px;
}
.vl2-3 {
  border-right: 2px solid #fff;
  height: 5px;
  border-top: 1px solid #fff;
  width: 5px;
  row-gap:0px;
}

.switch-toggle {
   /*float: left;
   background: #242729;*/
   background: #000;
   margin-left:auto;
   margin-right:auto;
   width:80px;
}
.switch-toggle input {
  position: absolute;
  opacity: 0;
  padding: 1px;
  border: 1px solid #FFF;
}
.switch-toggle input + label {
  padding: 1px;
  color: #fff;
  float: left;
  cursor: pointer;
  border: 1px solid #FFF;
  width: 80px;
}
.switch-toggle input:checked + label {
  background: #F08000;
  padding: 1px;  
  float: left;
  cursor: pointer;
  border: 1px solid #FFF;
  width: 80px;  
}

label {
font-size:10px;
}


.inline-block-child {
  display: inline-block;
}

.btn-round{
	background-color: black;
	background-image: linear-gradient(to right bottom, black, gray);
	border: 5px solid gray;
	border-radius: 50%;
	padding:15px;
    top: 50%;
    left: 50%;	
	margin: 7px 0px 0px 7px;  
	
}

.btn-round-clicked{
	background-color: white;
	background-image: black;
	border: 5px solid white;
	border-radius: 50%;
	padding:15px;
    top: 50%;
    left: 50%;	
	margin: 7px 0px 0px 7px;  
	
}

.btn-round-adst7{
	background-color: black;
	background-image: linear-gradient(to right bottom, black, gray);
	border: 5px solid gray;
	border-radius: 50%;
	padding:15px;
    margin-top: -10px;
    /*left: 50%;*/
	/*margin: 7px 0px 0px 7px; */ 
	height: 15px;
	width: 15px;
	
}

.btn-round-adst7-clicked{
	background-color: white;
	background-image: black;
	border: 5px solid white;
	border-radius: 50%;
	padding:15px;
    margin-top: -10px;
    /*left: 50%;*/
	/*margin: 7px 0px 0px 7px; */ 
	height: 15px;
	width: 15px;
	
}

.btn-round-white{
	background-color: white;
	background-image: linear-gradient(to right bottom, white, gray);
	border: 5px solid gray;
	border-radius: 50%;
	padding:15px;
    top: 50%;
    left: 50%;	
	margin: 7px 0px 0px 7px;  
	
}

.seven_number {
    position: relative;
    left: 15px;
    top: 185px;
    width: 7px;
	transform:  rotateX(180deg) rotateY(360deg) rotateZ(360deg);
	height:24px;
}

.seven_number:after {
    content: "";
    height: 2.5px;
    width: 11.5px;
    position: absolute;
    background: #c6c6c6;
    border-radius: 0px 100px 0px 5px;
    top: 0px;
    left: -2px;
}

.seven_number:before {
    content: "";
    height: 13.5px;
    width: 2.5px;
    position: absolute;
    background: #c6c6c6;
    border-radius: 0px 100px 0px 5px;
    top: 0px;
    right: 0px;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
}
.seven_number_1 {
    position: relative;
    left:440px;
    top: 5px;
    width: 7px;
	transform:  rotateX(0deg) rotateY(180deg) rotateZ(360deg);
	height:24px;
}

.seven_number_1:after {
    content: "";
    height: 2.5px;
    width: 11.5px;
    position: absolute;
    background: #c6c6c6;
    border-radius: 0px 100px 0px 5px;
    top: 0px;
    left: -2px;
}

.seven_number_1:before {
    content: "";
    height: 13.5px;
    width: 2.5px;
    position: absolute;
    background: #c6c6c6;
    border-radius: 0px 100px 0px 5px;
    top: 0px;
    right: 0px;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
}
.seven_number_2 {
    position: relative;
    left:440px;
    top: 185px;
    width: 7px;
	transform:  rotateX(180deg) rotateY(180deg) rotateZ(360deg);
	height:24px;
}

.seven_number_2:after {
    content: "";
    height: 2.5px;
    width: 11.5px;
    position: absolute;
    background: #c6c6c6;
    border-radius: 0px 100px 0px 5px;
    top: 0px;
    left: -2px;
}

.seven_number_2:before {
    content: "";
    height: 13.5px;
    width: 2.5px;
    position: absolute;
    background: #c6c6c6;
    border-radius: 0px 100px 0px 5px;
    top: 0px;
    right: 0px;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
}


.seven_number_c {
    position: relative;
    left: 15px;
    top: 185px;
    width: 7px;
	transform:   rotateX(180deg) rotateY(360deg) rotateZ(360deg);
	height:24px;
}

.seven_number_c:after {
    content: "";
    height: 2.5px;
    width: 11.5px;
    position: absolute;
    background: blue;
    border-radius: 0px 100px 0px 5px;
    top: 0px;
    left: -2px;
}

.seven_number_c:before {
    content: "";
    height: 13.5px;
    width: 2.5px;
    position: absolute;
    background: blue;
    border-radius: 0px 100px 0px 5px;
    top: 0px;
    right: 0px;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
}
.seven_number_1_c {
    position: relative;
    left:440px;
    top: 5px;
    width: 7px;
	transform:  rotateX(0deg) rotateY(180deg) rotateZ(360deg);
	height:24px;
}

.seven_number_1_c:after {
    content: "";
    height: 2.5px;
    width: 11.5px;
    position: absolute;
    background: blue;
    border-radius: 0px 100px 0px 5px;
    top: 0px;
    left: -2px;
}

.seven_number_1_c:before {
    content: "";
    height: 13.5px;
    width: 2.5px;
    position: absolute;
    background: blue;
    border-radius: 0px 100px 0px 5px;
    top: 0px;
    right: 0px;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
}
.seven_number_2_c {
    position: relative;
    left:440px;
    top: 185px;
    width: 7px;
	transform:  rotateX(180deg) rotateY(180deg) rotateZ(360deg);
	height:24px;
}

.seven_number_2_c:after {
    content: "";
    height: 2.5px;
    width: 11.5px;
    position: absolute;
    background: blue;
    border-radius: 0px 100px 0px 5px;
    top: 0px;
    left: -2px;
}

.seven_number_2_c:before {
    content: "";
    height: 13.5px;
    width: 2.5px;
    position: absolute;
    background: blue;
    border-radius: 0px 100px 0px 5px;
    top: 0px;
    right: 0px;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
}