#search {
	margin: auto;
}

#search #searchContainer {
	margin-top: 50px;
	width: 50%;
	margin: auto;
}

#search #searchContainer label,
#search #searchContainer input {
	display: block;
	font-size: 18px;
	width: 100%;
}

#search #searchContainer label {
	text-align: center;
}

#search #searchContainer .searchInputContainer {
	position: relative;
}

#search #searchContainer input {
	padding: 10px 10px 10px 50px;
}

#search #searchContainer img {
	position: absolute;
	top: 10px;
	left: 12px;
	width: 30px;
}

#search #resultContainer {
	width: 90%;
	margin: auto;
	margin-top: 50px;
}

#search #resultContainer table thead {
	text-align: center;
	font-size: 18px;
}

#search #resultContainer table td#playersList {
	width: 30%;
}

#search #resultContainer table td#villagesList {
	width: 50%;
}

#search #resultContainer table td#kingdomsList {
	width: 20%;
}

#search #resultContainer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}






#unitsAttributes {}

#unitsAttributes .formItem {
	text-align: center;
	font-size: 1.3rem;
}

#unitsAttributes .formItem label {
	font-weight: bold;
}

#unitsAttributes select#attributeToCompare {
	margin-left: 15px;
}

#unitsAttributes .graphsContainer {
	width: 60%;
	margin: auto;
}

#unitsAttributes .graphsContainer h2 {
	margin-top: 30px;
}

#unitsAttributes .graphsContainer h2 img {
	width: 27px;
}






#troopsProduction {}

#troopsProduction .warning,
#inactivesFinder .warning {
	color: red;
	font-weight: bold;
	text-align: center;
	font-size: 1.1rem;
}

#troopsProduction .existingConfigsContainer {
	text-align: center;
	width: 500px;
	margin: auto;
	margin-bottom: 35px;
}

#troopsProduction .existingConfigsContainer .configItem {
	border-bottom: 1px solid #c5c5c5;
	padding: 12px 0 10px 0;
	position: relative;
}

#troopsProduction .existingConfigsContainer .configItem h4 {
	margin: 0;
	font-size: 17px;
	margin-right: 90px;
	border-right: 1px solid black;
}

#troopsProduction .existingConfigsContainer .configItem h4 img {
	margin-right: 10px;
}

#troopsProduction .existingConfigsContainer .configItem .actions {
	position: absolute;
	right: 20px;
	top: 10px;
}

#troopsProduction .existingConfigsContainer .configItem img {
	height: 22px;
	cursor: pointer;
	margin-left: 7px;
	position: relative;
	bottom: 2px;
}

#troopsProduction .formItem {
	margin: 10px auto;
	text-align: center;
}

#troopsProduction .formItem label {
	font-weight: bold;
	margin-right: 7px;
}

#troopsProduction fieldset.generalConfigParameters,
#troopsProduction fieldset.herosParameters {
	max-width: 1000px;
	min-width: 900px;
}

#troopsProduction fieldset.generalConfigParameters {}

#troopsProduction fieldset.generalConfigParameters .formItem input#configTitle {
	width: 250px;
	text-align: center;
}

#troopsProduction fieldset.generalConfigParameters .tribeParameters .formItem {
	display: inline-block;
	width: 49%;
}

#troopsProduction fieldset.generalConfigParameters .tribeParameters .formItem label img {
	width: 25px;
	margin-right: 7px;
}

#troopsProduction fieldset.generalConfigParameters .tribeParameters .rangeFormItem input {
	width: 50px !important;
	text-align: center;
}

#troopsProduction fieldset.herosParameters .formItem {
	width: 49%;
	display: inline-block;
	margin: 10px auto;
	text-align: center;
}

#troopsProduction fieldset.herosParameters .formItem label {}

#troopsProduction fieldset.herosParameters .formItem label img {
	width: 25px;
	margin-right: 7px;
}

#troopsProduction fieldset.herosParameters .formItem input,
#troopsProduction .tribeParameters .formItem input {
	width: 150px;
}

#troopsProduction .rangeFormItem input[type="range"] {
	position: relative;
	top: 3px;
}

#troopsProduction fieldset.herosParameters .formItem select {
	width: 150px;
}

#troopsProduction fieldset.herosParameters .rangeFormItem .valueToUpdate {
	position: relative;
	left: calc(75px);
	margin-top: -16px;
	font-weight: bold;
}

