:root {
    --light-color:rgb(16, 16, 16);
    --success-color:rgb(0,128,0);
    --warning-color:rgb(16, 173, 78);
    --danger-color:rgb(32, 83, 79);
}

body {
	background-color: black;
	color: white;
	margin: 0em;
	font-size: 9pt;
	font-family: "DejaVu Sans", "Bitstream Vera Sans", "Verdana", sans-serif;
}

.btn-default {
	color: rgb(204, 204, 204);
	background-color: black;
	border-color: rgb(51, 51, 51);
}

h1, h1 a {
	font-size: 16pt;
	color: white;
	margin-bottom: 0;
}

h2 {
	font-size: 25px;
	margin: 18px 0 18px 0;
}

h2 a, h2 span {
	font-size: 14px;
	padding-left: 5px;
	font-weight: normal;
}

h3 {
	font-size: 16pt;
	color: white;
	margin-bottom: 0;
}

.floaty {
	position: fixed;
	left: 0.1em;
	top: 17em;
}

.hidden {
    visibility: hidden;
}

/* Bootstrap overrides */

.navbar-inverse .navbar-brand > a {
    color: black;
}

#auth {
	border-left: thin solid white;
	padding-top: 0em;
	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-size: 90%;
	float: right;
	color: white;
}
#auth a {
	color: white;
}

#content {
	padding: 1em;
}

form {
	padding: 0em;
	margin: 0em;
}

a:visited {
	color: Yellow;
}
a {
	color: orange;
}

img {
	border: 0;
}

.form-control {
	border: thin solid #a0a0a0;
	color: midnightblue;
	margin-top: 0;
	margin-bottom: 0;
	padding: 4px 12px 4px 12px;
}

button, input, select, textarea {
	border: thin solid #a0a0a0;
	color: midnightblue;
	margin-top: 0;
	margin-bottom: 0;
	padding: 4px 12px 4px 12px;
}

dl dt {
	margin-top: 0.8em;
}

#footer {
	padding: 1em;
	font-size: small;
	text-align: center;
	color: #909090;
}

#footer a {
	color: #909090;
}

/* messages */
.messages {
    background: #e0e0f0;
    margin: 0.5em 1em 0.0em 1em;
    padding: 0.3em;
    list-style-type: none;
}

.messages:empty {
    display: none;
}

.messages .success {
    color: var(--success-color);
}

.messages .warning {
    color: var(--warning-color);
}

.messages .error {
    color: var(--danger-color);
}

.filters {
    border: 1px solid #cccccc;
    border-radius: 4px;
    padding: 5px 20px;
    margin: 15px 0;
}

a.filter-action {
    color: black;
}
a.filter-action:hover {
    text-decoration: none;
}

div.patchforms {
	margin-top: 1em;
}

/* patch lists */
#patchlist {
	width: 98%;
	border: none;
	padding: 0em 1em;
	margin-bottom: 0px;
	border-top: none;
	border-bottom: none;
	overflow-x:auto;
}

#patchlist th {
	background: #0f0f0f;
	color: lightgray;
	border-bottom: 1px solid black;
	text-align: left;
	padding-left: 6px;
}

#patchlist th img {
	vertical-align: bottom;
}

#patchlist td {
	padding: 2px 2px 2px 2px;
	margin: 0px;
	margin-top: 0px;
	color: white;
	border-bottom: thin solid black;
}

#patchlist td img {
	vertical-align: bottom;
}

#patchlist td.patchlistfilters {
	background: MidnightBlue;
	border-top: thin solid gray;
	border-bottom: thin solid black;
	font-size: smaller;
}
#patchlist td.patchlistreorder {
	background: #c0c0ff;
	border-top: thin solid gray;
	border-bottom: thin solid black;
	font-size: smaller;
	text-align: right;
}

.table-striped tbody {
	border-top: none;
	border-bottom: none;
	rules: none;
}
.table-striped > tbody > tr:nth-of-type(odd) {
	background-color: black;
}
.table-striped > tbody > tr:nth-of-type(even) {
	background-color: #0f0f0f;
}
.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
	background-color: #0f0f0f;
}

.table-hover>tbody>tr:hover>td,
.table-hover>tbody>tr:hover>th {
	background-color: black;
}

