/*------------------------------------------------*/
/*	Skin: Teal
/*------------------------------------------------*/

$the-teal: #084951;
$link-color: #18707a;

/* general */

a {
	color: $link-color;

	&:hover, &:focus {
		color: darken($link-color, 7%);
	}
}

.top-bar {
	background-color: $the-teal;

	.top-bar-right {
		.btn-link {
			color: lighten($the-teal, 40%);

			&:hover {
				color: #fff;
			}
		}
	}

	.notifications {
		.count {
			border-color: $the-teal;
		}
	}

	.searchbox {
		input[type="search"] {
			background-color: darken($the-teal, 8%);
			border-color: darken($the-teal, 8%);
		}

		.btn {
			background-color: lighten($the-teal, 5%);
			border-color: darken($the-teal, 8%);

			i {
				color: darken($the-teal, 8%);
			}

			&:hover {
				border-color: darken($the-teal, 15%);

				i {
					color: darken($the-teal, 20%);
				}
			}
		}
	}
	
}

/* widget */
.widget {
	border-color: lighten($the-teal, 15%);

	.widget-header {
		background-color: $the-teal;
		border-bottom-color: darken($the-teal, 5%);
		color: #fff;

		em {
			color: #fff;
		}

		.btn-help {
			color: lighten($the-teal, 20%);
		}

		.widget-header-toolbar {
			border-left-color: darken($the-teal, 3%);

			.control-title {
				color: #fff;
			}
		}

		.btn-group > a {
			color: #fff;

			&:hover, &:focus {
				color: #d6fbff;
			}
		}
	}
}

/* main content */
.main-header {
	h2 {
		color: $the-teal;
		border-right-color: lighten($the-teal, 15%);
	}

	em {
		color: lighten($the-teal, 10%);
	}
}

/* footer */
.footer {
	background-color: $the-teal;
}