.scrolldiv {
	overflow-x: auto;
	width: 100%;
}

.atmos-page .fly-responsive-table-scrollable {
	min-width: 600px;
}

.atmos-page .fly-responsive-table-scrollable td:first-child {
	font-weight: normal;
}

.atmos-page .fly-responsive-table, 
.atmos-page .fly-responsive-table-scrollable {
border-collapse: collapse;
}

.atmos-page .fly-responsive-table tr, 
.atmos-page .fly-responsive-table-scrollable tr  {
border-bottom: 1px solid #d4d4d0;
}

.atmos-page .fly-responsive-table tr.fly-colhead-row,
.atmos-page .fly-responsive-table-scrollable tr.fly-colhead-row {
border: none;
}

.atmos-page .fly-responsive-table tr.fly-colhead-row th,
.atmos-page .fly-responsive-table-scrollable tr.fly-colhead-row th {
position: relative;
}

.atmos-page .fly-responsive-table tr.fly-colhead-row th:after,
.atmos-page .fly-responsive-table-scrollable tr.fly-colhead-row th:after {
	content: "";
	display: block;
	width: calc(100% - 4px);
	height: 4px;
	background-color: #7c878e;
	position: absolute;
	bottom: 4px;
	right: 4px;
}

.atmos-page .fly-responsive-table tr.fly-colhead-row th:last-child:after,
.atmos-page .fly-responsive-table-scrollable tr.fly-colhead-row th:last-child:after {
	right: 0px;
}

.atmos-page .fly-responsive-table td, 
.atmos-page .fly-responsive-table th,
.atmos-page .fly-responsive-table-scrollable td, 
.atmos-page .fly-responsive-table-scrollable th {
text-align: left;
padding: 16px;
}

@media only screen and (max-width: 600px) {
	
	table.atmos-page .fly-responsive-table {
		display: block;
		width: 100%;
	}
	.atmos-page .fly-responsive-table tbody {
		display: block;
		width: 100%;
	}
	
	.atmos-page .fly-responsive-table [data-colheader]:before {
		content: attr(data-colheader) ":";
		display: block;
		font-weight: 600;
		color: #000;
	}
	
	.atmos-page .fly-responsive-table tr {
		display: block;
		width: 100%;
		border-radius: 4px;
		border: 1px solid #CCC;
		margin-bottom: 16px;
	}
	
	.atmos-page .fly-responsive-table tr.fly-colhead-row {
		border: none;
	}
	
	.atmos-page .fly-responsive-table tr.fly-colhead-row th {
		padding: 0px;
		border: none;
	}
	
	.atmos-page .fly-responsive-table tr.fly-colhead-row th:after {
		content: none;
	}
	
	.atmos-page .fly-responsive-table th[scope=col]:first-child {
		font-size: 14px;
		text-transform: uppercase;
		color: #000;
		letter-spacing: 1.05px;
	}
	
	
	.atmos-page .fly-responsive-table th[scope=col]:not(:first-child) {
		display: none;
	}
	
	.atmos-page .fly-responsive-table th[scope=row], 
	.atmos-page .fly-responsive-table td {
		display: block;
		width: 100%;
		color: #000;
	}
	
	.atmos-page .fly-responsive-table th[scope=row] {
		font-size: 24px;
		line-height: 32px;
		font-weight: 600;
		color: #000;
		padding-bottom: 8px;
	}
}