#agentsDebugUI {
	max-height: calc(100% - 73px);
}

#agentsDebugUI_agentToolTip {
	position: absolute;
    visibility: hidden;
    z-index: 1;
    pointer-events: none;
    font-size: 9px;
    background: #0c0c0c;
    color: white;
    left: 0;
    top: 0;
    border: 1px solid white;
	padding: 1px 2px;
}

#agentsDebugUI_agents {
	position: absolute;
    max-height: calc(100% - 73px);
    width: 74px;
    display: flex;
    flex-wrap: wrap;
    /* flex-direction: row; */
    /* max-width: 254px; */
    /* pointer-events: none; */
    overflow: auto;
    background: #00000045;
    border: 1px solid #020202;
}

.agentsDebugUI_note {
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.2);
	margin: 0 2px 2px 0;
	border-left: 3px solid #448aff;
	font-size: 9px;
	background: #448aff75;
	color: white;
	width: 27px;
	/* text-align: center; */
	height: 60px;

	pointer-events: all;
}

.agentsDebugUI_note > * {
	margin-top: 1px;
  	margin-bottom: 1px;
}

.agentsDebugUI_lineElementsParent {
	display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.agentsDebugUI_lineElementsSpacing {
	margin: 0 0px 0 0px;
}

.agentsDebugUI_note img {
  width: 12px;
  filter: drop-shadow(0px 0px 1px #3a3a3a);
}

.agentsDebugUI_squareCollider {
  margin-left: 1px;
  width: 12px;
  height: 12px;
  background: #00ff0085;
  border: 1px solid #2cff00;
}

.agentsDebugUI_roundCollider {
  margin-left: 1px;
  width: 12px;
  height: 12px;
  background: #00ecff85;
  border: 1px solid #00ecff;
  border-radius: 6px;
}