#defaults {
	/**
	* Rulesets
	*/
	.rulesets {
		/**
		* Row
		*/
		div.wpzinc-option {
			grid-template-columns: 70px auto;

			/**
			* Number + Delete
			*/
			div.number {
				text-align: center;

				/**
				* Number
				*/
				a.count {
					display: inline-block;
					width: 32px;
					height: 32px;
					line-height: 32px;
					cursor: move;
					border: 1px solid #bbb;
					border-radius: 50%;
					text-decoration: none;
				}

				/**
				* Delete
				*/
				a.delete {
					clear: both;
					display: inline-block;
					width: 32px;
					height: 32px;
					line-height: 32px;
				}
			}

			/**
			* Ruleset
			*/
			div.ruleset {
				h3 {
					margin: 10px 0;

					&:first-child {
						margin: 0 0 10px 0;
					}
				}

				table.striped.widefat {
					.attribute {
						width: 20%;
					}
				}
			}

			/**
			* Don't display first ruleset's delete button
			* Reduce negative margin on ruleset as no delete button is displayed
			*/		
			&.first {
				div.number {
					a.delete {
						display: none;
					}
				}
			}
		}
	}
}


/**
 * jQuery UI Autocomplete
 * - Increase z-index on results so they appear over the TinyMCE Modal
 * - Scroll results
 */
.ui-autocomplete {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 15px;
	z-index: 999999999;
	max-height: 120px;
	overflow-x: hidden;
	overflow-y: auto;
	border: 1px solid #dddddd;
	background: #f2f2f2;
	color: #333333;
}
.ui-widget {
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #f2f2f2;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #e78f08;
	background: green;
	color: #ffffff;
	font-weight: bold;
}
.ui-widget-header a {
	color: #ffffff;
}