/* 
 * Dark theme
 * This should be the central place for all colors.
 * 
 */

body, div[name=preview] {
	color:#d7e2e8;
	background-color:#10171a;
}

header, footer, nav.mobile, header div.dropdown div, body > aside, .card:not(.clear), table {
	background-color:#101f26;
	outline-color:#7caac1;
}

h1 {
	color:#8ebdd4;
}

header, footer, header a, footer a, nav a, body > aside > h3, body > aside > nav > h3, div.p > h2 {
	color:#a2d1e8;
}

main.background > section {
	background-image:linear-gradient(to bottom, transparent, #10171a), url(/img/background.png);
}

div.p:not(.card) > section, div.p:not(.card) > div.flex > section {
	background-color:rgba(1, 31, 50, 1);
}

div.p:not(.card) > section:nth-of-type(2n), div.p:not(.card) > div.flex > section:nth-of-type(2n) {
	background-color:rgba(2, 40, 36, 1);
}

div.p:not(.card) > section:nth-of-type(3n), div.p:not(.card) > div.flex > section:nth-of-type(3n) {
	background-color:rgba(11, 33, 38, 1);
}

div.p:not(.card) > section:nth-of-type(4n), div.p:not(.card) > div.flex > section:nth-of-type(4n) {
	background-color:rgba(24, 32, 60, 1);
}

div.standout, p.standout {
	background-color:#142a35;
}

body > aside nav a.selected, body > aside nav h2.selected, header a:hover, footer a:hover, nav a:hover {
	color:#edf0f2;
}

header a.selected {
	border-color:#7192a3 !important;
}

header a[data-action=account] {
	color:#27a2f9;
}

.card.notice {
	outline-color:#5c889e;
	background-color:#153d50;
	color:#b0cbd9;
}

.card.notice.success {
	background-color:#17281e;
}

.card.notice.warning {
	outline-color:#a19848;
	background-color:#423a01;
	color:#f1d915;
}

.card.notice.error {
	outline-color:#a86767;
	background-color:#662e2e;
	color:#e0b8b8;
}

.card.danger {
	outline-color:#a86767;
}

.card > h2 {
	/*background-color:#062c40;*/
}

.card nav, table thead, table tbody th[colspan] {
	background-color:#052a3e;
}

.card > h3, .card nav.sort, .card > h3 div.dropdown > div {
	background-color:#052a3e;
}

.card.clear > h3, .card > h3 div.dropdown > div {
	background-color:#1a2428;
}

.card > h2, .card > h2:first-of-type, .card > h3, .card nav, body > aside, .sep-bottom, .sep-top, div.taglist.toggle, div[name=preview] nav, #carousel section {
	border-color:#1c4b65 !important;
}

.card nav a:hover, .card nav a.selected, .card > h3 > a:hover, .card > h3 div.dropdown a:hover, .card > h3 > a.selected {
	background-color:#2f5369;
}

a, .action {
	color:#b3d1e0;
	border-bottom-color:#779bc9;
}

a:hover {
	color:#91b4c6;
	border-bottom-color:#9bb3d4;
}

a:not(.row).success:hover {
	color:#5be95b;
}

a:not(.row).error:hover {
	color:#dda3a3;
}

a.row {
	color:#d5e3e8;
}

h2, h3, h4, h5, b, .card nav a, .card nav a:hover, .card > h3 > a, .card > h3 div.dropdown a {
	color:#e3ecf3;
}

.card > h3 > a.primary {
	color:#41f141;
}

.guidance {
	color:#e88989;
}

button, input[type=submit] {
	background-color:#3a4950;
	color:#d5e3e8;
}

button:not([disabled]):hover, input[type=submit]:hover {
	background-color:#5c727c;
}

button:last-of-type, input[type=submit]:last-of-type, input[type=file] + label[for] {
	background-color:#06476a;
}

button:last-of-type:not([disabled]):hover, input[type=submit]:last-of-type:hover, input[type=file] + label[for]:hover {
	background-color:#006699;
}

button.calltoaction {
	background-color:#207b0f;
}

button.calltoaction:not([disabled]):hover {
	background-color:#259611;
}

button.danger {
	background-color:#8a1717;
}

button.danger:not([disabled]):hover {
	background-color:#c12e2e !important;
}

input[type=text], input[type=password], input[type=date], .stripe, select, textarea, .text-wrapper, div.autocomplete:not(.custom) {
	color:#edf0f2;
	outline-color:#1c4b65 !important;
	border-color:#1c4b65 !important;
	background-color:#0e1b20;
}

input[type=date] {
	color-scheme:dark;
}

