div.table {
	padding: 0px 10px 10px 10px;
}

div.table table {
	width: 100%;
	border-spacing: 0;
	border-collapse: none;
	color: #000000;
	border-collapse: collapse;
}

div.table table tr.rate:not(:last-child) td {
	border-bottom: 1px #d4d4d4 solid;
}

div.table table th,
div.table table td {
	position: relative;
	box-sizing: border-box;
	height: 36px;
	line-height: 36px;
}

div.table table th {
	text-align: left;
	color: #555555;
	font-size: 14px;
	font-weight: normal;
}

div.table table td.icon {
	width: 26px;
	padding: 0 0 0 10px;
}

div.table table td.icon img {
	object-fit: cover;
	width: 16px;
	height: 16px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

div.table table th.title {
	padding: 0px 0px 0px 10px;
}
div.table table td.title {
	padding: 0px 0px 0px 10px;
}

div.table table th.rate,
div.table table td.rate {
	padding: 0px 10px 0px 10px;
	text-align: right;
}

div.table table td {
	font-size: 18px;
}

div.table table td span.title {
	position: absolute;
	top: 10px;
	left: 58px;
	font-size: 12px;
	line-height: 16px;
	color: #555555;
}

div.table table td.rate span.increase,
div.table table td.rate span.decrease {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0px 6px 1px 0px;
	background-size: 10px;
	background-position: 1px 1px;
	background-repeat: no-repeat;
}

div.table table td.rate span.increase {
	background-image: url('/img/increase.png');
}

div.table table td.rate span.decrease {
	background-image: url('/img/decrease.png');
}

div.table table tr:nth-child(2) td:first-child {
	border-top-left-radius: 4px;
}

div.table table tr:nth-child(2) td:last-child {
	border-top-right-radius: 4px;
}

div.table table tr:last-child td:first-child {
	border-bottom-left-radius: 4px;
}

div.table table tr:last-child td:last-child {
	border-bottom-right-radius: 4px;
}

div.table table tr:not(.header):hover {
	background-color: #F9F9F9;
}

@media (min-width: 940px) {
	div.table table td.title {
		width: calc(40% - 26px);
	}

	div.table table td.title.large {
		/*width: 60%;*/
		width: calc(60% - 26px);
	}

	div.table table td.rate {
		width: 20%;
	}

	div.table table td.rate.last {
		width: 20%;
	}
}
@media (min-width: 0px) and (max-width: 939px) {
	div.table table td.title {
		/*width: 22%;*/
		width: calc(22% - 26px);
	}

	div.table table td.title.large {
		/*width: 48%;*/
		width: calc(48% - 26px);
	}

	div.table table td.rate {
		width: 26%;
	}

	div.table table td.rate.last {
		width: 26%;
	}

	div.table table span.title {
		display: none;
	}
}