/* This file is for your main application css. */
@import "./bootstrap-reboot.min.css";
@import "./bootstrap-grid.min.css";

body {
	margin: 25px 0;
}

h1 {
	margin-top: 0;
	padding-top: 0;
	}

input, textarea {
	margin-top: 5px;
	padding: 5px;
	border-radius: 0;
	border: 1px solid gray;
	background-color: white;
	color: black;
}

button {
	color: #000;
	padding: 5px;
	margin: 5px 0;
	background-color: white;
	border: 1px solid black;
	box-shadow: 1px 1px;
}

button:hover {
	background-color: #eaeaec;
}

a {
	color: black;
	text-decoration: underline;
}

a:hover {
	color: black;
	text-decoration: none;
}

a.current {
	font-weight: bold;
}

table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

table td {
	overflow-wrap: normal;
	word-break: break-all;
}

table thead {
	border-bottom: 1px solid black;
}

table tr:nth-child(even) {
	background-color: #f2f2f2;
}

.alert {
	padding: 5px;
	width: 50%;
	margin: 10px 0;
	font-weight: bold;
}

.alert-info {
	border: 1px dotted blue;
	background-color: rgba(0, 0, 255, 0.1);
}

.alert-danger {
	border: 1px dotted red;
	background-color: rgba(255, 0, 0, 0.1);
}

.alert p {
	padding: 5px;
	margin: 0;
}

#section-nav ul {
	list-style: none;
}

#nav-logo {
	width: 60%;
	display: block;
	margin: 50px auto 0 auto;
}

.nav-notice {
	opacity: 0.8;
	text-align: center;
}