/*!
 * Football Pool WordPress plugin
 *
 * @copyright Copyright (c) 2012-2022 Antoine Hurkmans
 * @link https://wordpress.org/plugins/football-pool/
 * @license https://plugins.svn.wordpress.org/football-pool/trunk/LICENSE
 */

body { padding: 5px 5px; }

.mce-container h3 { font-weight: bold; margin: 0 0 5px; }
.shortcode-selector {
	margin-bottom: 20px;
	label { font-weight: bold; }
}

.shortcode-options-panel { display: none; }
.shortcode-options-panel.current { display: block; }

.info { font-style: italic; }
#count-date-row { display: none; }
#count-texts input[type=text] { margin-bottom: 4px; }

form.shortcode-dialog {
	label.clickable { cursor: pointer; }
	label.nofloat { float: none; width: auto; }
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
form.shortcode-dialog > div > div {
	clear: both;
	overflow: hidden;
	padding: 1px;
	margin: 0 0 10px 0;
}
form.shortcode-dialog > div > div > fieldset > div > div {
	margin: 0 0 5px 0;
}
form.shortcode-dialog > div > div > label,
form.shortcode-dialog legend {
	width: 35%;
	float: left;
	padding-right: 10px;
	display: inline-block;
	white-space: normal;
	word-wrap: break-word;
}
form.shortcode-dialog > div > div > div,
form.shortcode-dialog > div > div > fieldset > div {
	width: 60%;
	float: right;
}
form.shortcode-dialog fieldset {
	border: 0;
	padding: 0;
}

$border-top: 1px solid #ccc;
$border-bottom: 1px solid #eee;

input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea,
form.shortcode-dialog select	{
	width: 100%;
	border-top: $border-top;
	border-left: $border-top;
	border-right: $border-bottom;
	border-bottom: $border-bottom;
}
form.shortcode-dialog select	{
	height: 2em;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password] {
	width: 50%;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
	outline: 0;
	border-color: #4697e4;
}

.mce-label.fp-mce-radio,
.mce-label.fp-mce-text,
.mce-label.fp-mce-checkbox
	{ cursor: pointer; }

@media ( max-width: 200px ) {
	form.shortcode-dialog > div > div {
		margin: 0 0 15px 0; 
	}
	form.shortcode-dialog > div > div > label,
	form.shortcode-dialog legend {
		width: 100%;
		float: none;
		margin: 0 0 5px 0;
	}
	form.shortcode-dialog > div > div > div,
	form.shortcode-dialog > div > div > fieldset > div {
		width: 100%;
		float: none;
	}
	input[type=text],
	input[type=email],
	input[type=url],
	input[type=password],
	textarea,
	select {
		width: 100%; 
	}
}