$light-grey: #72777c;

.football-pool-shortcode-block {
	border: 1px solid #dcdcde;
	padding: 16px;
	background: #fff;
}

.football-pool-shortcode-block__editor > h3 {
	margin-top: 0;
}

.football-pool-shortcode-block__selector {
	margin-bottom: 16px;
}

.football-pool-shortcode-block__fields {
	margin-top: 16px;
}

.football-pool-shortcode-block__fields .components-base-control {
	margin-bottom: 16px;
}

.football-pool-shortcode-block__preview-code {
	display: block;
	margin-top: 16px;
	padding: 8px;
	background: #f0f0f1;
	white-space: normal;
	word-break: break-word;
}

.football-pool-shortcode-block input::placeholder,
.football-pool-shortcode-block textarea::placeholder {
	color: $light-grey;
	font-style: italic;
}

.football-pool-shortcode-block select[multiple] {
	min-height: 120px;
}

/* Server previews */
@mixin flexbox() {
	display: -webkit-box;
	display: -moz-box;
	//display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

@mixin flex($values) {
	-webkit-box-flex: $values;
	-moz-box-flex:  $values;
	-webkit-flex:  $values;
	//-ms-flex:  $values;
	flex:  $values;
}

@mixin order($val) {
	-webkit-box-ordinal-group: $val;
	-moz-box-ordinal-group: $val;
	//-ms-flex-order: $val;
	-webkit-order: $val;
	order: $val;
}
$pie-chart-icon-size: 40px;
$mobile-width: 767px;
$desktop-width: 980px;

@import "../matchtable";

.football-pool-shortcode-block__server-preview {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #dcdcde;

	.matchinfo.new-layout {
		.flag, .home, .away, .score {
			width: 46%;
		}

	}
	.question-stats-link .pie-chart-icon {
		max-height: $pie-chart-icon-size;
	}

	table.ranking-shortcode {
		width: 100%;
	}

	table.fp-match-scores, table.fp-question-scores {
		border-spacing: 0;
		border-collapse: collapse;

		td, th {
			border: 1px solid $light-grey;
		}

		td {
			text-align: center;
		}
	}

	table.fp-question-scores {
		.question .question-id,
		tr.question-text {
			display: none;
		}

		.question-nr:before {
			content: "Q ";
		}
	}
}