/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

body {
	font-family: "Segoe WPC", "Segoe UI", "SFUIText-Light", "HelveticaNeue-Light", sans-serif, "Droid Sans Fallback";
	font-size: 14px;
	padding-left: 12px;
	line-height: 22px;
}

img {
	max-width: 100%;
	max-height: 100%;
}

a {
	color: #4080D0;
	text-decoration: none;
}

a:focus,
input:focus,
select:focus,
textarea:focus {
	outline: 1px solid -webkit-focus-ring-color;
	outline-offset: -1px;
}

hr {
	border: 0;
	height: 2px;
	border-bottom: 2px solid;
}

h1 {
	padding-bottom: 0.3em;
	line-height: 1.2;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

h1, h2, h3 {
	font-weight: normal;
}

a:hover {
	color: #4080D0;
	text-decoration: underline;
}

table {
	border-collapse: collapse;
}

table > thead > tr > th {
	text-align: left;
	border-bottom: 1px solid;
}

table > thead > tr > th,
table > thead > tr > td,
table > tbody > tr > th,
table > tbody > tr > td {
	padding: 5px 10px;
}

table > tbody > tr + tr > td {
	border-top: 1px solid;
}

blockquote {
	margin: 0 0 0 5px;
	padding-left: 10px;
	border-left: 5px solid;
}

code {
	font-family: Menlo, Monaco, Consolas, "Droid Sans Mono", "Courier New", monospace, "Droid Sans Fallback";
	font-size: 14px;
	line-height: 19px;
}

.mac code {
	font-size: 12px;
	line-height: 18px;
}

code > div {
	padding: 16px;
	border-radius: 3px;
	overflow: auto;
}

/** Theming */

.vs {
	color: rgb(30, 30, 30);
}

.vs-dark {
	color: #DDD;
}

.hc-black {
	color: white;
}

.vs code {
	color: #A31515;
}

.vs-dark code {
	color: #D7BA7D;
}

.vs code > div {
	background-color: rgba(220, 220, 220, 0.4);
}

.vs-dark code > div {
	background-color: rgba(10, 10, 10, 0.4);
}

.hc-black code > div {
	background-color: rgb(0, 0, 0);
}

.hc-black h1 {
	border-color: rgb(0, 0, 0);
}

.vs table > thead > tr > th {
	border-color: rgba(0, 0, 0, 0.69);
}

.vs-dark table > thead > tr > th {
	border-color: rgba(255, 255, 255, 0.69);
}

.vs h1,
.vs hr,
.vs table > tbody > tr + tr > td {
	border-color: rgba(0, 0, 0, 0.18);
}

.vs-dark h1,
.vs-dark hr,
.vs-dark table > tbody > tr + tr > td {
	border-color: rgba(255, 255, 255, 0.18);
}

.vs blockquote,
.vs-dark blockquote {
	background: rgba(127, 127, 127, 0.1);
	border-color: rgba(0, 122, 204, 0.5);
}

.hc-black blockquote {
	background: transparent;
	border-color: #fff;
}