/* Mobile */

@media only screen and (max-width: 768px) {
	
	table.responsive {
		margin-bottom: 0;
	}
	
	.pinned {
		position: absolute;
		left: 0;
		top: 0;
		background: #fff;
		width: 150px;
		overflow: hidden;
	}
	.pinned table {
		border-right: none;
		border-left: none;
		width: 100%;
		min-width: 0;
	}
	.pinned table th,
	.pinned table td {
		padding: 9px 10px;
	}
    .pinned table td {
    	padding:0 10px !important;
    	vertical-align: middle;
    }
    .pinned td:last-child {
    	border-bottom: 0;
    }
    .pinned table thead tr:last-child th {
    	display:none;
    }
    .pinned .currencies-table tbody tr td:nth-child(1) span {
    	display:none;
    }
    div.table-wrapper {
    	position: relative;
    	margin-bottom: 20px;
    	overflow: hidden;
    }
	div.table-wrapper div.scrollable {
		margin-left: 150px;
	}
	div.table-wrapper div.scrollable {
		overflow: scroll;
		overflow-y: hidden;
	}	
	
	/*table.responsive td,*/
	/*table.responsive th {*/
	/*	position: relative;*/
	/*	white-space: nowrap;*/
	/*	overflow: hidden;*/
	/*}*/
	
	table.responsive tr:first-child th:first-child,
	table.responsive thead tr:nth-child(1) th:nth-child(1),
	table.responsive thead tr:nth-child(1) th:nth-child(2),
	table.responsive tbody tr td:nth-child(2), 
	table.responsive td:first-child,
	table.responsive td:first-child, 
	table.responsive.pinned td {
		display: none;
	}
}


@media only screen and (min-width: 769px) {
    div.table-wrapper{
        overflow: hidden;
    }
    div.table-wrapper .pinned{
        display: none;
    }
}
