/*
	@Theme Name  : AuzWoW
	@Theme URI   : https://zafirehd.deviantart.com/art/AuzWoW-710569958
	@Author      : ZafireHD, E. Darksider
	@Author URI  : https://zafirehd.deviantart.com, https://code-path.com/author/darksider
	@Description : to be written
	@Version     : 1.0.0
	@License     : Proprietary software License
	@License URI : https://en.wikipedia.org/wiki/Proprietary_software
*/

/*-------------------------------------------------------------------------*/
/*	Tooltip
/*-------------------------------------------------------------------------*/
#tooltip,
.tooltip {
	color: #efefef;
	border: 1px solid #777777;
	z-index: 9999999;
	border-top: 1px solid #cfcfcf;
	box-shadow: 0px 0px 3px #000;
	-moz-box-shadow: 0px 0px 3px #000;
	-webkit-box-shadow: 0px 0px 3px #000;
	background-color: #070c21;
	background-color: rgba(7, 12, 33, 0.9);
}

/*-------------------------------------------------------------------------*/
/*	Label
/*-------------------------------------------------------------------------*/
label {
	color: #9d9d9d;
	font-size: 12px !important;
	font-weight: bold;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	text-shadow: 0 1px 1px #000000, 0 0 7px rgba(0, 0, 0, 0.6);
}

