body {
	background-color: #000000;
	margin: 10px;
}

._dash-loading {
	text-align: center;
	margin-top: 50px;
}

/* Header */

.header {
	height: 40px;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(100, 100, 100, 0.1);
	-moz-box-shadow: 0px 5px 5px 0px rgba(100, 100, 100, 0.1);
	box-shadow: 0px 5px 5px 0px rgba(100, 100, 100, 0.1);
	margin-bottom: 10px;
	background-color: #000000;
}

.header .links {
	display: inline-block;
	float: right;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 0.5px;
	color: rgb(81, 104, 131);
	font-size: 16px;
	vertical-align: middle;
}

.header .links .link {
	margin-left: 20px;
	line-height: 40px;
	display: inline-block;
	color: #506784;
	cursor: pointer;
	background-color: #000000;
	text-decoration: none;
}

.header .links .link:hover {
	color: #0D67BF;
	text-decoration: none;
}

.header .links .link.active {
	border-bottom: #119DFF 2px solid;
	color: #2A3F5F;
	height: 39px;
}

.header .links .link:hover {
	border-bottom: #119DFF 2px solid;
	color: #2A3F5F;
	height: 39px;
}

.header .logo {
	height: 100%;
}

.header .logo-link {
	background-color: white;
}


/* Footer */

.footer {
	color: white;
	margin-left: auto;
	width: 270px;
	font-size: 10;
}

/* Example Container */

.example-container {
	border: thin lightgrey solid;
	padding: 15px;
	overflow-x: scroll;
}

/* Fonts */

h1, h2, h3, h4, h5, h6 {
	font-family: Dosis, 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 400;
	color: #2A3F5F;
}

.example-container h1, .example-container h2, .example-container h3, .example-container h4, .example-container h5, .example-container h6 {
	font-weight: 300;
	font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: rgb(50, 50, 50);
}

.gallery .image-link {
	background-color: white;
}

.gallery img {
	width: 100%;
	border: thin lightgrey solid;
	border-radius: 5px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.toc ul li a {
	background-color: white;
	color: #506784;
	font-family: Dosis, 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-decoration: none;
}

.toc ul li {
	font-size: 26px;
	color: #506784;
}

.toc ul ul li {
	font-size: 18px;
	color: #506784;
	display: none;
}

.toc ul ul ul li {
	font-size: 14px;
	color: #506784;
	font-weight: 200;
}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.content a {
	color: #506784;
	background-color: rgb(245, 245, 245);
	text-decoration: underline;
	padding-left: 4px;
	padding-right: 4px;
	border-radius: 1px;
}

.content a:hover {
	color: #0D67BF;
	text-decoration: underline;
}

.content a>img:hover {
	border: thin #119DFF solid;
	cursor: pointer;
}

.content p>code, .content li>code {
	background-color: rgb(243, 246, 251);
	border: 0.5px rgb(224, 232, 242) solid;
	border-radius: 4px;
	font-size: 1.8rem;
	padding-left: 3px;
	padding-right: 3px;
}

.toc li {
	list-style: none;
}

.content-container {
	background-color: black;
	border-radius: 5px;
	font-size: 0.8rem;
	/* box-shadow: rgb(240, 240, 240) 5px 5px 5px 0px; */
	border: thin solid rgb(240, 240, 240);
	/* margin-bottom: 100px;*/
}

@media (min-width: 0px) {
	.content {
		margin-left: 20px;
		margin-right: 20px;
		margin-top: 20px;
		margin-bottom: 40px;
	}
	.container-width {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.toc-chapters {
		column-count: 1;
	}
	.header .links {
		display: none;
	}
}

._dash-undo-redo {
	display: none;
}

@media (min-width: 450px) {
	.header .links {
		display: block;
	}
}

@media (min-width: 750px) {
	.content {
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.container-width {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.toc-chapters {
		column-count: 2;
	}
}

@media (min-width: 900px) {
	.container-width {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		/*max-width: 1500px;*/
	}
}

.Select-control {
	background-color: black;
}      
/* changes the text color of input box */
.Select-value-label {
	color: white !important;
}

.VirtualizedSelectFocusedOption {
	background-color: #696969;
}

.Select--single > .Select-control .Select-value, .Select-placeholder {
	border: 1px solid grey;
	border-radius: 4px;
}


/* dropdown menu options */
.VirtualizedSelectOption {
	background-color: black;
	color: white;
}

.dash-cell-value, .column-header-name {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}