.table-hover > tbody > tr:hover, a:hover {
	background-color: #656565;
	color: white;
}

a.colinactive, a.colactive {
	color: white;
	text-decoration: none;
}

a.colinactive:hover {
	color: red;
}

div.filters {
       border: none;
       border-radius: 0px;
       padding: 5px 0px;
       margin: 0px 0;
}

div.patchforms {
	margin-top: 2em;
}

/* list order manipulation */

#patchlist tr.draghover {
	background: #e8e8e8 !important;
}

.dragging {
	border: thin solid black;
	background: #e8e8e8 !important;
}

input#reorder-cancel {
	display: none;
	color: #505050;
}

input#reorder-change {
}

/* list pagination */
.paginator {
	text-align: right;
	clear: both;
	margin: 8px 0 15px;
	padding-bottom: 1em;
	padding-top: 1em;
	font-size: 80%;
}

.paginator .prev-na,
.paginator .next-na {
	padding:.3em;
	font-weight: normal;
	border: 0.1em solid #c0c0c0;
	background-color: DarkBlue;
	color: White;
}

.paginator .prev a, .paginator .prev a:visited,
.paginator .next a, .paginator .next a:visited {
	border: 0.1em solid #b0b0d0;
	background-color: DarkBlue;
	color: White;
	padding: .3em;
	font-weight: bold;
}

.paginator .prev, .paginator .prev-na {
	margin-right:.5em;
}
.paginator .next, .paginator .next-na {
	margin-left:.5em;
}

.paginator .page a, .paginator .page a:visited, .paginator .curr {
	padding: .25em;
	font-weight: bold;
	border: 1px solid #b0b0d0;
	background-color: DarkBlue;
	margin: 0em .25em;
	color: Cyan;
}

.paginator .curr {
	background-color: DarkBlue;
	color:#fff;
	border:1px solid #c0c0ff;
	font-weight:bold;
}

.paginator .page a:hover,
.paginator .curr a:hover,
.paginator .prev a:hover,
.paginator .next a:hover {
	color: #ffffff;
	background-color: #c0c0ff;
	border:1px solid #234f32;
}

/* project list view */
.project-set {
}

.project-set .project {
	display: inline-block;
	vertical-align: top;
	border: thin solid #f0f0f0;
	box-shadow: 5px 5px 5px #c0c0c0;
	margin: 2em 0.2em;
	padding: 1em;
	width: 20em;
	min-height: 5em;
	color: white;
	background: #000033;
}

.project h2.project-title {
	font-weight: bold;
	font-size: 110%;
	margin: 0.2em 0;
}

.thumbnail {
	background: black;
	min-height: 200px;
}

/* patch view */
table.patch-meta th {
    text-align: left;
}

table.patch-meta tr th, table.patch-meta tr td {
    text-align: left;
    padding: 1px 10px;
    vertical-align: top;
}

.submission-list ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

pre {
	background: black;
	color: white;
}

#patchmeta th {
	text-align: left;
}

#patchmeta tr th, table.patchmeta tr td {
	text-align: left;
	padding: 1px 10px;
	vertical-align: middle;
	color: white;
}

.patchrelations ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.patchnav {
	padding-left: 1em;
	padding-top: 1em;
}

.submission-message .meta {
    display: flex;
    align-items: center;
    background: #0f0f0f;
    padding: 0.3em 0.5em;
}

.submission-message .message-date {
    margin-left: 8px;
}

.submission-message .content {
    border: 0;
}

.comment .meta {
	background: MidnightBlue;
}

.patch .content {
	border: thin solid gray;
	padding: 1em;
}

.patch-pull-url {
	font-family: "DejaVu Sans Mono", fixed;
}

div[class^="comment-status-bar-"] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.comment-status-label {
    margin: 0px 8px;
}

button[class^=comment-action] {
    background-color: var(--light-color);
    border-radius: 4px;
}

.comment-action-addressed {
    border-color: var(--success-color);
}

.comment-action-unaddressed {
    border-color: var(--warning-color);
}

.comment-action-addressed:hover {
    background-color: var(--success-color);
    color: var(--light-color);
}