/*-------------------------------------------------------------------------*/
/*	Form fields
/*-------------------------------------------------------------------------*/
select,
textarea,
input[type='tel'],
input[type='url'],
input[type='date'],
input[type='file'],
input[type='text'],
input[type='time'],
input[type='week'],
input[type='email'],
input[type='month'],
input[type='number'],
input[type='search'],
input[type='password'],
input[type='datetime-local'] {
	width: 100%;
	height: auto;

	color: #e2e2e2 !important;

	padding: 6px 8px !important;

	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;

	-webkit-box-shadow: inset 0 0 0 1px #1f1b0f, inset 0 0 0 2px #0d0d0d !important;
	box-shadow: inset 0 0 0 1px #1f1b0f, inset 0 0 0 2px #0d0d0d !important;

	font-size: 12px !important;
	font-family: 'PTSansCaption' !important;

	border-width: 2px !important;
	border-style: solid !important;
	border-color: #707070 !important;

	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;

	background: rgb(24,24,24) !important; /* Old browsers */
	background: -moz-linear-gradient(top, rgba(24,24,24,1) 0%, rgba(24,24,24,1) 50%, rgba(31,31,31,1) 50%, rgba(31,31,31,1) 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(24,24,24,1) 0%,rgba(24,24,24,1) 50%,rgba(31,31,31,1) 50%,rgba(31,31,31,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(24,24,24,1) 0%,rgba(24,24,24,1) 50%,rgba(31,31,31,1) 50%,rgba(31,31,31,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	-webkit-transition: color 300ms ease-in-out, border-color 300ms ease-in-out, background-color 300ms ease-in-out;
	-moz-transition: color 300ms ease-in-out, border-color 300ms ease-in-out, background-color 300ms ease-in-out;
	transition: color 300ms ease-in-out, border-color 300ms ease-in-out, background-color 300ms ease-in-out;
}

select:focus,
textarea:focus,
input[type='tel']:focus,
input[type='url']:focus,
input[type='date']:focus,
input[type='file']:focus,
input[type='text']:focus,
input[type='time']:focus,
input[type='week']:focus,
input[type='email']:focus,
input[type='month']:focus,
input[type='number']:focus,
input[type='search']:focus,
input[type='password']:focus,
input[type='datetime-local']:focus {
	color: #fefefe !important;
	border-color: #e9b320 !important;
}

textarea {
	width: auto;
	height: auto;

	resize: vertical !important;

	background: #181818 !important;

	-webkit-transition: all ease-in-out 300ms;
	-moz-transition: all ease-in-out 300ms;
	transition: all ease-in-out 300ms;
}

select {
	cursor: pointer;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	-webkit-appearance: none; /* Removes default Chrome and Safari style */
	-moz-appearance: none;    /* Removes Default Firefox style */
	appearance: none;         /* Removes Default style */

	background-color: #181818 !important;
	background-image: url(../images/misc/select-arrow.png) !important;
	background-repeat: no-repeat !important;
	background-position: 97% 13px !important;

	background: url(../images/misc/select-arrow.png) no-repeat 97% 13px, rgb(24,24,24) !important; /* Old browsers */
	background: url(../images/misc/select-arrow.png) no-repeat 97% 13px, -moz-linear-gradient(top, rgba(24,24,24,1) 0%, rgba(24,24,24,1) 50%, rgba(31,31,31,1) 50%, rgba(31,31,31,1) 100%) !important; /* FF3.6-15 */
	background: url(../images/misc/select-arrow.png) no-repeat 97% 13px, -webkit-linear-gradient(top, rgba(24,24,24,1) 0%,rgba(24,24,24,1) 50%,rgba(31,31,31,1) 50%,rgba(31,31,31,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: url(../images/misc/select-arrow.png) no-repeat 97% 13px, linear-gradient(to bottom, rgba(24,24,24,1) 0%,rgba(24,24,24,1) 50%,rgba(31,31,31,1) 50%,rgba(31,31,31,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

select:focus {
	background-color: #181818 !important;
	background-image: url(../images/misc/select-arrow.png) !important;
	background-repeat: no-repeat !important;
	background-position: 97% -17px !important;

	background: url(../images/misc/select-arrow.png) no-repeat 97% -17px, rgb(24,24,24) !important; /* Old browsers */
	background: url(../images/misc/select-arrow.png) no-repeat 97% -17px, -moz-linear-gradient(top, rgba(24,24,24,1) 0%, rgba(24,24,24,1) 50%, rgba(31,31,31,1) 50%, rgba(31,31,31,1) 100%) !important; /* FF3.6-15 */
	background: url(../images/misc/select-arrow.png) no-repeat 97% -17px, -webkit-linear-gradient(top, rgba(24,24,24,1) 0%,rgba(24,24,24,1) 50%,rgba(31,31,31,1) 50%,rgba(31,31,31,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: url(../images/misc/select-arrow.png) no-repeat 97% -17px, linear-gradient(to bottom, rgba(24,24,24,1) 0%,rgba(24,24,24,1) 50%,rgba(31,31,31,1) 50%,rgba(31,31,31,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

select option,
select optgroup {
	text-transform: capitalize;
	background-color: #1f1f1f;
}

*:input-placeholder          { color: #adadad !important; }
*:-o-input-placeholder       { color: #adadad !important; }
*:-ms-input-placeholder      { color: #adadad !important; }
*:-moz-placeholder           { color: #adadad !important; }
*::-webkit-input-placeholder { color: #adadad !important; }

/*-------------------------------------------------------------------------*/
/*	Realm bar (used on ucp, store, profiles)
/*-------------------------------------------------------------------------*/
#ucp_characters h1,
.online_realm_button {
	color: #766e64;
	padding: 15px;
	font-size: 12px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.02), inset 0 -25px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.02), inset 0 -25px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.02), inset 0 -25px 0 rgba(0, 0, 0, 0.1);
	font-weight: bold;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	text-shadow: 0 0 4px rgba(0, 0, 0, 0.30), 0 2px 0 #000000;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	letter-spacing: 0;
	text-transform: uppercase;
	background-color: rgba(255, 255, 255, 0.02);
	transition: color 400ms, box-shadow 400ms, background 400ms;
	-o-transition: color 400ms, box-shadow 400ms, background 400ms;
	-ms-transition: color 400ms, box-shadow 400ms, background 400ms;
	-moz-transition: color 400ms, box-shadow 400ms, background 400ms;
	-webkit-transition: color 400ms, box-shadow 400ms, background 400ms;
}

#ucp_characters h1:hover,
.online_realm_button:hover {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.6),inset 0 0 0 1px rgba(0, 0, 0, 0.02),inset 0 -25px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6),inset 0 0 0 1px rgba(0, 0, 0, 0.02),inset 0 -25px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6),inset 0 0 0 1px rgba(0, 0, 0, 0.02),inset 0 -25px 0 rgba(0, 0, 0, 0.1);
	background-color: rgba(255, 255, 255, 0.03);
}

/*-------------------------------------------------------------------------*/
/* Table
/*-------------------------------------------------------------------------*/
table {
	border-spacing: 0 !important;
	border-collapse: collapse;
}

table thead {}

table thead tr {}

table thead tr th {
	height: auto !important;
	vertical-align: middle;
}

table tbody {}

table tbody tr {}

table tbody tr td {
	height: auto !important;
	vertical-align: middle;
}

/*-------------------------------------------------------------------------*/
/* Nice table
/*-------------------------------------------------------------------------*/
.nice_table {
	/* Colors */
	--table-head-color: #e7e7e7;
	--table-body-color: #a9a8a8;

	/* Paddings */
	--table-padding-x: 1rem;
	--table-padding-y: 0.8rem;

	/* Font */
	--table-font-style: initial;
	--table-font-weight: bold;
	--table-head-font-size: 13px;
	--table-body-font-size: 12px;

	/* Backgrounds */
	--table-background-idle: rgba(255, 255, 255, 0.02);
	--table-background-hover: rgba(255, 255, 255, 0.03);

	--table-background-light: rgba(255, 255, 255, 0.1);
	--table-background-shadow: transparent;

	width: 100%;
	height: auto;

	border: 1px solid var(--table-background-idle);

	background-color: var(--table-background-idle);
}

/* Nice table: Separator
/*---------------------------------------------------------------*/
.nice_table tr::after {
	width: -webkit-calc(100% - (var(--table-padding-x) * 2));
	width: -moz-calc(100% - (var(--table-padding-x) * 2));
	width: calc(100% - (var(--table-padding-x) * 2));

	height: 1px;

	left: 0;
	right: 0;
	bottom: 0;

	margin: 0 auto;
	content: '';
	position: absolute;

	background: var(--table-background-light);
	background: -moz-linear-gradient(left, var(--table-background-light) 0%, var(--table-background-shadow) 100%);
	background: -webkit-linear-gradient(left, var(--table-background-light) 0%, var(--table-background-shadow) 100%);
	background: linear-gradient(to right, var(--table-background-light) 0%, var(--table-background-shadow) 100%);
}

.nice_table thead tr::after {
	width: 100%;
}

.nice_table tbody tr:first-child::after {
	width: 100%;
}

.nice_table thead + tbody tr:first-child::after {
	width: -webkit-calc(100% - (var(--table-padding-x) * 2));
	width: -moz-calc(100% - (var(--table-padding-x) * 2));
	width: calc(100% - (var(--table-padding-x) * 2));
}

.nice_table tbody tr:last-child::after {
	display: none;
}

/* Nice table: Head
/*---------------------------------------------------------------*/
.nice_table thead {}

.nice_table thead tr {}

.nice_table thead tr th,
.nice_table tbody tr:first-child td {
	color: var(--table-head-color);
	padding: var(--table-padding-y) var(--table-padding-x) !important;

	font-size: var(--table-head-font-size) !important;
	font-style: var(--table-font-style);
	font-weight: var(--table-font-weight) !important;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;

	text-shadow: 0 0 4px rgba(0, 0, 0, 0.30), 0 2px 0 #000000;
	text-transform: uppercase;
}

/* Nice table: Body
/*---------------------------------------------------------------*/
.nice_table tbody {}

.nice_table tbody tr {
	-webkit-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.nice_table tbody tr:nth-child(odd)       {background-color: transparent;}
.nice_table tbody tr:nth-child(odd):hover {background-color: transparent;}

.nice_table tbody tr:nth-child(even)       {background-color: var(--table-background-idle);}
.nice_table tbody tr:nth-child(even):hover {background-color: var(--table-background-hover);}

.nice_table thead + tbody tr:nth-child(odd)       {background-color: var(--table-background-idle);}
.nice_table thead + tbody tr:nth-child(odd):hover {background-color: var(--table-background-hover);}

.nice_table thead + tbody tr:nth-child(even)       {background-color: transparent;}
.nice_table thead + tbody tr:nth-child(even):hover {background-color: transparent;}

.nice_table thead + tbody tr:first-child       {background-color: var(--table-background-idle) !important;}
.nice_table thead + tbody tr:first-child:hover {background-color: var(--table-background-hover) !important;}

.nice_table tbody tr td,
.nice_table thead + tbody tr:first-child td {
	color: var(--table-body-color);
	padding: var(--table-padding-y) var(--table-padding-x) !important;

	font-size: var(--table-body-font-size) !important;
	font-style: var(--table-font-style);
	font-weight: var(--table-font-weight) !important;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;

	text-shadow: 0 0 4px rgba(0, 0, 0, 0.30), 0 2px 0 #000000;
	text-transform: inherit;
}

/*-------------------------------------------------------------------------*/
/* Page form
/*-------------------------------------------------------------------------*/
.page_form {
	width: 100%;
	height: auto;
}

.is-fullwidth .page_form {
	max-width: 100%;

	padding-top: 0;
	padding-bottom: 0;
}

/* Page form: Label
/*---------------------------------------------------------------*/
.page_form label {
	margin: 0;
	vertical-align: middle;
}

/* Page form: Flex
/*---------------------------------------------------------------*/
.page_form > .row {}

.page_form > .row + .row {
	margin-top: 1rem;
}

.page_form > .row label {
	margin: 0;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;

	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

.page_form > .row + .nice_button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	margin-left: auto;
}