html,
body {
	/* height: 100%; */
}

body {
	/* display: flex;
	align-items: center;
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #f5f5f5; */
	font-family: "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN",
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,
		"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body {
	/* font-size: 0.875rem; */
}

/* Sidebar */
.sidebar {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	/* right: 0; */
	z-index: 100;
	/* Behind the navbar */
	padding: 48px 0 0;
	/* Height of navbar */
	box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1);
}

@media (max-width: 767.98px) {
	.sidebar {
		/* top: 5rem; */
	}
}

.sidebar-sticky {
	position: relative;
	top: 0;
	height: calc(100vh - 48px);
	padding-top: 0.5rem;
	overflow-x: hidden;
	overflow-y: auto;
	/* Scrollable contents if viewport is shorter than content. */
}

.sidebar .nav-link {
	font-weight: 500;
	color: #333;
}

.sidebar .nav-link .feather {
	margin-right: 4px;
	color: #727272;
}

.sidebar .nav-link.active {
	color: #2470dc;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
	color: inherit;
}

.sidebar-heading {
	font-size: 0.75rem;
	text-transform: uppercase;
}

/* Navbar */
.navbar-brand {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	font-size: 1rem;
	/* background-color: rgba(0, 0, 0, 0.25); */
	box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25);
}

.navbar .navbar-toggler {
	top: 0.25rem;
	right: 1rem;
	margin-right: 6px;
}

.fa {
	width: 14px;
	height: 14px;
}

/* Sign in */
.form-signin {
	width: 100%;
	max-width: 380px;
	padding: 15px;
	margin: auto;
}

/* Sticky footer */
main>.container {
	padding: 60px 15px 0;
}

.error-message {
	width: 100%;
	margin-top: 0.25rem;
	font-size: 0.875em;
	color: #dc3545;
}

.form-control.form-error {
	border-color: #dc3545;
	padding-right: calc(1.5em + 0.75rem);
}

.form-control.form-error:focus {
	border-color: #dc3545;
	box-shadow: 0 0 0 0.25rem rgb(220 53 69 / 25%);
}

.message.error {
	color: #dc3545;
	margin-top: 0.75rem;
	margin-bottom: 0.75rem;
}

.message.success {
	color: #198754;
	margin-top: 0.75rem;
	margin-bottom: 0.75rem;
}

td.description {
	line-height: 2rem;
}

.url {
	word-break: break-all;
}