@charset "utf-8";
/* CSS Document */
.caserow, .tablerowrow{
	zoom:1;	
}
.caserow:after, .tablerowrow:after{
	content:".";display:block;font-size:0;line-height:0;height:0;clear:both;visibility:hidden;	
}
.caserow{
	display:table;
	width: 100%;
	border-bottom:1px #ececec solid;
	line-height: normal;
	/*background-color:#ececec;
	margin:0 0 1px 0;*/
}
.incident, .type{
	border-left:1px #ececec solid;
}
/*.type, .incident{
	float:left;
	display:table-cell;
	vertical-align:middle;
	line-height: normal;
}*/
.date, .type, .incident{
	/*float:left;
	display:block;*/
	display:table-cell;
	vertical-align:middle;
	line-height: normal;
	/*background-color:#fff;
	vertical-align:middle;
	line-height: normal;*/
}
.firstcaserow{
	background: -moz-linear-gradient(top, rgba(168,176,182,1) 0%, rgba(148,156,162,1) 100%);
	background: -webkit-linear-gradient(top, rgba(168,176,182,1) 0%, rgba(148,156,162,1) 100%);
	background: linear-gradient(to bottom, rgba(168,176,182,1) 0%, rgba(148,156,162,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8b0b6', endColorstr='#949ca2',GradientType=0 );
	color:#fff;
}
.caserow:first-child .icon {
    /*background-image: url(../images/icon/search-white.svg);*/
	background-image: url(../images/icon/search-gray.svg);
	height:2em;
	width:1.4em;
	/*float:right;
	display:block;*/
}
.caserow:first-child {
	background-color: #fff;
    color: #000;
}
.tablerowrow:first-child {
	background-color: #e9627e;
    color: #fff;
}
.caserow:hover:not(:first-child), .tablerowrow:hover:not(:first-child){
	background-color: #f3f3f3;
}
.caserow .icon {
	background-image: url(../images/icon/search-gray.svg);
    height: 2em;
    width: 1.4em;
    display: inline-block;
    vertical-align: middle;
    margin: 15px 10px;
    /* padding: 5px; */
}
#pagination{
	font-size:80%;
	display: inline-block;
	margin: 10px 0 0 0;
}
.pagination{
	display: inline-block;
}
.pagination a{
	font-size:90%;
	padding: 5px 11px;
}
.jp-current{
	color:#FFF;
	background-color:#fcaf17;
}
.legend{
	font-size:80%;
	color:#999;
	display: inline-block;
}
@media screen and (min-width: 320px) {
	.caserow{
		font-size: 70%;
	}
	.date{
		width:28%;
		padding:5px;
	}
	.type{
		width:21%;
		padding:5px;
		display:none;
	}
	.incident{
		width:59%;
		padding:5px;
	}
	.tablerowrow{
		font-size:80%;
		border-bottom:1px #ececec solid;
	}
	.tablecola {
		width: calc(60% - 20px);
		padding: 10px;
		display: block;
		float: left;
		border-right: 1px #ececec solid;
	}
	.tablecolb {
		width: calc(40% - 20px);
		padding: 10px;
		/* display: table-cell; */
		display: block;
		float: left;
		border-left: 1px #ececec solid;
		margin: 0 0 0 -1px;
	}
	.table {
		border-bottom: 0px #ececec solid;
	}
}
@media screen and (min-width: 768px) {
	.caserow{
		font-size: 80%;
	}
	.date{
		width: 22%;
		padding: 0 2%;
		display: table-cell;
	}
	.type{
		width: 20%;
		/*padding: 2%;*/
		display: table-cell;
	}
	.incident{
		width: 52%;
		/*padding: 2%;*/
		display: table-cell;
	}
	.tablecola{
		width:calc(60% - 30px);
		padding:15px;
		display:table-cell;
	}
	.tablecolb{
		width:calc(40% - 30px);
		padding:15px;
		display:table-cell;
	}
}
@media screen and (min-width: 1024px) {
	.caserow, .tablerowrow{
		/*font-size: 1.25vw;*/
		font-size: 16px;
	}
}
@media screen and (min-width: 1280px) {
	.caserow{
		/*font-size: 16px;*/
	}
}