#troopsProduction .rangeFormItem .changeRange {
	display: inline-block;
	cursor: pointer;
	position: relative;
	top: 1px;
	text-align: center;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#troopsProduction .rangeFormItem .changeRange:not(.noBorders) {
	border: 2px solid #acacac;
	width: 22px;
	height: 22px;
	font-size: 22px;
	line-height: 18px;
	background-color: #f8f8f8;
}

#troopsProduction .rangeFormItem .changeRange:not(.noBorders):hover {
	background-color: #d8d8d8;
}

#troopsProduction .rangeFormItem .changeRange.min,
#troopsProduction .rangeFormItem .changeRange.max {
	width: 25px;
	height: 22px;
	font-size: 13px;
	line-height: 18px;
	position: relative;
	top: -2px;
}

#troopsProduction .rangeFormItem .changeRange img {
	width: 20px;
}

#troopsProduction h3,
#troopsProduction fieldset.generalConfigParameters legend,
#troopsProduction fieldset.herosParameters legend {
	color: #954940;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

#troopsProduction h3 {
	margin-top: 20px;
}

#troopsProduction table {
	width: 95%;
	margin: auto;
}

#troopsProduction table th,
#troopsProduction table td {
	vertical-align: middle;
	text-align: center;
}

#troopsProduction table td {
	font-size: 0.9rem;
	padding: 0.1rem;
}

#troopsProduction table tr.baseLine:not(:first-child) {
	border-top: 5px solid black;
}

#troopsProduction table#myProd thead th img {
	width: 50px;
}

#troopsProduction table#myProd .formItem {
	margin: 3px 0;
}

#troopsProduction table#myProd label {
	font-weight: bold;
	display: block;
	margin: 0;
}

#troopsProduction table#myProd .rangeFormItem input {
	width: 70px;
}

#troopsProduction table#myProd .rangeFormItem input[type="number"] {
	position: relative;
	bottom: 2px;
	width: 50px;
}

#troopsProduction table#myProd input,
#troopsProduction table#myProd select {
	text-align: center;
}

#troopsProduction table#myProd td.hero input {
	width: 30px;
	height: 30px;
	accent-color: #954940;
}

#troopsProduction table#myProd td.otherBuildings img {
	width: 45px;
	margin-top: 20px;
}

#troopsProduction table#myProd th.otherBuildings,
#troopsProduction table#myProd td.otherBuildings,
#troopsProduction table#myProd th.stable,
#troopsProduction table#myProd td.stable,
#troopsProduction table#myProd th.greatStable,
#troopsProduction table#myProd td.greatStable,
#troopsProduction table#myProd th.healingTent,
#troopsProduction table#myProd td.healingTent {
	background-color: #0000000a;
}

#troopsProduction table#myProd tr.addNewVillagesGroup {}

#troopsProduction table#myProd tr.addNewVillagesGroup td {
	padding: 10px 0;
	font-size: 1.2rem;
	line-height: 30px;
	background-color: #0000002a;
	cursor: pointer;
	font-weight: bold;
}

#troopsProduction table#myProd tr.addNewVillagesGroup td:hover {
	background-color: #00000044;
}

#troopsProduction table#myProd tr.addNewVillagesGroup img {
	margin-right: 20px;
	width: 30px;
	position: relative;
	bottom: 2px;
}

#troopsProduction table#myProd td.actions {}

#troopsProduction table#myProd td.actions img {
	width: 25px;
	cursor: pointer;
}

#troopsProduction table#myProd td.actions img:hover {
	filter: brightness(0.8);
}

#troopsProduction .buttonsContainer {
	margin: 20px auto 40px auto;
	text-align: center;
}

#troopsProduction .buttonsContainer button {
	margin: 0 10px;
}

#troopsProduction .buttonsContainer #saveConfiguration {
	display: none;
}

#troopsProduction .buttonsContainer #createConfiguration {}




#troopsProduction table#myProdResults {}

#troopsProduction table#myProdResults tbody tr:not(.total) {
	border-bottom: 3px solid black;
}

#troopsProduction table#myProdResults tr.total {
	background-color: #ffd000;
	font-weight: bold;
}

#troopsProduction table#myProdResults td {
	padding: 0;
	font-size: 0.85rem;
}

#troopsProduction table#myProdResults td.groupParams {
	width: 10%;
	font-size: 0.9rem;
	color: grey;
}

#troopsProduction table#myProdResults td.groupParams p {
	margin: 2px 0;
}

#troopsProduction table#myProdResults td.groupParams .groupName {
	font-weight: bold;
	font-size: 1.1rem;
	color: black;
}

#troopsProduction table#myProdResults td.groupParams .orientation {}

#troopsProduction table#myProdResults td.groupParams .nbVillages {}

