// Making up for the non support of IE8 and IE7 in Bootstrap 3
.ie7, .ie8 {
	.legend {
		display: block;
		width: 100%;
		font-size: (@font-size-base * 1.5);
		line-height: inherit;
		color: @legend-color;
		border: 0;
		border-bottom: 1px solid @legend-border-color;
		margin-bottom:20px;
	}
	.tooltip-inner {
		background-color: #000000;
	}
	.date {
		font-size:85%;
	}
	.task-card-link {
		min-height:160px;
	}
	.series-checkboxes li {
		margin-right:1%;
	}
	.stat-type {
		font-size:floor(@font-size-base * 0.65); // ~10px;
	}
	.aside .action-buttons .btn {
		width:79%;
	}
	.pull-right.dropdown-menu {
		right:134px;
	}
	.run-details .pull-right.dropdown-menu {
		right:64px;
	}
	.date-selector .btn-full-width {
		width:90%;
	}
}

.ie7 {
	.aside .task-stats li {
		width:31.5%;
	}
	.zfix {
		position:relative;
		z-index:1001;
	}
	.list-group li .list-group-item {
		margin:0;
		position:static;
	}
	.graph-spacer {
		margin-bottom:90px;
		padding-bottom:90px;
	}
	.date-selector {
		zoom:1;

		.btn-full-width {
			width:100%;
		}
	}
	.sr-only {
		position:relative;
	}
	.breadcrumb li {
		vertical-align: top;
		zoom: 1;
		display: inline;
		margin-right:10px;
	}
	.pull-right.dropdown-menu {
		right:0px;
	}
	.run-details .pull-right.dropdown-menu {
		right:82px;
	}
}