﻿.diff {
	color: #E9F4FF;
}

table.diff td.line-number.modified {
	color: #E9F4FF;
}

.diff-container {
	background-color: #0d1117;
	border: 1px solid #878787;
	border-radius: 3px;
}

	.diff-container .diff-expand-notice {
		text-align: center;
		border-top: 1px solid #878787;
		margin: 0px;
		background-color: #f6f8fa;
		padding: 6px;
	}

	.diff-container .diff-header {
		border-bottom: 1px solid #878787;
		background-color: #0d1117;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		display: flex;
		/*align-items: center;*/
		justify-content: space-between;
		/*min-height: 44px;*/
	}

.diff-header-left {
	border-right: 1px solid #878787;
	flex: 1;
	padding: 10px;
	/*width: 100%;*/
}

.diff-header-right {
	flex: 1;
	padding: 10px;
	/*width: 100%;*/
}

.diff-container .diff-footer {
	border-top: 1px solid #878787;
	background-color: #0d1117;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	min-height: 44px;
}

.diff-container .diff-panes {
	display: flex;
	min-height: 200px
}

	.diff-container .diff-panes .diff-pane {
		flex: 1;
	}

		.diff-container .diff-panes .diff-pane .line-text {
			word-break: break-all;
			word-wrap: break-word;
		}

.diff-pane:has(.diff-pane-left) {
	border-right: 1px solid #878787;
}

.diff-pane-left {
	margin-right: 0px;
	padding: 0px;
	overflow: auto;
	font-family: Courier New;
	font-size: 1em;
}

	.diff-pane-left .line-number.modified {
		background-color: #f851494d;
	}

	.diff-pane-left .line-number.deleted {
		background-color: #f851494d;
	}

	.diff-pane-left .deleted-line {
		background-color: #f851491a;
	}

	.diff-pane-left .modified-line {
		background-color: #f851491a;
	}

.diff-pane-right {
	margin-right: 0px;
	padding: 0px;
	overflow: auto;
	font-family: Courier New;
	font-size: 1em;
}

	.diff-pane-right .line-number.modified {
		background-color: #3fb9504d;
	}

	.diff-pane-right .modified-line {
		background-color: #2ea04326;
	}

	.diff-pane-right .inserted-character {
		background-color: #2ea04366;
	}

	.diff-pane-right .inserted-line {
		background-color: #2ea04326;
	}

	.diff-pane-right .deleted-line {
		background-color: #ffdce0;
	}

	.diff-pane-right .modified-character {
		background-color: #2ea04366;
	}

table.diff {
	background-color: #0d1117;
	width: 100%;
	border-collapse: collapse;
}

	table.diff td.line-number {
		color: #9198a1;
		width: 1%;
		min-width: 50px;
		padding-right: 10px;
		padding-left: 10px;
		font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
		font-size: 12px;
		line-height: 20px;
		text-align: right;
		white-space: nowrap;
		vertical-align: top;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	table.diff td.line {
		padding-right: 10px;
		padding-left: 10px;
		line-height: 20px;
		vertical-align: top;
		font-size: 12px;
	}

	table.diff td .deleted-character {
		background-color: #f8514966;
	}

	table.diff td .unchanged-line {
		background-color: #0d1117;
	}

.diff-footer .badge {
	display: inline-block;
	padding: .25em .4em;
	font-size: 65%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.badge-pill {
	padding-right: .6em;
	padding-left: .6em;
	border-radius: 10rem
}

.badge-primary {
	color: #fff;
	background-color: #007bff
}

a.badge-primary:focus,
a.badge-primary:hover {
	color: #fff;
	background-color: #0062cc
}

a.badge-primary.focus,
a.badge-primary:focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.badge-secondary {
	color: #fff;
	background-color: #6c757d
}

a.badge-secondary:focus,
a.badge-secondary:hover {
	color: #fff;
	background-color: #545b62
}

a.badge-secondary.focus,
a.badge-secondary:focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.badge-success {
	color: #fff;
	background-color: #28a745
}

a.badge-success:focus,
a.badge-success:hover {
	color: #fff;
	background-color: #1e7e34
}

a.badge-success.focus,
a.badge-success:focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.badge-info {
	color: #fff;
	background-color: #17a2b8
}

a.badge-info:focus,
a.badge-info:hover {
	color: #fff;
	background-color: #117a8b
}

a.badge-info.focus,
a.badge-info:focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.badge-warning {
	color: #212529;
	background-color: #ffc107
}

a.badge-warning:focus,
a.badge-warning:hover {
	color: #212529;
	background-color: #d39e00
}

a.badge-warning.focus,
a.badge-warning:focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.badge-danger {
	color: #fff;
	background-color: #dc3545
}

a.badge-danger:focus,
a.badge-danger:hover {
	color: #fff;
	background-color: #bd2130
}

a.badge-danger.focus,
a.badge-danger:focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.badge-light {
	color: #212529;
	background-color: #f8f9fa
}

a.badge-light:focus,
a.badge-light:hover {
	color: #212529;
	background-color: #dae0e5
}

a.badge-light.focus,
a.badge-light:focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.badge-dark {
	color: #fff;
	background-color: #343a40
}

a.badge-dark:focus,
a.badge-dark:hover {
	color: #fff;
	background-color: #1d2124
}

a.badge-dark.focus,
a.badge-dark:focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}