.text-wrapper i[class*=fa-] {
	color:#7caac1;
}

blockquote {
	background:linear-gradient(to bottom right, rgba(20, 40, 52, 0.8), rgba(1, 14, 22, 0.8));
}

blockquote div {
	border-right:1px dotted #1f4183;
}

blockquote cite {
	color:#bbd6e8;
}

code, pre {
	color:#bce0f9;
	background-color:#020c13;
}

samp {
	color:#c8edff;
}

.loader::before {
	border-color:#cee4ef transparent #cee4ef transparent;
}

.note, .note b, ::placeholder, button[disabled], .stamp::after, .descriptor::after, div.taglist > div[data-note]::after, div.taglist > a[data-note]::after, div.graph::before, div.autocomplete > div::after, a.tag i, div.taglist i {
	color:#90b7bd;
}

.stamp.recent::after, .descriptor.recent::after {
	color:#41cc7f;
}

div.graph.progress > div {
	background-color:#14c914;
}

div.graph.risk:empty::after {
	outline-color:#90b7bd;
}

.error {
	color:#ff7d7d;
}

.warning {
	color:#c5ef1f;
}

.success:not(.copy), .copy.success::after, .card > h3 div.dropdown a.success {
	color:#14c914;
}

a.tag, div.taglist:not(.toggle) > div:not(.note), div.taglist.toggle > div.selected, div.taglist.toggle > div:not(.note):hover {
	background-color:#123f58;
	color:#edf0f2;
}

a.tag:hover, div.taglist:not(.toggle) > div.selected, div.taglist:not(.toggle) > div:not(.note):not(.removable):not(.error):hover {
	background-color:#1d4f6b;
}

div.taglist:not(.toggle) > div.selected {
	outline-color:#7caac1;
}

div.taglist:not(.toggle) > div:not(.note).removable:not(.searchable):not(.addable):hover, div.taglist:not(.toggle) > div.error {
	background-color:#964e4e;
}

div.taglist:not(.toggle) > div:not(.note).addable:hover {
	background-color:#445e38;
}

div.taglist:not(.toggle) > div.error[data-note]::after, div.taglist:not(.toggle) > div.error > i[class*=fa-]::before {
	color:#e88989;
}

div.table a.row:hover, div.autocomplete > div:not(.note):hover, div.autocomplete > div.selected {
	background-color:#2b4854 !important;
}

main table tbody tr:nth-child(odd), main div.grid > div:nth-child(even), main div.table:not(.flex) > a:nth-child(even) {
	background-color:#182930;
}

div.tree div.branch, div.tree div.leaf {
	border-color:#49515d;
}

div.tree div.branch > h3 {
	color:#4798d2;
}

div.tree div.leaf label {
	color:#a7adb1;
}

div.tree div.branch.hover {
	background-color:#2e3b52;
}

div.tree div.branch[data-n='1'] > h3 {
	color:#79c4fb;
}

div.tree div.branch[data-n='1'].hover {
	background-color:#2f3f58;
}

div.tree div.branch[data-n='2'] > h3 {
	color:#bbe3ff;
}

div.tree div.branch[data-n='2'].hover {
	background-color:#334563;
}

.copy:not(.success)::after {
	color:#65b1c2;
}

.copy:hover {
	background-color:#224d67;
}

.copy:active {
	background-color:#435d6d;
}

img.avatar[src$=\.svg], img.avatar[src*=\.svg\?] {
	filter:invert(100%);
}

i.fa-risk-unknown::before {
	color:#9d9d9d;
}

i.fa-risk-none::before, i.fa-http-online::before, .http-200 {
	color:#14c914;
}

i.fa-risk-low::before, i.fa-http-redirect::before, .http-300 {
	color:#e3d23d;
}

i.fa-risk-medium::before {
	color:#de8602;
}

i.fa-risk-high::before, i.fa-http-offline::before, .http-400 {
	color:#e83838;
}

i.fa-risk-critical::before {
	color:#7e39b3;
}

i.fa-risk-retired::before {
	color:#006699;
}

div.risk-unknown {
	background-color:#9d9d9d;
}

div.risk-none {
	background-color:#14c914;
}

div.risk-low {
	background-color:#e3d23d;
}

div.risk-medium {
	background-color:#de8602;
}

div.risk-high {
	background-color:#e83838;
}

div.risk-critical {
	background-color:#7e39b3;
}

div.risk-retired {
	background-color:#006699;
}

/*
 * Adjust on smaller screens
 *
 */

@media only screen and (max-width:900px) {
	
	body > aside nav a.selected:not(:hover) {
		color:#a2d1e8;
	}
	
}