/* TODO: move non-global styles to their respectie components */

.sw-score-table {
}

.sw-score-table > .row {
	min-height: 50px;
}

.row.sw-empty-row {
	/* TODO: can we remove important */
	min-height: 20px;
}

/* .sw-score-table .vert-center, */
.sw-score-table > .row > div > span,
.sw-score-table > .row > div > input,
.sw-score-table > .row > div > div.form-check,
.sw-score-table > .row > div > img {
	/* Center vertically: */
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.sw-score-table > .row > div > div.form-check > input[type='checkbox'] {
	transform: scale(1.5);
	transform-origin: 0%;
}

.sw-score-table > .row > div > img {
	height: 65%;
}

.sw-score-table > .row > div > span {
	display: inline-block;
}

.sw-score-table .sw-category-name > span {
	float: right;
	text-align: right;
	font-size: 1.25rem;
	font-weight: 500;
	/* display: inline; */
	/* margin: 4px; */
}

.sw-score-table .sw-category-name.sw-military {
	/* background-color: #fe4644a1 !important; */
	background-color: #bf050ca0;
}
.sw-score-table .sw-category-name.sw-treasury {
	background-color: #907450a0;
}

.sw-score-table .sw-category-name.sw-wonder {
	background-color: #cfaa30a0;
	/* background-color: #cf8923a1 !important; */
}

.sw-score-table .sw-category-name.sw-civilian-structures {
	/* background-color: #4d4cffa1 !important; */
	background-color: #085cb5a0;
}

.sw-score-table .sw-category-name.sw-commerce {
	background-color: #ffd902a0;
}

.sw-score-table .sw-category-name.sw-guilds {
	/* background-color: #a200a4a1 !important; */
	background-color: #780d75a0;
}

.sw-score-table .sw-category-name.sw-science {
	/* background-color: #005c007a !important; */
	background-color: #00791ca0;
}

.sw-score-table .sw-category-name.sw-cities {
	background-color: #6d6d6da0;
}

.sw-score-table .sw-category-name.sw-leaders {
	background-color: #6d6d6da0;
}

.sw-score-table .sw-category-name > img {
	float: right;
	max-height: 2.5rem;
	width: auto;
}

.sw-score-table button.sw-score-done {
	float: right;
}

input.share-game {
	/* In case of smaller screen have some space between the input and the button */
	margin-bottom: 5px;
}

/* .sw-results-table .sw-results-score span {
	white-space: nowrap;
	overflow: hidden;
} */

.sw-score-table .sw-player-name {
	white-space: nowrap;
	overflow: hidden;
}

/* ____________ */

table.sw-results-table {
	table-layout: fixed;
}

table.sw-results-table .sw-category-column {
	width: 30%;
}

table.sw-results-table tr.sw-vertical-names .sw-player-name {
	text-align: center;
}

table.sw-results-table tr.sw-vertical-names .sw-player-name > span {
	writing-mode: vertical-lr;
	transform: rotate(180deg);
	vertical-align: bottom;
}

table.sw-results-table tr.sw-horizontal-names .sw-player-name {
	text-align: center;
}

table.sw-results-table tr.sw-horizontal-names .sw-player-name > span {
	writing-mode: unset;
	transform: unset;
	vertical-align: bottom;
	word-break: break-word;
}

table.sw-results-table td {
	text-align: center;
}

table.sw-results-table.sw-enable-colors .sw-military-bg {
	background-color: #bf050c90;
}
table.sw-results-table.sw-enable-colors .sw-treasury-bg {
	background-color: #90745090;
}

table.sw-results-table.sw-enable-colors .sw-wonder-bg {
	background-color: #cfaa3090;
}

table.sw-results-table.sw-enable-colors .sw-civilian-structures-bg {
	background-color: #085cb590;
}

table.sw-results-table.sw-enable-colors .sw-commerce-bg {
	background-color: #ffd90290;
}

table.sw-results-table.sw-enable-colors .sw-guilds-bg {
	background-color: #780d7590;
}

table.sw-results-table.sw-enable-colors .sw-science-bg {
	background-color: #00791c90;
}

table.sw-results-table.sw-enable-colors .sw-cities-bg {
	background-color: #6d6d6d90;
}

table.sw-results-table.sw-enable-colors .sw-leaders-bg {
	background-color: #6d6d6d90;
}

table.sw-results-table > tbody > tr > th {
	white-space: nowrap;
	overflow: hidden;
}

table.sw-results-table.sw-enable-colors .sw-results-winner-bg {
	background-color: gold;
}