/***** This file contains the stylings for IX Participants table on the home page *****/
.extensionname {
	background-color: var(--cityix);
	color: white;
	font-size: 1.5rem;
	padding: 10px;
}
table {
    border-collapse: collapse;
    max-width: 100%;
    background-color: var(--white);
	margin: 0 auto;
	width: 100%;
	display: inline;
}
td:nth-child(2), td:nth-child(3), td:nth-child(4) {
	text-align: right;
}
th.extensionname {
	-webkit-box-shadow: inset 0 31px 0 white;
	padding-top: 40px;	
}
td:first-child {
	border-left: 1px solid #ddd;
}
td:nth-child(8) {
	border-right: 1px solid #ddd;
}
tr td  {
	padding: 3px 12px;
}
td {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-family: var(--font-family-sans-serif);
    font-size: 0.85em;
	color: var(--soft-black);
}
th {
    color: var(--white);
    background: var(--black);
	font-family: var(--font-family-sans-serif);
	font-weight: 400;
    font-size: 1.1rem;
	text-align: left;
	padding: 15px;
}
th a {
	text-transform: none;
	white-space: nowrap;
	font-weight: 400;
    font-size: 1.1rem!important;
	text-align: left;
	color: var(--white)!important;
}
tr:last-child td {
	border-bottom: none;
}
table br {
	content: "";
	margin: -0.5em;
	display: block;
}
tr:hover {
	background-color: #efeeee;
}
table a {
	color: var(--cityix-light);
	font-size: 0.9rem;
	font-weight: 400;
}
table .active {
	color: var(--cityix-light)!important;
}

/* Responsive */
@media (max-width: 900px) {
.extensionname {
	font-size: 1.1rem;
}
.table-wrapper-sticky {
	width: 100%;
}
td {
	font-size: 0.85rem;
}
#table1 {
	border-right: none;
	box-shadow: inset -5px 0 5px -2px #ddd;
}
table tr {
    font-size: 0.9em;
    height: auto;
}
.table-wrapper-sticky {
    overflow-x: scroll;
    font-size: 0.9em;
}
td.membername, .first-header {
	position: sticky;
    z-index: 3;
    white-space: normal;
    background-color: var(--light-grey);
	box-shadow: 0 0 5px rgba(0,0,0,0.8);
    min-width: 160px !important;
	text-align: left;
    left: 0;
    top: 0;
}
.first-header {
	background-color: var(--soft-black);
}
}