.ticket-page-main {
	display: block !important;
	width: 100%;
	margin-bottom: 120px;
}

.ticket-page-content {
	box-sizing: border-box;
	width: 100% !important;
	max-width: none !important;
	min-height: 520px;
	padding: 34px 42px 48px;
	background: rgba(10, 12, 20, .96);
	border-top: 2px solid #27384e;
}

.ticket-page-heading {
	display: flex;
	min-height: 70px;
	padding-bottom: 22px;
	border-bottom: 1px solid rgba(255, 255, 255, .12);
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}

.ticket-page-heading span {
	display: block;
	margin-bottom: 7px;
	color: #fc9162;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
}

.ticket-page-heading h1 {
	max-width: 760px;
	margin: 0;
	color: #fff;
	font-family: "Philosopher", sans-serif;
	font-size: 28px;
	font-weight: 400;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.ticket-heading-actions {
	display: flex;
	align-items: center;
	gap: 12px;
}

.ticket-primary-action,
.ticket-secondary-action,
.ticket-row-action {
	box-sizing: border-box;
	display: inline-flex !important;
	width: auto !important;
	min-width: 126px;
	min-height: 42px;
	padding: 10px 20px !important;
	border: 1px solid #3876b8;
	background: #163d68 !important;
	color: #fff !important;
	font: 600 13px/1 "Open Sans", sans-serif;
	text-decoration: none;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.ticket-secondary-action,
.ticket-row-action {
	border-color: #484c58;
	background: #161923 !important;
}

.ticket-primary-action:hover,
.ticket-secondary-action:hover,
.ticket-row-action:hover {
	border-color: #fc9162;
	color: #ffdda9 !important;
}

.ticket-create-form {
	box-sizing: border-box;
	width: 100% !important;
	max-width: 900px !important;
	margin: 34px auto 0 !important;
}

.ticket-form-grid {
	display: grid;
	grid-template-columns: minmax(220px, .7fr) minmax(320px, 1.3fr);
	gap: 18px;
}

.ticket-create-form label,
.ticket-player-reply label {
	display: grid;
	gap: 8px;
	color: #c9cbd2;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

.ticket-create-form input,
.ticket-create-form select,
.ticket-create-form textarea,
.ticket-player-reply textarea {
	box-sizing: border-box;
	display: block;
	width: 100%;
	border: 1px solid #3a3d47;
	background: #05070b;
	color: #fff;
	font: 15px/1.5 "Open Sans", sans-serif;
	outline: none;
}

.ticket-create-form input,
.ticket-create-form select {
	height: 50px;
	padding: 0 15px;
}

.ticket-message-field {
	margin-top: 22px;
}

.ticket-message-field > label {
	display: block;
	margin-bottom: 8px;
}

.ticket-create-form textarea,
.ticket-player-reply textarea {
	min-height: 250px;
	padding: 16px;
	resize: vertical;
}

.ticket-create-form input:focus,
.ticket-create-form select:focus,
.ticket-create-form textarea:focus,
.ticket-player-reply textarea:focus {
	border-color: #fc9162;
	box-shadow: 0 0 0 2px rgba(252, 145, 98, .12);
}

.ticket-message-field small {
	display: block;
	padding-top: 6px;
	color: #747783;
	font-size: 11px;
	font-weight: 400;
	text-align: right;
	text-transform: none;
}

.ticket-message-field small.is-over-limit {
	color: #ff7d73;
	font-weight: 700;
}

.ticket-message-field .cke {
	box-sizing: border-box;
	width: 100% !important;
	border: 1px solid #3a3d47 !important;
	box-shadow: none !important;
}

.ticket-message-field .cke_top,
.ticket-message-field .cke_bottom {
	background: #e5e5e5 !important;
}

.ticket-message-field .cke_contents {
	min-height: 240px;
}

.ticket-create-form > .ticket-primary-action {
	min-width: 210px;
	margin: 24px auto 0 !important;
}

.ticket-form-alert,
.ticket-closed-notice {
	margin: 22px 0;
	padding: 13px 16px;
	border: 1px solid #87463f;
	background: #2a1715;
	color: #ffb2aa;
}

.ticket-list-wrap {
	width: 100%;
	margin-top: 28px;
	overflow-x: auto;
}

.ticket-list {
	width: 100%;
	min-width: 900px;
	border-collapse: collapse;
}

.ticket-list th {
	padding: 13px 14px;
	border-bottom: 1px solid #414550;
	color: #858995;
	font-size: 11px;
	text-align: left;
	text-transform: uppercase;
}

.ticket-list td {
	padding: 16px 14px;
	border-bottom: 1px solid #222631;
	color: #d7d9df;
	vertical-align: middle;
}

.ticket-list tbody tr:hover {
	background: rgba(255, 255, 255, .025);
}

.ticket-subject {
	max-width: 330px;
	color: #fff !important;
	font-weight: 600;
	overflow-wrap: anywhere;
}

.ticket-status {
	display: inline-flex !important;
	width: max-content;
	margin: 0 !important;
	padding: 5px 9px;
	border: 1px solid currentColor;
	color: #e5b85c !important;
	font-size: 11px !important;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
}

.ticket-status.is-answered {
	color: #62c58a !important;
}

.ticket-status.is-closed {
	color: #d76e6e !important;
}

.ticket-row-action {
	min-width: 70px;
	min-height: 34px;
	padding: 7px 13px !important;
}

.ticket-empty {
	padding: 45px 15px !important;
	color: #858995 !important;
	text-align: center;
}

.ticket-pagination {
	display: flex;
	margin-top: 28px;
	justify-content: center;
	gap: 6px;
}

.ticket-pagination a {
	display: inline-flex;
	width: 36px;
	height: 36px;
	border: 1px solid #383c47;
	color: #c6c8cf;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.ticket-pagination a.is-active,
.ticket-pagination a:hover {
	border-color: #fc9162;
	color: #ffdda9;
}

.ticket-conversation {
	max-width: 980px;
	margin: 30px auto;
}

.ticket-message {
	display: grid;
	grid-template-columns: 56px minmax(0, 1fr);
	margin: 18px 0;
	align-items: start;
	gap: 14px;
}

.ticket-message > img {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	object-fit: cover;
}

.ticket-message > div {
	padding: 18px 20px;
	border: 1px solid #303541;
	background: #171a24;
}

.ticket-message.is-staff {
	grid-template-columns: minmax(0, 1fr) 56px;
}

.ticket-message.is-staff > img {
	grid-column: 2;
	grid-row: 1;
}

.ticket-message.is-staff > div {
	grid-column: 1;
	grid-row: 1;
	border-color: #314863;
	background: #151d29;
}

.ticket-message header {
	display: flex;
	padding-bottom: 10px;
	margin-bottom: 12px;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	align-items: center;
	justify-content: space-between;
	gap: 15px;
}

.ticket-message header strong {
	color: #ffdda9;
}

.ticket-message header time {
	color: #777b87;
	font-size: 11px;
	white-space: nowrap;
}

.ticket-message-body {
	color: #e5e6ea;
	line-height: 1.6;
	overflow-wrap: anywhere;
}

.ticket-message-body img {
	display: block;
	max-width: 100%;
	max-height: 520px;
	margin: 12px 0;
	object-fit: contain;
}

.ticket-message-body table {
	max-width: 100%;
	border-collapse: collapse;
	overflow-x: auto;
}

.ticket-message-body th,
.ticket-message-body td {
	padding: 7px 9px;
	border: 1px solid #4a4e59;
}

.ticket-player-reply {
	max-width: 900px;
	padding-top: 24px;
	margin: 35px auto 0;
	border-top: 1px solid #343844;
}

.ticket-player-reply textarea {
	min-height: 170px;
}

.ticket-player-reply .cke {
	margin-bottom: 18px;
}

.ticket-player-reply .ticket-primary-action {
	margin-left: auto !important;
}

@media (max-width: 760px) {
	.rightBodyLinks {
		display: none !important;
	}
	.ticket-page-content {
		padding: 25px 16px 35px;
	}
	.ticket-page-heading {
		align-items: flex-start;
		flex-direction: column;
	}
	.ticket-page-heading h1 {
		font-size: 23px;
	}
	.ticket-heading-actions {
		width: 100%;
		justify-content: space-between;
	}
	.ticket-form-grid {
		grid-template-columns: 1fr;
	}
	.ticket-message {
		grid-template-columns: 42px minmax(0, 1fr);
		gap: 8px;
	}
	.ticket-message.is-staff {
		grid-template-columns: minmax(0, 1fr) 42px;
	}
	.ticket-message > img {
		width: 38px;
		height: 38px;
	}
	.ticket-message > div {
		padding: 14px;
	}
}