#troopsProduction table#myProdResults td.groupParams .productionTime {}

#troopsProduction table#myProdResults td.producedUnits {
	width: 35%;
}

#troopsProduction table#myProdResults td.producedUnits .unitsContainer {
	display: flex;
	justify-content: center;
	align-items: stretch;
}

#troopsProduction table#myProdResults td.producedUnits .unitContainer {
	display: inline-block;
	margin: 0;
	flex: 1;
	border-left: 1px solid #dee2e6;
}

#troopsProduction table#myProdResults td.producedUnits .unitContainer:first-child {
	border-left-width: 0;
}

#troopsProduction table#myProdResults td.producedUnits .unitContainer .unit {
	padding: 5px 0;
	border-bottom: 1px solid #dee2e6;
}

#troopsProduction table#myProdResults td.producedUnits .unitContainer .unit img {
	width: 20px;
}

#troopsProduction table#myProdResults td.producedUnits .unitContainer .nbUnit {
	border-top-width: 0;
	padding: 3px 0;
}

#troopsProduction table#myProdResults td.producedPowers {
	width: 20%;
}

#troopsProduction table#myProdResults td.producedPowers .powersContainer {
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
}

#troopsProduction table#myProdResults td.producedPowers .powersContainer .powerItem {
	width: 33%;
	margin: 2px 0;
}

#troopsProduction table#myProdResults td.producedPowers .powersContainer .powerItem img {
	width: 20px;
	margin-left: 3px;
}

#troopsProduction table#myProdResults td.resourcesUsed {
	width: 31%;
}

#troopsProduction table#myProdResults td.resourcesUsed .resourcesContainer {
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
}

#troopsProduction table#myProdResults td.resourcesUsed .resourcesContainer .resourceItem {
	width: 33%;
	margin: 2px 0;
}

#troopsProduction table#myProdResults td.resourcesUsed .resourcesContainer .resourceItem img {
	width: 18px;
	margin-left: 2px;
}








#croppersFinder {
	width: 90%;
	margin: auto;
}

#croppersFinder fieldset {
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
	max-width: 1000px;
	min-width: 1000px;
	width: 100%;
	text-align: center;
}

#croppersFinder fieldset label {
	font-weight: bold;
}

#croppersFinder fieldset input[type="number"] {
	width: 55px;
}

#croppersFinder fieldset .formsContainer {
	display: flex;
	align-items: center;
}

#croppersFinder fieldset .formsContainer .checksContainer {
	text-align: left;
}

#croppersFinder fieldset .marginTopBottom {
	margin: 10px 0;
}

#croppersFinder fieldset .cardinalPositionsContainer {
	height: 170px;
	width: 170px;
	margin: auto;
	position: relative;
}

#croppersFinder fieldset .cardinalPositionsContainer img {
	height: 153px;
	position: relative;
	top: 7px;
}

#croppersFinder fieldset .cardinalPosition {
	position: absolute;
	width: 70px;
	height: 70px;
	border: 1px solid black;
	border-radius: 100% 0 0 0;
	background-color: #ebebeb73;
	cursor: pointer;
}

#croppersFinder fieldset .cardinalPosition.selected {
	background-color: #149e1b91;
}

#croppersFinder fieldset .cardinalPosition:hover {
	filter: brightness(0.7);
}

#croppersFinder fieldset .cardinalPosition span {
	font-size: 1.6rem;
	color: #434343;
	display: block;
	position: absolute;
	left: 23px;
	top: 12px;
	font-weight: bold;
	text-shadow: 0 0 4px white;
}

#croppersFinder fieldset .cardinalPosition.north {
	transform: rotate(45deg);
	top: 0;
	left: 50px;
}

#croppersFinder fieldset .cardinalPosition.north span {
	transform: rotate(-45deg);
}

#croppersFinder fieldset .cardinalPosition.east {
	transform: rotate(135deg);
	left: 99px;
	top: 49px;
}

#croppersFinder fieldset .cardinalPosition.east span {
	transform: rotate(-135deg);
}

#croppersFinder fieldset .cardinalPosition.south {
	transform: rotate(225deg);
	top: 98px;
	left: 50px;
}

#croppersFinder fieldset .cardinalPosition.south span {
	transform: rotate(-225deg);
}

#croppersFinder fieldset .cardinalPosition.west {
	transform: rotate(315deg);
	left: 1px;
	top: 49px;
}

#croppersFinder fieldset .cardinalPosition.west span {
	transform: rotate(-315deg);
}

#croppersFinder table {
	text-align: center;
}

