body {
	color: hsl(36, 10%, 80%);
	background-color: #181A1B;
	font-family: Arial, sans-serif;
	user-select: none;
}

div {
	padding: 0;
	margin: 0;
}

#title {
	margin-left: auto;
	margin-right: auto;
	min-width: 600px;
	max-width: 1400px;
	font-family: "Fondamento", cursive;
	font-weight: 400;
	font-style: normal;
	font-size: xxx-large;
}

#nav {
	margin-left: auto;
	margin-right: auto;
	min-width: 600px;
	max-width: 1400px;
}

#tabs {
	display: flex;
	border-bottom: 2px solid #3E4446;
	user-select: none;
}

.tab {
	padding: 10px;
	cursor: pointer;
	border: 1px solid #3E4446;
	border-bottom: none;
	background-color: #222426;
	margin-right: 5px;
	border-radius: 10px 10px 0 0;
}

.tab.active {
	background-color: hsl(210, 6%, 24%);
	border-bottom: 2px solid rgb(50, 143, 197);
}

#tab-content {
	border: 1px solid #3E4446;
	padding: 10px;
	min-height: 600px;
	background-color: #181A1B;
}

#main {
	margin-left: auto;
	margin-right: auto;
	min-width: 600px;
	max-width: 1400px;
}

table.diffTable {
	border-collapse: collapse;
	width: 100%;
	margin-top: 10px;
}

th,
td {
	border: 1px solid #3E4446;
	padding: 3px;
	vertical-align: top;
	/* white-space: pre-wrap; */
	text-wrap: wrap;
	border-bottom-width: 2px;
}

th,
td:first-child {
	background-color: #222426;
	text-align: left;
}

th {
	font-weight: bold;
	user-select: none;
}

th:first-child,
td:first-child {
	width: 25%;
	word-break: break-all;
}

td:first-child {
	border-right-width: 2px;
	font-size: small;
}

td:nth-child(2) {
	padding-left: 5px;
}

td {
	font-family: monospace;
	user-select: text;
}

.diffTable td div {
	white-space: pre-wrap;
}

/* .diffTable td:nth-child(2) span:not(.marker) {
	background-color: hsl(350, 90%, 23%);
}

.diffTable td:nth-child(3) span:not(.marker) {
	background-color: hsl(88, 91%, 22%);
} */

/* .diffTable td div::before,
.diffTable td div::after {
	content: "…";
	color: hsl(36, 10%, 40%);
} */

.diffTable td div:nth-of-type(even) {
	background-color: hsl(200, 6%, 15%);
}


span.ebf::before,
span.eaf::after {
	content: "…";
	color: hsl(36, 10%, 40%);
}




/*
.row-add {
	background-color: #eeffee;
}

.row-rem {
	background-color: #ffeeee;
}
*/

.ellipsis {
	color: #999;
	font-style: italic;
}

/* .context {
	color: #888;
} */

.mark {
	display: inline-block;
	width: 2px;
	height: 1em;
	background-color: hsl(53, 90%, 32%);
}

span.rem {
	background-color: hsl(350, 90%, 22%);
}

span.add {
	background-color: hsl(88, 90%, 22%);
}