@font-face {
	font-family: Raleway-Medium;
	src: url(/../_fonts/Raleway-Medium.ttf);
}

body {
	background-color: #ffffff !important;
	font-family: "Raleway-Medium" !important;
}

.empty {
	background-image: url("/../_images/_bg/wiki_logo_i.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center; /* 이미지를 가운데로 정렬합니다 */
}

.hunterBackground {
	background-image: url("/../_images/_bg/hunter.png");
	background-size: cover;
	background-repeat: no-repeat;
}

.hunterBackground::before {
	content: "";
	position: absolute; /* 자식 요소를 절대적으로 배치합니다 */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(
		0,
		0,
		0,
		0.5
	); /* 배경 색상을 흑색으로 지정하고 투명도를 조절합니다 */
}

.marshalBackground {
	background-image: url("/../_images/_bg/marshal.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
}

.marshalBackground::before {
	content: "";
	position: absolute; /* 자식 요소를 절대적으로 배치합니다 */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(
		0,
		0,
		0,
		0.5
	); /* 배경 색상을 흑색으로 지정하고 투명도를 조절합니다 */
}

.defaultBackground {
	height: 100%;
	background-image: url("/../_images/_bg/default.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
}

.defaultBackground:before {
	content: "";
	position: absolute; /* 자식 요소를 절대적으로 배치합니다 */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(
		0,
		0,
		0,
		0.5
	); /* 배경 색상을 흑색으로 지정하고 투명도를 조절합니다 */
}

.whiteBackground {
	background-color: #adad85;
}

.btn-wiki {
	border: 1.5px solid white !important;
	border-radius: 10px !important;
	color: white;
}

a.btn.btn-wiki:hover {
	color: #868585 !important;
	border: 1.5px solid #868585 !important;
	border-radius: 10px !important;
}

.btn-wiki-1 {
	border: 1.5px solid black !important;
	border-radius: 10px !important;
	background-color: black;
	color: white;
}

a.btn.btn-wiki-1:hover {
	border: 1.5px solid black !important;
	border-radius: 10px !important;
	background-color: white;
	color: black;
}

.innerRow {
	padding: 0px !important;
}

.mainRow {
	padding: 0px;
}

.tableWrapper {
	width: 100%;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	display: block;
	overflow-y: scroll;
	/*  YOU NEED TO SET THE HEIGHT*/
}

.rowTable {
	height: 45px;
	background: #f6f6f6;
	width: 100%;
}

.rowTable:nth-of-type(odd) {
	background: #e9e9e9;
}

.rowTable.header {
	font-weight: 900;
	color: #ffffff;
	background: black;
}

.rowTable.green {
	background: #27ae60;
}

.rowTable.blue {
	background: #2980b9;
}

.cell {
	padding: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
}

.messageButton,
.detailsButton {
	background: none !important;
	border: none;
	padding: 0 !important;
	cursor: pointer;
}

.form-group {
	margin-bottom: 0px !important;
}

#profile_picture {
	border-color: #5b5b5b;
	border-width: 2px;
	border-style: solid;
	margin: 0 auto;
	width: 200px;
	height: 200px;
}

#imagePicture {
	border-color: #5b5b5b;
	border-width: 2px;
	border-style: solid;
	width: 220px;
	height: 200px;
	margin: 0 auto;
	display: block;
}

#rssBox {
	margin: 0 auto;
	padding: 0 0 0 0;
}

.submitSomething {
	margin-top: 10px;
}

.btn-login {
	margin: 10px;
	padding: 5px;
	font-size: 15px;
	color: black;
	font-weight: 500;
	text-decoration: none !important;
}

.btn-login:hover {
	color: black;
}

.btn-sign-up {
	margin: 10px;
	padding: 5px;
	font-size: 15px;
	color: black;
	font-weight: 500;
	text-decoration: none !important;
	cursor: pointer;
}

button.login {
	background-color: black;
	color: white;
}
button.login:hover {
	background-color: white;
	color: black;
}

.btn-profile {
	margin: 10px;
	padding: 5px;
	font-size: 15px;
	color: black;
	font-weight: 500;
	text-decoration: none !important;
	cursor: pointer;
}
.btn-profile:hover {
	background-color: white;
	color: black;
}

.btn-logout {
	margin: 10px;
	padding: 5px;
	font-size: 15px;
	color: black;
	font-weight: 500;
	text-decoration: none !important;
	cursor: pointer;
}
.btn-logout:hover {
	background-color: white;
	color: black;
}

.program {
	width: 300px;
	height: 350px;
	margin: 10px;
	border: 1px solid black;
	border-radius: 10px;
}

.program .wanted {
	height: 50px;
	border: 1px;
	border-radius: 10px 10px 0 0;
	background-color: black;
	color: white;
	padding: 5px;
	font-size: 30px;
	font-weight: 800;
	text-align: center;
}

.program .content {
	height: 250px;
	padding: 10px;
	font-size: 20px;
	font-weight: 800;
	text-align: center;
}

.program .content .title {
	padding: 10px;
	font-size: 20px;
	font-weight: 800;
	text-align: center;
}

.program .content .bug {
	width: 100px;
	height: 100px;
	background-image: url("../_images/_wanted/bug.png");
	background-size: cover;
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	font-size: 20px;
	font-weight: 800;
	text-align: center;
}

.program .reward {
	height: 50px;
	border: 1px;
	border-radius: 0 0 10px 10px;
	background-color: black;
	color: gold;
	padding: 10px;
	font-size: 20px;
	font-weight: 800;
	text-align: center;
}

.title a {
	color: black;
	text-decoration: underline;
}

.title a:hover {
	color: black;
}