#kc .lazy {
	display:block;
}
#kc {
	margin:1rem;
}

#kc #kc_logos {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

#kc #kc_logos .kc_logo {
	background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
}

#kc #kc_logos .kc_logo.kc_alliance {
	background-image: url(/application/modules/kcharacter/images/logo_alliance.png);
    position: relative;
    width: 232.5px;
	height: 300px;
}

#kc #kc_logos .kc_logo.kc_alliance_smaller {
	background-image: url(/application/modules/kcharacter/images/logo_alliance.png);
    position: relative;
    width: 77.5px;
	height:100px;
}

#kc #kc_logos .kc_logo.kc_horde {
	background-image: url(/application/modules/kcharacter/images/logo_horde.png);
    position: relative;
    width: 232.5px;
	height: 300px;
}

#kc #kc_logos .kc_logo.kc_horde_smaller {
	background-image: url(/application/modules/kcharacter/images/logo_horde.png);
    position: relative;
    width: 77.5px;
	height:100px;
}

#kc #kc_logos .kc_logo_text {
	text-transform:uppercase;
	transform: translate(0%, 25%);
	color:gold;
	text-shadow: 
			0px 1px 0px rgb(215,175,0),
			1px 0px 0px rgb(215,175,0),
			1px 1px 0px rgb(215,175,0),
			
			1px 2px 0px rgb(195,155,0),
			2px 1px 0px rgb(195,155,0),
			2px 2px 0px rgb(195,155,0);
	font-size:32px;
	font-weight:bold;
}

@media (max-width: 700px) {
	#kc #kc_logos .kc_logo_text {
		display:none;
	}
}

#kc #kc_search {
	width:calc(80% - 2rem);
	margin:0 auto;
	border-bottom:1px solid gold;
	background-color: #141414;
	padding:1rem;
	margin-top:2rem;
	display:flex;
	justify-content:flex-start;
}

#kc #kc_search input[type='text'] {
	width:100% !important;
	margin:0px;
	margin-right:1rem;
}

#kc #kc_table {
	width:80%;
	margin:0 auto;
	border-top:1px solid darkgoldenrod;
	border-bottom:2px solid gold;
	border-collapse: collapse;
	color:silver;
	display:table;
}

#kc #kc_table .kc_table_head {
	display: table-header-group;
}

#kc #kc_table .kc_table_td {
    padding: 10px;
	background-color:#141414;
	display: table-cell;
}

#kc #kc_table .kc_table_head .kc_table_td {
	border-bottom: 2px solid darkgoldenrod;
    font-weight: bold;
	background-color: #101010;
}

#kc #kc_table .kc_table_head .kc_table_td.kc_table_nr, #kc #kc_table .kc_table_body .kc_table_td.kc_table_nr {width:2%;}
/*#kc #kc_table .kc_table_head .kc_table_td.kc_table_user, #kc #kc_table .kc_table_body .kc_table_td.kc_table_user {width: 38%;}*/
#kc #kc_table .kc_table_head .kc_table_td.kc_table_char, #kc #kc_table .kc_table_body .kc_table_td.kc_table_char {width: 68%;}
#kc #kc_table .kc_table_head .kc_table_td.kc_table_char, #kc #kc_table .kc_table_body .kc_table_td.kc_table_race {width: 4%;text-align:center;}
#kc #kc_table .kc_table_head .kc_table_td.kc_table_char, #kc #kc_table .kc_table_body .kc_table_td.kc_table_class {width: 4%;text-align:center;}
#kc #kc_table .kc_table_head .kc_table_td.kc_table_level, #kc #kc_table .kc_table_body .kc_table_td.kc_table_level {width: 8%;}
#kc #kc_table .kc_table_head .kc_table_td.kc_table_side, #kc #kc_table .kc_table_body .kc_table_td.kc_table_side {width: 10%;}


#kc #kc_table .kc_table_body {
	display:table-row-group
}

#kc #kc_table .kc_table_body .kc_table_tr {
	display: table-row;
}

#kc #kc_table .kc_table_body .kc_table_tr .kc_table_td {
	transition:background-color .1s ease-in;
}

#kc #kc_table .kc_table_td.kc_table_nr {text-align:center;}
#kc #kc_table .kc_table_td.kc_table_level {text-align:center;}
#kc #kc_table .kc_table_td.kc_table_side {text-align:center;}

#kc #kc_table .kc_table_body .kc_table_tr .kc_table_td.kc_table_user,
#kc #kc_table .kc_table_body .kc_table_tr .kc_table_td.kc_table_char,
#kc #kc_table .kc_table_body .kc_table_tr .kc_table_td.kc_table_side {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap; /* Don't forget this one */
}

#kc #kc_table .kc_table_body .kc_table_tr:not(.kc_table_head) .kc_table_td:not(:last-child) {
	border-right:1px solid #101010;
}

#kc #kc_table .kc_table_body .kc_table_tr:nth-child(even) .kc_table_td {
	background-color: #1e1e1e;
}

#kc #kc_table .kc_table_body .kc_table_tr:hover .kc_table_td {
	background-color: #242424;
}