body, html {
	overflow-x: hidden;
}
.vh-100 {
	height: 100vh;
}
.navbar-wrapper {
	box-shadow: 1px 1px 8px #eee;
}
.nav-link.active {
	color: #46a5e9 !important;
    font-weight: bold;
}
.main {
	padding-top: 40px;
	height: calc(100vh - 56px);
}
.page1-table-col {
	height: calc(100vh - 215px);
	overflow: auto;
}
#eventsTable1 tbody tr, #charactersTable1 tbody tr {
	cursor: pointer;
}
#eventsTable1 tbody tr.selected, #charactersTable1 tbody tr.selected {
	background-color: #acd2f1;
}

#eventsTable1 tbody tr td:first-child::before {
	content: '';
	display: inline-block;
   	width: 8px;
   	height: 8px;
   	-moz-border-radius: 50%;
   	-webkit-border-radius: 50%;
   	border-radius: 50%;
   	margin-right: 5px;
}
#eventsTable1 tr[data-tag='minor'] td:first-child::before {
	background-color: #0a77ff;
}
#eventsTable1 tr[data-tag='major'] td:first-child::before {
	background-color: #05b505;
}
#eventsTable1 tr[data-tag='crossover'] td:first-child::before {
	background-color: #ffb100;
}
#eventsTable1 tr[data-tag='historical'] td:first-child::before {
	background-color: #d71111;
}
#eventsTable1.dataTable tbody tr.selected>*, #charactersTable1.dataTable tbody tr.selected>* {
	box-shadow: none;
}

#timelinesTable1.dataTable tbody tr.selected>* {
	box-shadow: inset 0 0 0 9999px #acd2f1;
	color: white;
}

#timelineVisualBar {
	width: 100%;
	height: 15px;
	position: absolute;
	left: 0;
	background: repeating-linear-gradient(
      -66deg,
      #e3e3e3,
      #e3e3e3 10px,
      #b9b9b9 10px,
      #b9b9b9 20px
    )
}
#timelineVisualBar .events-belt {
	width: 100%;
	height: 100%;
	position: relative;
}

#timelineVisualBar .event {
	position: absolute;
	height: 100%;
	width: 3px;
	top: 0;
}
#timelineVisualBar .event[data-tag='minor'] {
	background-color: #0a77ff;
}
#timelineVisualBar .event[data-tag='major'] {
	background-color: #05b505;
}
#timelineVisualBar .event[data-tag='crossover'] {
	background-color: #ffb100;
}
#timelineVisualBar .event[data-tag='historical'] {
	background-color: #d71111;
}

.visualBarControlsBtn {
	font-size: 12px;
    border: 1px solid;
}

@media (min-width: 1200px) {
	.container {
	    max-width: 1340px;
	}
}