.main-home {

}

.map {
	transition: 250ms;
	float: left;
	body[data-view="list"] &{
		width: 0%;
	}
	body[data-view="map"] &{
		width: 100%;
	}
	body[data-view="split"] &{
		width: 100%;
	}
	@media(min-width: $sm) {
		body[data-view="split"] &{
			width: 50%;
		}
	}
}
.incidents {
	overflow-y: scroll;
	transition: 250ms;
	float: left;
	// background-color: $darkGray;
	position: relative;
	body[data-view="list"] &{
		width: 100%;
	}
	body[data-view="map"] &{
		width: 0%;
	}
	body[data-view="split"] &{
		width: 100%;
	}
	@media(min-width: $sm) {
		body[data-view="split"] &{
			width: 50%;
		}
	}
	.incident-options {
		margin-bottom: 10px;
		a {
			float: left;
			body[data-view="split"] &{
				width: 50%;
			}
			~ a {
				border-left: 1px solid $blue;
			}
		}
	}
	.incident-list {
		list-style-type: none;
		padding: 0;
		margin: 0;
		.incident-listing {
			cursor: pointer;
			&.closed {
				color: $lightGray;
				.incident-number {
					color: $lightGray;
				}
			}
			.incident-number {
				font-size: 30px;
			}
		}
		.incident-listing {
			padding: 10px 20px;
			font-size: 0;
			~ .incident-listing{
				border-top: 1px solid #5d6069;
			}
		}
		.incident-listing-extra {
			font-size: 18px;
			padding: 0;
			background-color: #252525;
			.collapse-pad {
				padding: 10px
			}
		}
		.map-number {
			font-size: 30px;
			text-align: right;
			line-height: 1.67;
		}
		.right-column {
			text-align: right;
		}
	}

	.incident-item {
		display: inline-block;
		font-size: 18px;
		vertical-align: middle;
		line-height: 1;
		width: 25%;
		&.incident-type {
			width: 40%
		}
		&.incident-number {
			width: 10%;
		}
	}

	.incident-number {
		color: $lightBlue;
	}
}

.incident-legend {
	color: $lightBlue;
	text-transform: uppercase;
	font-size: 0;
	background-color: $darkGray;
	padding: 11px 20px;
	float: left;
	border-bottom: 1px solid #5d6069;
	width: 100%;
	overflow-y: scroll;
	@media(min-width: $sm) {
		body[data-view="split"] &{
			width: 50%;
		}
	}
	.incident-item {
		display: inline-block;
		font-size: 17px;
		vertical-align: middle;
		line-height: 1;
		width: 25%;
		overflow: hidden;
		text-overflow: ellipsis;
		&.incident-type {
			width: 40%
		}
		&.incident-number {
			width: 10%;
		}
	}
}

.report-additional {
	padding-left: 40px;
	border-bottom: 0 !important;
	.report-item-content {
		position: relative;
	}
	.fa {
		display: table-cell;
		width: 40px;
		color: $lightBlue;
		font-size: 30px;
		text-align: center;
		vertical-align: top;
		padding: 10px 0;
	}
	.incident-link {
		// position: absolute;
		// right: 0;
		// top: -13px;
		float: right;
	}
}