body { 
	background-color: #2c2217;
	font-family: 'Lato', sans-serif;
	color: #eee;
}

h3 {
	margin: 0 0 15px 0;
}

fieldset {
	margin-top: 10px;
	border: 1px solid #473725;
}
	fieldset legend {
		color: Wheat;
		font-weight: Bold;
	}
	
footer {
	margin: 10px 0;
	padding: 3px 8px;
	background: rgba(0,0,0,.5);
	text-align: right;
	font-size: 0.875em;
	color: #ddd;
}
	footer a:link, footer a:active, footer a:visited {
		text-decoration: none;
		color: Khaki;
	}
	footer a:hover {
		color: Yellow;
	}
	
.coin-icon {
	height: 24px;
	margin: 0 2px 0 7px;
	vertical-align: middle;
}
.coin-icon:first-child {
	margin-left: 0;
}
.regional-icon, .effects-icon {
	display: inline-block;
	margin-left: 8px;
	vertical-align: middle;
}
.effects-list-item {
	font-size: 0.875em;
}
	.fx-color-positive {
		color: #93c763;
	}
	.fx-color-negative {
		color: #ec7600;
	}

/* Message highlight */

.notification {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 999;
	margin: 30px;
	padding: 10px 15px;
	max-width: 400px;
	border: 1px solid black;
	box-shadow: 2px 2px 2px 2px black;
	font-size: 1.25em;
}
.noti-success {
	background-color: DarkGreen;
}
.noti-error {
	background-color: DarkRed;
}
.noti-info {
	background-color: #111;
}
	
/* Dialogs */

.dialog-window { 
	display: none;
}

.dialog-window input[type=submit] {
	width: 1px; height: 1px;
	margin: 0; padding: 0;
	visibility: hidden;
}

#dialog-loading {
	text-align: center;
}
	#loader-text {
		font-weight: Bold;
		display: inline-block;
		width: 300px;
	}
	
/* Header */
#ownerguildname {
	float: right;
	margin-right: 10px;
}

/* Content */

#tradepost-storage {
	clear: both;
}

.flex-container {
	display: flex;
	margin-right:-10px;
}

.flex-item {
	flex: 1 100%;
	min-width: 0;
	min-height: 0;
	margin-right: 10px;
	overflow: hidden;
}

.capacity-indicator {
	width: 330px;
	margin: 10px auto;
	text-align: center;
	margin-top: 10px;
	padding: 6px 6px 6px 12px;
	border-radius: 8px;
	font-weight: Bold;
}

.trade-total, .trade-capacity {
	display: inline-block;
	margin-top: 10px;
	padding: 6px 6px 6px 12px;
	border-radius: 8px;
	font-weight: Bold;
}
	.trade-total .coins-wrapper {
		display: inline-block;
		padding: 2px 8px;
		background-color: #5C4730;
		border-radius: 8px;
	}
.trade-total {
	background-color: #33271B;
}
.trade-capacity {
	background-color: #191919;
}

.dialog-item, #new-sale-fxwarn {
	margin: 10px 0;
	padding: 5px 10px 5px 5px;
	background: rgba(0,0,0,.5);
	overflow: auto;
}
.dialog-item {
	font-size: 1.25em;
}
#new-sale-fxwarn {
	font-size: 0.875em;
}
	.dialog-item > div {
		float: left;
		width: 40px;
		height: 32px;
		margin-right: 15px;
		text-align: center;
	}
	.dialog-item > div > img {
		max-width: 40px;
		height: 32px;
	}
	.dialog-item > img {
		margin: 0 5px 0 10px;
	}
.inventory-item:hover {
	cursor: pointer;
	background: Black;
}
.form-section {
	display: none;
}

.toggle-button-wrapper {
	float: right;
	margin-right: 10px;
	padding: 5px 10px;
}
.player-coins-wrapper {
	float: right;
	margin-right: 10px;
	padding: 5px 10px;
	background-color: #33271B;
	border-radius: 5px;
}
	.player-coins img {
		vertical-align: middle;
	}
#btn-sm-sale, #btn-sm-demand {
	float: right;
}

#fieldset-offer-effects div {
	margin-bottom: 5px;
}

ul.minified {
	padding: 0;
	margin: 0;
	list-style-position: inside;
}
ul.minified li {
	padding: 0;
	margin: 0;
}
	
/* Forms */

.spinner-trade, .spinner-quantity, #market-offer-quantity, #admin-alignment-min, #admin-alignment-max { 
	width: 48px;
}
.spinner-sale {
	width: 80px;
}
.spinner-quality {
	width: 40px;
}
.spinner-magnitude {
	width: 40px;
}
.spinner-price, #charge-units, .spinner-factor {
	width: 70px;
}
.item-input {
	padding: 3px 6px;
}
.spinner-interval {
	width: 40px;
}

/* Table Stuff */
.market-price-note {
	display: inline-block;
	margin-left: 10px;
	font-size: 0.8em;
}

/* Tabulator Customization */

#market-sales .tabulator-cell, #market-demands .tabulator-cell {
	line-height: 32px;
}
.tabulator-cell img {
	vertical-align: middle;
}
.tabulator-col-title {
	line-height: 30px;
}
.tabulator .tabulator-header .tabulator-center-header {
    text-align:center;
}
.tabulator-row .tabulator-cell.tabulator-editing input, .tabulator-row .tabulator-cell.tabulator-editing select {
	color: #eee;
}
.tabulator-row .tabulator-cell.tabulator-validation-fail input, .tabulator-row .tabulator-cell.tabulator-validation-fail select {
	color: Orange !important;
}
.tabulator-data-tree-branch {
	border-left: 2px solid #eee !important;
	border-bottom: 2px solid #eee !important;
}
.tabulator-tableHolder {
	overflow-x: hidden !important;
}
.tabulator-col-content input {
	background-color: #201913;
	border: 1px solid Gray;
	color: #eee;
}
.tabulator button:disabled {
	color: #ccc;
}

/* JQuery Override */

.ui-tabs-panel {
	padding: 10px !important;
}

/* Error Page */

#error-page {
	font-size: 2em;
	text-align: center;
	padding: 30px;
}