/* SERVER LIST PAGE (server.html, bannedgames.html) SPECIFIC STYLES */

.serverlist {
}

.serverlist-table {
    width: 100%;
    border-collapse: collapse;
}

.serverlist-th {
    padding: 15px;
}

.serverlist-td {
	font-size: 20px;
    text-align: left !important;
    padding: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
    position: relative;
	font-family: 'Nexa Bold', 'NanumSquareEB', 'Apple SD Gothic Neo';
}

.serverlist-status {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 10px;
    position: relative;
    top: 1px;
}

.serverlist-online {
    background-color: green;
	font-family: 'Nexa Light', 'Apple SD Gothic Neo', 'NanumSquareR', Arial, sans-serif;
}

.serverlist-paused {
    background-color: orange;
	font-family: 'Nexa Light', 'Apple SD Gothic Neo', 'NanumSquareR', Arial, sans-serif;
}

.serverlist-offline {
    background-color: red;
	font-family: 'Nexa Light', 'Apple SD Gothic Neo', 'NanumSquareR', Arial, sans-serif;
}

.serverlist-status-text {
    font-size: 15px;
    position: absolute;
    top: 6px;
    right: 10px;
	font-family: 'Nexa Light', 'Apple SD Gothic Neo', 'NanumSquareR', Arial, sans-serif;
}

.serverlist-version-text {
    font-size: 15px;
    position: absolute;
    bottom: 6px;
    right: 10px;
	font-family: 'Nexa Light', 'Apple SD Gothic Neo', 'NanumSquareR', Arial, sans-serif;
}

.serverlist-status-text-online {
	color: green;
}

.serverlist-status-text-paused {
	color: orange;
}

.serverlist-status-text-offline {
	color: red;
}

.indicator {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 10px;
    position: relative;
    top: 1px;
	background-color: red;
}

.reason {
	font-family: 'Nexa Light', 'Apple SD Gothic Neo', 'NanumSquareR', Arial, sans-serif;
	font-size: 17px;
	display: none;
	padding: 10px;
	border: 1px solid #f5c6cb;
	border-radius: 5px;
	margin-top: 20px;
	margin-bottom: 5px;
}

.reason-toggle {
	font-family: 'Nexa Light', 'Apple SD Gothic Neo', 'NanumSquareR', Arial, sans-serif;
	color: #F29FA4;
	font-size: 12px;
	cursor: pointer;
	position: absolute;
	bottom: 5px;
	right: 10px;
}