/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
	white-space: normal;
	text-align: center;
	word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
	color: #0366d6;
}

.btn-primary {
	color: #fff;
	background-color: #1b6ec2;
	border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	color: #fff;
	background-color: #1b6ec2;
	border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
	font-size: 15px;
	background-color: #151515;
	color: #bfbfbf;
	position: relative;
	min-height: 100%;
}

@media (min-width: 768px) {
	html {
		font-size: 16px;
	}
}

h1, h2, h3, h4 {
	color: #eee;
}

.border-top {
	border-top: 1px solid #e5e5e5;
}

.border-bottom {
	border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
	box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
	font-size: 1rem;
	line-height: inherit;
}

body {
	/* Margin bottom by footer height */
	margin-bottom: 60px;
	background-color: #151515;
	color: #aaa;
}

.footer {
	background-color: #151515;
	color: #aaa;
	position: absolute;
	bottom: 0;
	width: 100%;
	white-space: nowrap;
	line-height: 60px; /* Vertically center the text there */
}

/* Turn tracker */
.turn-tracker input {
	padding: 2px;
}

.turn-tracker .repeater-container {
	padding: 10px 8px 10px 8px;
	margin-bottom: 4px;
	border: 1px solid #ccc;
}

.character-gen .small-input input {
	padding: 3px 5px;
}

.character-gen .repeater-container {
	padding: 10px 8px 10px 8px;
	margin-bottom: 4px;
	border: 1px solid #ccc;
}

.alertDanger {
	background-color: #4f0000;
}

.selectize-input {
	padding: 5px;
	font-size: 15px;
}

.selectize-dropdown .optgroup-header {
	padding-top: 7px;
	font-weight: 700;
	font-size: 15px;
	background-color: #aaa;
}

.selectize-dropdown .option {
	font-size: 15px;
	padding: 3px 4px;
}

.form-control {
	padding: 4px;
}

@media print {
	.character-gen .repeater-container {
		font-size: 12px;
	}

	.no-print, .no-print * {
		display: none !important;
	}
}