#waypoint_menu.active {
    opacity: 1;
    pointer-events: auto;
}

#waypoint_menu .waypoint_body {
    width: 29px;
    height: 34px;
    display: block;
    color: black;
    float: left;
    margin-top: 6px;
    margin-left: 2px;
}



#waypoint_menu .page {
    width:100%;
    overflow:hidden;
    text-align:left;
    margin-top: 5px;
}

#waypoint_menu #wp_counter {
    float: right;
    margin-right: 20%;
}


#waypoint_menu .waypoint_body #status {
    /* background-image: url('../img/3/locked_wp.png'); */
    width: 77px;
    height: 75px;
    float: left;
    background-size: 100%;
}



	#waypoint_menu.menuback {
		height: 225px;
	}

	#waypoint_menu .waypoint_body #status {
		width: 25px;
		height: 24px;
		margin-bottom: 6px;
		z-index:3;
	}
/*
	#waypoint_menu .waypoint_body {
		height: auto;
	} */

	#waypoint_menu #waypoint_list {
    margin-left: 15px;
    margin-top: 3px;
    width: 155px;
    height: 110px;
    float: left;
	}

  #waypoint_menu #waypoint_info {
    width: 95px;
    height: 110px;
    margin-right: 18px;
    margin-top: 2px;
    float: right;

  }

	#waypoint_menu .waypoint_body .waypoint {
		line-height: 18px;
		margin-bottom: 3px;
		margin-top: 5px;
		height: 115%;
		font-size: 10px;
    width: 149px;
    height: 16px;
    float: left;
    border-radius: 14px;
    border-left: none;
    text-indent: 10%;
    background: url('../img/1/text_bg.png') no-repeat;
    background-size: cover;

	}


	#waypoint_menu .page {
		max-height: 130px;
		height: 130px;
	}

	#waypoint_menu #wp_counter {
		font-size: 12px;
		margin-top: 8px;
	}

  #waypoint_menu #waypoint_info .icn {
    float: left;
    width: 52px;
    height: 53px;

    background: url(../img/1/newBigSpriteSheet.png) no-repeat 0px -1209px;
  }

  #waypoint_menu #waypoint_info .button_teleport {
    float: right;
    margin-top: 37px;
    width: 43px;
    height: 15px;
    background: url(../img/1/newBigSpriteSheet.png) no-repeat -367px -287px;
    cursor: pointer;
  }

  /* #waypoint_menu #waypoint_info .icn:after{
    float: both;
  }

  #waypoint_menu #waypoint_info .button_teleport:after{
    float: both;
  } */

  #waypoint_menu #waypoint_info .text_name_body {
    width: 100px;
    height: 20px;
    overflow: hidden;
  }

  #waypoint_menu #waypoint_info .text_name {
    font-family: "AdvoCut";
    font-size: 12px;
    font-weight: bold;
    color: #55271c;
    padding-top: 2px;
    padding-left: 7px;
    max-height: 10px;
    white-space: nowrap;
  }

  #waypoint_menu #waypoint_info .text_descr_body {
    background: url(../img/1/newBigSpriteSheet.png) no-repeat -340px -856px;
    width: 89px;
    height: 45px;
    margin-left: 3px;
    padding-top: 3px;
  }

  #waypoint_menu #waypoint_info .text_descr {
    font-family: "AdvoCut";
    font-size: 8px;
    font-weight: normal;
    color: #55271c;
    padding-left: 4px;
    text-indent: 8px;
    word-break: break-all;
    padding-top: 0px;
    width: 83px;
  }

  #waypoint_menu #wp_canvas{
    display: none;
  }

  #waypoint_menu #wp_canvas.chosen{
    display: block;
    background: url(../img/1/newBigSpriteSheet.png) no-repeat -442px -309px;
    width: 30px;
    height: 32px;
    padding-left: 1px;
    padding-top: 1px;
    float: left;
  }



  #waypoint_menu .wp_back{
    background: url(../img/1/newBigSpriteSheet.png) no-repeat -443px -386px;
    width: 28px;
    height: 29px;
    margin-top: 1px;
    padding-top: 1px;
    margin-left: 1px;

  }

  #waypoint_menu .wp_icn{
    background: url(../img/1/newBigSpriteSheet.png) no-repeat 0px -1182px;
    width: 26px;
    height: 28px;
    margin-left: 1px;
    /* margin-top: 2px; */
  }