@import url(/typeface-overpass/index.css);

/* picnicss overrides */
body {
	letter-spacing: 0.1ex;
	font-family: 'Overpass', sans-serif;
	background-color: #d8d8d8;
	background-color: #ededed;
	color: #08365d;
}
input, textarea {
	color: #08365d;
}
nav {
	background-color: #fffc;
}
nav .brand * {
	font-weight: normal;
}
nav a, nav .pseudo.button {
	color: #08365d;
}
footer {
	background-color: #08365d;
	color: white;
}
a, .pseudo.button {
	color: #0c9fca;
}
.pseudo.button:hover {
	box-shadow: inset 0 0 0 99em rgb(38, 222, 168, 0.2);
}
th {
	background-color: #0c9fca;
}
/* same as picnicss input */
pre[contenteditable="true"] {
	line-height: 1.5;
	margin: 0;
	padding: .3em .6em;
	border: 1px solid #aaa;
	background-color: #fff;
	border-radius: .2em;
	transition: all 0.3s;
	width: 100%;
}



img.monofade {
	filter: url('filters.svg#monofade');
}
img.monochrome {
	filter: url('filters.svg#monochrome');
}
.shadow {
	filter: url('filters.svg#shadow');
}
img.monofade:hover {
	filter: none;
	transition: filter 4s linear;
}
.alert {
	background-color: #ff4155;
	color: white;
}
.red,
.fa-database,
.fa-server {
	color: #ff4155;
}
.green,
.fa-tasks,
.fa-sitemap
{
	color: #26dea8;
}
.blue {
	color: #0c9fca;
}
.white {
	color: white;
}
.greenbg {
	background-color: #26dea8; }
.bluebg {
	background-color: #0c9fca;
	color: white; }
.gray {
	color: #bbb;
}
.redborder {
	border-color: #ff4155;
}
/*
.label .fa-calendar-alt,
.button .fa-calendar-alt

{
	color: white;
}
*/
.button .fa-circle {
	filter: url('filters.svg#shadow');
}
.label, .info {
	background-color: #0c9fca;
	color: #08365d;
}
.dark.info,
.home .info {
	background-color: #08365d88;
	background-color: #08365dcc;
	color: white;
}
.bright.info {
	background-color: #08365d88;
	background-color: #0c9fca88;
	background-color: #ffffff88;
	color: #08365d;
}
.info a,
.alert a {
	color: white;
}
.light {
	box-shadow: inset 0 4px 4px rgba(0,0,0,0.3);
}
.dark .pseudo.button {
	color: #0c9fca;
}
:checked + .toggle {
	color: white;
}

.posters > label > img {
	bborder: 1px solid white; 
	opacity: .5;
}

:checked:nth-of-type(1) ~ .posters > label:nth-of-type(1) > img,
:checked:nth-of-type(2) ~ .posters > label:nth-of-type(2) > img,
:checked:nth-of-type(3) ~ .posters > label:nth-of-type(3) > img,
:checked:nth-of-type(4) ~ .posters > label:nth-of-type(4) > img,
:checked:nth-of-type(5) ~ .posters > label:nth-of-type(5) > img,
:checked:nth-of-type(6) ~ .posters > label:nth-of-type(6) > img,
:checked:nth-of-type(7) ~ .posters > label:nth-of-type(7) > img,
:checked:nth-of-type(8) ~ .posters > label:nth-of-type(8) > img,
:checked:nth-of-type(9) ~ .posters > label:nth-of-type(9) > img,
:checked:nth-of-type(10) ~ .posters > label:nth-of-type(10) > img,
:checked:nth-of-type(11) ~ .posters > label:nth-of-type(11) > img
{
	opacity: 1;
	bborder: 1px solid red; }

:checked:nth-of-type(1) ~ .toggle:nth-of-type(1),
:checked:nth-of-type(2) ~ .toggle:nth-of-type(2),
:checked:nth-of-type(3) ~ .toggle:nth-of-type(3),
:checked:nth-of-type(4) ~ .toggle:nth-of-type(4),
:checked:nth-of-type(5) ~ .toggle:nth-of-type(5),
:checked:nth-of-type(6) ~ .toggle:nth-of-type(6) {
/*
	box-shadow: inset 0 0 0 99em rgba(17,17,17,0.2);
	background-color: #0c9fca;
	box-shadow: none;
	*/
	color: white;
	/*background-color: #26dea8;*/
	/*color: #26dea8;*/
}
.archived {
	opacity: 0.3; }
.archived * {
	color: #08365d;
}
*[disabled] {
	opacity: 0.5; }
.dark {
	background-color: #08365d;
	color: white; }
.light {
	background-color: #ededed; }
header {
	color: #08365d;
}
.button {
	background-color: #0c9fca;
	color: white; }
/*
.button.big {
	background-color: transparent;
	border: 2px solid #0c9fca;
	color: #0c9fca;
	font-size: 1.2em; }
*/
.button.x2 {
	font-size: 150%;
}
/*
.button.big.active {
	background-color: #00dede;
	color: white;
}
*/
.steps {
	color: #0c9fca; }
.steps > span,
.steps > a {
	border: 2px solid #0c9fca; }
.steps > .active {
	background-color: #0c9fca;
	color: #08365d; }
.dark .card {
	background-color: transparent; }
hr {
	border: 0;
	border-bottom: 2px solid #08365d; }
h2 {
	text-transform: uppercase; }
#references h3 {
	text-align: left; }

table.progress {
	width: 100%;
	text-align: center;
}
table.progress td {
border-radius: .5ex;
/*
	padding: 0;
*/
}
table.progress td.done {
	background-color: #26dea8;
}
table.progress td.error {
	background-color: #ff4155;
}
table.progress td.done a,
table.progress td.error a {
	color: white;
}