/* Spoilers */

.spoiler-container {
	margin: 5px 0;
	border: 1px solid #ccc;
	border-radius: 3px;
}

.spoiler-button {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 5px 10px;
	cursor: pointer;
	font-weight: bold;
	user-select: none;
}

.spoiler-toggle {
	position: absolute;
	opacity: 0;
}

.spoiler-content {
	display: none;
	padding: 10px;
	background: #fff;
	word-wrap: anywhere;
	word-break: break-word;
}

.spoiler-toggle:checked~.spoiler-content {
	display: block;
}

.spoiler-toggle:checked+.spoiler-button {
	border-bottom: 1px solid #ccc;
}

/* Forum Code */

.forum-code {
	padding: 10px;
	border: 1px solid rgba(0, 0, 0, 0.5);
	white-space: pre-wrap;
	font-family: monospace;
}

/* Pagination */

#chatArea a.dev:link,
#chatArea a.dev:visited,
.forumsTable a.dev:link,
.forumsTable a.dev:visited,
.dev,
table.customDemo .dev,
a.dev {
	color:
		/*#017d6a teal */
		rgb(24, 230, 41) !important;
}

.hazer-pagination, .hazer-pagination-extras {
	display: flex;
	flex-wrap: wrap;
	margin: 5px;
	align-content: center;
	justify-content: space-around;
}

.hazer-pagination-extras div:nth-child(2) {
	flex: 1;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.hazer-pagination-extras div:nth-child(2) form {
	flex: 1;
	display: flex;
	/* align-items: flex-start; */
	width: 100%;
}

.hazer-pagination-extras div:nth-child(2) form input:nth-child(3) {
	flex: 1;
	margin: 0px 10px;
}

.hazer-pagination .prev, .hazer-pagination .next, .hazer-pagination-extras div:first-child, .hazer-pagination-extras div:last-child {
	width: 20%;
}

.hazer-pagination-extras p {
	text-indent: 0px;
}

.hazer-jump p {
	text-align: center;
}

.hazer-jump form {
	display: flex;
	margin: 0px 10px;
}

.hazer-jump form input:first-child {
	margin-right: 5px;
	width: 100%;
}

.hazer-pagination .prev {
	text-align: left;
	display: flex;
	align-items: center;
}

.hazer-pagination .next {
	justify-content: flex-end;
	display: flex;
	align-items: center;
}

.hazer-pagination-links {
	display: flex;
	flex-wrap: wrap;
	flex: 1;
	align-content: center;
	justify-content: center;
}

.hazer-pagination-links a {
	padding: 10px;
}

.hazer-pagination-links a.current {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 5px;
}

.hazer-items-per-page {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#inventory .iitem {
  width: 180px;
  margin: 1px
}

html, body{
    position: relative;
}

.rounded {
  border-radius: 7px;
  -moz-border-radius: 7px;
}

.roundedBottom{
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
}
.roundedBR{
	border-bottom-right-radius: 7px;
	-moz-border-radius-bottomright: 7px;
}
.roundedBL{
	border-bottom-left-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
}

.roundedTop{
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
}
.roundedTR{
	border-top-right-radius: 7px;
	-moz-border-radius-topright: 7px;
}
.roundedTL{
	border-top-left-radius: 7px;
	-moz-border-radius-topleft: 7px;
}

#inventory .iitem div {
  width: 170px;
}

h1 {
  display: block
}

.block-center {
  margin: 0 auto;
}

#khimeraTable {
  width: 100%;
}

#khimeraImage {
  width: 520px;
  text-align: center;
}

#khimeraInfo table {
  width: 100%;
}

#chatTable {
  table-layout:fixed;
}
#chatTable td.ctext {
  word-wrap: break-word;
  text-wrap: normal;
  white-space: normal;
  width:470px
}

#chatTable .cusername {
    width: 180px
}
/*
#chatTable .ctext {
    width: 480px
}*/

.itemImage {
    width: 100px;
    height: 100px;
}

.breakword td, .breakword div, .breakword, #trades small {
	word-wrap: break-word;
	text-wrap: normal;
}

form.inline {
  display:inline;
}

#trades, #trades td {
  width: 920px;
  margin: 0 auto;
}

#trades small {
  display: block;
  width: 920px;
  word-wrap: break-word;
  overflow: hidden;
}

#trades td.links {
  width: 230px;
}

.profilerHide { display: none; }

#notificationArea:empty{
	display: none;
}

.groupLinks {
	-webkit-column-count: 4;
	-webkit-column-rule: 0px;
	-moz-column-count: 4;
	-moz-column-rule: 0px;
}

html body * a[href="profile.php?id=783"] {
	color: #Db5c84 !important;
}

.rainbow-text {
	background: linear-gradient(to right,
			#FF0000,
			/* Red */
			#FF7F00,
			/* Orange */
			#FFFF00,
			/* Yellow */
			#00FF00,
			/* Green */
			#00c3ff,
			/* Blue */
			#a629ff,
			/* Indigo */
			#f007e4
			/* Violet */
		);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	display: inline-block;
}

.wave-char {
	display: inline-block;
	animation: wave 2s ease-in-out infinite;
	will-change: transform;
	backface-visibility: hidden;
	-webkit-font-smoothing: subpixel-antialiased;
}

@keyframes wave {

	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-5px);
	}
}

.frog-curse {
	color: #00FF00;
	/* Readable green */
}

.frog-curse a {
	color: #7efa7e!important;
}

.frog-letter {
	display: inline-block;
}

.frog-hop-active {
	animation: frog-hop 0.5s ease-out;
}

@keyframes frog-hop {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-10px);
	}

	100% {
		transform: translateY(0);
	}
}

.wheel-curse {
	font-family: 'Courier New', Courier, monospace;
	/* Monospace font */
	font-weight: bold;
	letter-spacing: 2px;
}

.wheel-letter {
	display: inline-block;
	padding: 2px 4px;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.wheel-hidden {
	color: #e7e7e7;
	/* Or whatever your text color is */
	background-color: #e7e7e7;
	/* Same as text color to hide it */
}

/* Make sure spaces don't get hidden */
.wheel-letter.wheel-space {
	background-color: transparent !important;
}

.jackolantern-text, .jackolantern-text a {
	color: #ff8c00!important;
	text-shadow:
		0 0 10px rgba(255, 200, 0, 0.9),
		0 0 20px rgba(255, 140, 0, 0.7),
		0 0 30px rgba(255, 69, 0, 0.5);
	transition: text-shadow 0.15s ease-out, filter 0.15s ease-out;
	font-weight: bold;
}

.onyx-text {
	font-family: "Coral Pixels", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 2em;
}