#croppersFinder table td {
	padding: 0.25rem;
	vertical-align: middle;
}

#croppersFinder table td.position {
	color: grey;
}

#croppersFinder table td.position img {
	width: 22px;
	margin-left: 10px;
}

#croppersFinder table td.resType {
	font-weight: bold;
}

#croppersFinder table td.resType img {
	width: 25px;
	margin-right: 5px;
}

#croppersFinder table td.cropsBonus {}

#croppersFinder table td.oases img {
	width: 22px;
	margin: 0 3px
}

#croppersFinder table td.owner img {
	width: 22px;
	position: relative;
	bottom: 2px;
}

#croppersFinder table td.owner img:first-child {
	margin-left: 5px;
}

#croppersFinder table td.owner img:last-child {
	margin-right: 3px;
}

#croppersFinder table td.owner .separator {
	margin: 0 3px;
}

#croppersFinder table td.population {}








#inactivesFinder {
	width: 98%;
	margin: auto;
}

#inactivesFinder fieldset {
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
	max-width: 1000px;
	min-width: 1000px;
	width: 100%;
	text-align: center;
}

#inactivesFinder fieldset label {
	font-weight: bold;
	margin: 10px 0;
}

#inactivesFinder fieldset .row {
	justify-content: center;
	align-items: center
}

#inactivesFinder fieldset .row label {
	margin-right: 20px;
}

#inactivesFinder fieldset .row label:first-child {
	width: 200px;
}

#inactivesFinder fieldset .row input[type="checkbox"] {
	margin-right: 5px;
	height: 15px;
	width: 15px;
}

#inactivesFinder fieldset input[type="number"] {
	width: 55px;
}

#inactivesFinder table {
	text-align: center;
}

table .hidden {
	display: none;
}

#inactivesFinder table th {
	padding: 0.35rem;
	vertical-align: middle;
	font-size: 1rem;
}

#inactivesFinder table td {
	padding: 0.25rem;
	vertical-align: middle;
	font-size: 0.9rem;
}

#inactivesFinder table td.player {
	width: 200px;
	min-width: 200px;
	max-width: 200px;
	overflow: hidden;
}

#inactivesFinder table td.player img {
	width: 21px;
	margin-left: 8px;
}

#inactivesFinder table th.evolutionsOnXDays,
#inactivesFinder table td.evolutionsOnXDays {
	background-color: #9449417a;
}

#inactivesFinder table th.evolutionsOnXDays .nbDays {}

#inactivesFinder table td.evolutionsOnXDays,
#inactivesFinder table td.evolutionPerDay {
	font-weight: bold;
}

#inactivesFinder table td.evolutionsOnXDays.null,
#inactivesFinder table td.evolutionPerDay.null {}

#inactivesFinder table td.evolutionsOnXDays.positive,
#inactivesFinder table td.evolutionPerDay.positive {
	color: green;
}

#inactivesFinder table td.evolutionsOnXDays.negative,
#inactivesFinder table td.evolutionPerDay.negative {
	color: red;
}

#inactivesFinder table td.alreadySpied,
#inactivesFinder table th.alreadySpied {
	border-left: 3px solid rgb(0, 0, 0);
}

#inactivesFinder table td input[type="checkbox"] {
	height: 20px;
	width: 20px;
	position: relative;
	top: 3px;
}

#inactivesFinder table td.alreadyInList,
#inactivesFinder table td.alreadySpied,
#inactivesFinder table td.alreadyAttacked,
#inactivesFinder table td.blocked,
#inactivesFinder table td.onVacation {
	padding: 0px;
}












/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#troopsProduction input[type='range'] {
		overflow: hidden;
		width: 80px;
		-webkit-appearance: none;
		background-color: #dfdfdf;
	}

	#troopsProduction input[type='range']::-webkit-slider-runnable-track {
		height: 18px;
		-webkit-appearance: none;
		color: #954940;
		margin-top: -1px;
		cursor: ew-resize;
	}

	#troopsProduction input[type='range']::-webkit-slider-thumb {
		width: 18px;
		-webkit-appearance: none;
		height: 18px;
		background: #434343;
		box-shadow: -80px 0 0 80px #954940;
	}

}

/* FF */
#troopsProduction input[type="range"]::-moz-range-progress {
	background-color: #954940;
}

#troopsProduction input[type="range"]::-moz-range-track {
	background-color: #dfdfdf;
}

/* IE */
#troopsProduction input[type="range"]::-ms-fill-lower {
	background-color: #954940;
}

#troopsProduction input[type="range"]::-ms-fill-upper {
	background-color: #dfdfdf;
}