@charset "utf-8";

/* Defaults */

.app {
	color: #3e3e42;
}

/* Swatch 1 */

.swatch-1 a {
	color: inherit;	
}

.swatch-1 .app-link {
	color: #0c7fc2;
}

.swatch-1 .app-button {
	color: #0c7fc2;
	border-color: #0c7fc2;
}

.swatch-1 .app-button:hover {
	color: #06659c;
	border-color: #06659c;
}

.swatch-1 input[type="submit"] {
	color: #fff;
	border-color: #0c7fc2;
	background-color: #0c7fc2;	
}

.swatch-1 input[type="submit"]:hover {
	border-color: #06659c;
	background-color: #06659c;	
}

/* Swatch 3 */

.swatch-2 {
	color: #3e3e42;;
	background-color: #f0f0f4;
}

.swatch-2 .app-link {
	color: #0c7fc2;
}

.swatch-2 .app-button {
	color: #fff;
	background-color: #0c7fc2;
}

.swatch-2 .app-button:hover {
	color: #fff;
	background-color: #09639e;
}

.swatch-2 input[type="submit"] {
	color: #f0f0f4;
	border-color: #0c7fc2;
	background-color: #0c7fc2;	
}

.swatch-2 input[type="submit"]:hover {
	border-color: #06659c;
	background-color: #06659c;	
}

/* Swatch 3 */

.swatch-3 {
	color: #3e3e42;;
	background-color: #fff;
}

.swatch-3 .border-t {
	box-shadow: inset 0px 6px 0px 0px #46ad80;
}

.swatch-3 .app-meta {
	color: #46ad80;
}	

.swatch-3 .app-link {
	color: #0c7fc2;
}

.swatch-3 .app-button {
	color: #fff;
	background-color: #0c7fc2;
}

.swatch-3 .app-button:hover {
	color: #fff;
	background-color: #09639e;
}

.swatch-3 input[type="submit"] {
	color: #fff;
	border-color: #0c7fc2;
	background-color: #0c7fc2;	
}

.swatch-3 input[type="submit"]:hover {
	border-color: #06659c;
	background-color: #06659c;	
}

/* Swatch 4 */

.swatch-4 {
	color: #fff;
	background-color: #0c7fc2;
}

.swatch-4 a {
	color: inherit;	
}

.swatch-4 .app-ticker span {
	color: #0c7fc2;
	background-color: #fff;
}

.swatch-4 .app-link {
	color: inherit;	
}

.swatch-4 .app-button {
	color: #fff;
	border-color: #fff;
}

.swatch-4 .app-button:hover {
	color: #fff;
	border-color: #fff;
}

.swatch-4 input[type="submit"] {
	color: #0c7fc2;
	border-color: #fff;
	background-color: #fff;	
}

.swatch-4 input[type="submit"]:hover {
	color: #0c7fc2;
	border-color: #fff;
	background-color: #fff;	
}

/* Swatch 5 */

.swatch-5 {
	color: #fff;
	background-color: #252429;
}

.swatch-5 a {
	color: inherit;	
}

.swatch-5 .app-link {
	color: inherit;	
}

.swatch-5 .app-button {
	color: #fff;
	border-color: #fff;
}

.swatch-5 .app-button:hover {
	color: #fff;
	border-color: #fff;
}

.swatch-5 input[type="submit"] {
	color: #252429;
	border-color: #fff;
	background-color: #fff;	
}

.swatch-5 input[type="submit"]:hover {
	color: #252429;
	border-color: #fff;
	background-color: #fff;	
}

/* Default overrides */

.app-topbar {
	color: #ffffff;
	background-color: #252429;	
}

.app-nav {
	color: #fff;
	background-color: #252429;
}

.app-table a {
	color: #0c7fc2;		
}

.app-aside a {
	color: #0c7fc2;
}

.app-pagination {
	color: #fff;
}

.app-pagination a, 
.app-pagination span {
	background-color: #0c7fc2;	
}	

.app-footer .swatch-2,
.app-footer .swatch-3 {
	color: #8e8e94;	
}

/* Colour overrides */

.app .color-1 { color: #0c7fc2; }
.app .color-2 { color: #46ad80; }
.app .color-3 { color: #ee6632; }
.app .color-4 { color: #673f88; }
.app .color-5 { color: #dc4566; }