/* ====================== *
 * ## Databrowser Page ##
 * ====================== */

.db-page .databrowser-map-controls-container .map-interaction-button {
	clear: none;
	margin-bottom: 0;
	margin-left: 15px;
}

/* ======================= *
 * ## Databrowser Noise ##
 * ======================= */

/* ## NMT layer ## */
.db-nmt-container.select .db-label-container .db-label:after {
   /* disclaimer
      The border-color styling is so specific for this element that adding it to the colors.css is
      deemed unnecessary */
   border-color: #2F2F2F transparent transparent transparent;
}


/* ## NMT position list ## */
.nmt-position-list .role-listitems {
   max-height: 150px;
   overflow: auto;
}


/* ======================== *
 * ## Databrowser Tracks ##
 * ======================== */

.ne-pagination {
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
}

.ne-pagination .role-next,
.ne-pagination .role-prev {
	cursor: pointer;
	float: left;
	height: 100%;
	padding: 8px;
	position: relative;
	width: 33px;
}

.ne-pagination .role-next .icon,
.ne-pagination .role-prev .icon {
	float: left;
	height: 100%;
	position: relative;
	width: 100%;

	fill: #FFF;
	stroke: #FFF;
	stroke-width: 4px;
}

.ne-pagination .role-next:hover .icon,
.ne-pagination .role-prev:hover .icon {
	stroke-width: 8px;
}

.ne-audio {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
}

.ne-audio .role-pause_button,
.ne-audio .role-play_button {
	cursor: pointer;
	float: left;
	height: 100%;
	padding: 8px;
	position: relative;
	width: 33px;
}

.ne-audio .role-pause_button .icon,
.ne-audio .role-play_button .icon {
	float: left;
	height: 100%;
	position: relative;
	width: 100%;

	fill: #FFF;
}