.comment-action-unaddressed:hover {
    background-color: var(--warning-color);
    color: var(--light-color);
}

.quote {
	color: #7fc07f;
}

span.p_header	{
	color: #2e8b57;
	font-weight: bold;
}
span.p_chunk	{
	color: #a52a2a;
	font-weight: bold;
}
span.p_context	{
	color: #c07dea;
}
span.p_add	{
	color: #0ef5f5;
}
span.p_del	{
	color: #ffa0a0;
}
span.p_mod	{
	color: #0000ff;
}

.acked-by {
	color: #6ca7f7;

}

.nacked-by {
	color: #ff0000;

}

.signed-off-by {
	color: #df1f1f;
	font-weight: bold;
}

.from {
	font-weight: bold;
}

/* bundles */
table.bundlelist {
	margin-top: 2em;
	margin-bottom: 4em;
	margin-left: auto;
	margin-right: auto;
	border: thin solid black;
}

table.bundlelist th {
	padding-left: 2em;
	padding-right: 2em;
	background: #333;
	border-bottom: thin solid black;
}

table.bundlelist td
{
	padding-left: 2em;
	padding-right: 2em;
	color: white;
}

/* forms that appear for a patch */
div.patchform {
	border: thin solid gray;
	padding-left: 0.6em;
	padding-right: 0.6em;
	float: left;
	margin: 0.5em 1em;
}

div.patchform h3 {
	margin-top: 0em;
	margin-left: -0.6em;
	margin-right: -0.6em;
	padding-left: 0.3em;
	padding-right: 0.3em;
	background: SlateBlue;
	color: white;
	font-size: 100%;
}

div.patchform ul {
	list-style-type: none;
	padding-left: 0.2em;
	margin-top: 0em;
}

/* forms */
table.form {
}

span.help_text {
	font-size: 80%;
}


table.form td {
	padding: 0.6em;
	vertical-align: top;
	color: white;
}

table.form th.headerrow {
	background: MidnightBlue;
	color: white;
	font-weight: bold;
	text-align: center;
}

table.form th {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding-top: 0.6em;
}

table.form td.form-help {
	font-size: smaller;
	padding-bottom: 1em;
	padding-top: 0em;
}

table.form tr td.submitrow {
	border-bottom: 0.2em solid SlateBlue;
	text-align: center;
}

table.registerform, table.passwordform {
	margin-left: auto;
	margin-right: auto;
}
table.loginform {
	margin-left: auto;
	margin-right: auto;
	width: 30em;
}

/* form errors */
#errors {
    background: #e0e0f0;
    margin: 0em 1em 0.5em 1em;
    padding: 0.3em;
}

#errors:empty {
    display: none;
}

.error-list, .errorlist {
    color: red;
}

/* generic table with header columns on the left */
table.horizontal {
	border-collapse: collapse;
	border: thin solid #e8e8e8;
}

table.horizontal th {
	text-align: left;
}

table.horizontal td, table.horizontal th {
	padding: 0.5em 1em;
	border: thin solid #e8e8e8;
	color: white;
}

/* generic table with header row */
table.vertical {
	border-collapse: collapse;
}
table.vertical th {
	background: SlateBlue;
	color: white;
	font-weight: bold;
	text-align: center;
}

table.vertical th, table.vertical td {
	padding: 0.2em 0.8em;
	border: thin solid #e8e8e8;
	color: white;
}

td.numberformat {
	text-align: right;
}

/* boxes */
div.box {
	border: thin solid gray;
	margin: 1em;
	padding: 0.5em;
}

div.box h2 {
	background: SlateBlue;
	color: white;
	margin: -0.5em -0.5em 1em; -0.5em;
	padding: 0em 0.5em;
	font-size: 100%;
}

div.box table.vertical {
	margin-left: auto;
	margin-right: auto;
}

/* columns */
.leftcol {
	float: left;
	width: 49%;
}

.rightcol {
	float: right;
	width: 49%;
}


/* Navbar */

.navbar {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: black;
}
.navbar-inverse .navbar-nav > li > a {
	color: white;
}

.navbar-subbrand {
	float: left;
	height: 50px;
	padding: 15px 15px 15px 0;
	font-size: 18px;
	line-height: 20px;
}