#transportador, #mouse_path{
    width:60%;
    position:absolute;
    left:20%;
    top:20%;
}

#flecha_transportador{
    position:absolute;
    width:20%;
    top:67.2%;
    left:51.1%;
     -webkit-transform-origin: 0% 50%;
     z-index:2;
}

#flecha_transportador:hover{
    cursor:pointer;

}

#mouse_path{
    width:51%;
	height:70%;
    background-size:100%;
    top:11.4%;
    left:25.8%;
    position:absolute;
    z-index:3;
}

#mouse_path:hover{
	cursor:pointer;
}

#mouse_path g:hover{
	fill:red;
}

#mouse_path_container{
	opacity:0.5;
	position:absolute;
	width:60.6%;
	height:50.5%;
    top:23%;
    left:28.3%;
    z-index:3;
}

#degree_text{
	position:absolute;
	left:58%;
	top:66%;
	z-index:4;
	background:white;
	border:solid 2px green;
	padding:0.5em;
}

#degree_text h4{
	color:green;
	font-size:2em;
	padding:0;
	margin:0;
}

#degree{
	position:absolute;
	width:11%;
	left:45.7%;
	top:58.9%;
	z-index:1-;

}

.extra_buttons{
    left:90%;
    top:1.3em;
    border-radius:7px;
    border: none;
}

#help{
  position:absolute;
  left:-100%;
  top:0;
}

.popup_container{
    width:100%;
    height:100%;
}
.popup_container{
  position:absolute;
   z-index:9;
}
.popup{
    width:50%;
    margin-left:5%;

}

.btn_cerrar{
	position: absolute;
    width: 3%;
    left: 74.5%;
    top: 0%;
    cursor: pointer;
}

.btn_cerrar:hover{
	width: 3.1%;
}

.extra_buttons{
    display:inline-block;
    left:90%;
    top:1.3em;
    border-radius:7px !important;
}

.extra_buttons:hover{
    cursor:pointer;
}

.extra_buttons:first-of-type{
    left:-169% !important;
}