
/*
 * W3 Colors:
 *
 * Aqua        = #00ffff;
 * Blue        = #2196f3;
 * Green       = #4caf50;
 * Dark Grey   = #616161;
 * Light Blue  = #87ceeb;
 * Light Green = #8bc34a;
 * Grey        = #9e9e9e;
 * Pale Green  = #ddffdd;
 * Red         = #f44336;
 * Light Grey  = #f1f1f1;
 * Orange      = #ff9800;
 * Amber       = #ffc107;
 * Yellow      = #ffeb3b;
 *
 * See https://www.w3schools.com/w3css/w3css_colors.asp.
 *
 * Notice Colors:
 *
 * Red    = #dc3232;
 * Yellow = #ffb900;
 * Blue   = #00a0d2;
 * Green  = #46b450;
 */

#poststuff .inner-sidebar table.sucom-settings h4 {
	font-size:1.05em;
	font-weight:500;
	padding:0;
	margin:5px 0;
	border:none;
	background:none;
}

.sucom-show_basic table.sucom-settings .hide_in_basic,
.sucom-show_basic table.sucom-settings .hide_opt_in_basic,
.sucom-show_basic table.sucom-settings .hide_row_in_basic {
	display:none;
}

table.sucom-settings {
	width:100%;
	padding:15px 10px 20px 10px;	/* Use padding to prevent horizontal bar from showing. */
	margin:0;
	border-spacing:10px;
	border-collapse:separate;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

table.sucom-settings input[type="text"],
table.sucom-settings input[type="password"],
table.sucom-settings input[type="date"],
table.sucom-settings input[type="datetime"],
table.sucom-settings input[type="datetime-local"],
table.sucom-settings input[type="email"],
table.sucom-settings input[type="month"],
table.sucom-settings input[type="number"],
table.sucom-settings input[type="search"],
table.sucom-settings input[type="tel"],
table.sucom-settings input[type="time"],
table.sucom-settings input[type="url"],
table.sucom-settings input[type="week"] {
	padding:0 10px;
}

table.sucom-settings textarea {
	padding:5px 10px;
}

table.sucom-settings input.disabled,
table.sucom-settings input:focus.disabled,
table.sucom-settings input:disabled,
table.sucom-settings select.disabled,
table.sucom-settings select:focus.disabled,
table.sucom-settings select:disabled,
table.sucom-settings textarea.disabled,
table.sucom-settings textarea:focus.disabled,
table.sucom-settings textarea:disabled {
	cursor:default;
	color:#9e9e9e;
	background-color:#fafafa;
}

table.sucom-settings input.default,
table.sucom-settings select.default {
	color:#9e9e9e;
}

table.sucom-settings input.default:hover,
table.sucom-settings select.default:hover {
	color:inherit;
}

table.sucom-settings.metabox-contact_fields-info,
table.sucom-settings.metabox-head_tags-info {
	padding-bottom:0;
}

table.sucom-settings.metabox-head_tags-tags {
	padding-top:0;
}

table.sucom-settings .outline,
table.sucom-settings .highlight {
	background-color:#fafafa;
	border:1px solid #e3e3e3;
	-webkit-border-radius:0;
	-khtml-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}

table.sucom-settings.wpsso .highlight {
	border:1px solid #84e084;
}

table.sucom-settings img.aligncenter {
	clear:both;
	display:block;
	margin:30px auto;
}

table.sucom-settings img.alignright {
	float:right;
	display:block;
	margin-left:30px;
}

/*
 * Prevent Firefox from outlining links.
 */
table.sucom-settings a,
table.sucom-settings a:active,
table.sucom-settings a:focus {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

table.sucom-settings h3,
#poststuff table.sucom-settings h3 {
	font-size:1.3em;
	padding:0;
	margin:10px 0;
	border:none;
	background:none;
}

table.sucom-settings h4,
#poststuff table.sucom-settings h4 {
	font-size:1.1em;
	padding:0;
	margin:10px 0;
	border:none;
	background:none;
}

table.sucom-settings td h5,
#poststuff table.sucom-settings td h5 {
	color:#9e9e9e;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:0.5px;
	padding:0;
	margin:0;
	border:none;
	background:none;
	text-align:center;
}

table.sucom-settings td.subsection h4,
#poststuff table.sucom-settings td.subsection h4 {
	text-align:center;
	letter-spacing:0.5px;
	padding:4px 12px;
	margin:15px 0 15px 0;
	border-bottom:1px solid #e9e9e9;
	background-color:#fcfcfc;
}

table.sucom-settings td.subsection.top h4,
#poststuff table.sucom-settings td.subsection.top h4 {
	margin-top:0;
}

table.sucom-settings td.subsection h5,
#poststuff table.sucom-settings td.subsection h5 {
	margin:10px 0 5px 0;
}

table.sucom-settings td.subsection.top h5,
#poststuff table.sucom-settings td.subsection.top h5 {
	margin-top:0;
}

table.sucom-settings p {
	line-height:1.8em;
}

table.sucom-settings pre {
	font-family:"Courier", monospace;
	font-size:0.95em;
	line-height:1em;
	padding:10px;
	border:1px solid #eee;
	white-space:pre;
	overflow:auto;
}

table.sucom-settings code {
	font-family:"Courier", monospace;
	font-size:0.95em;
	padding:0 2px;
	margin:0;
	background-color:#eee;
}

table.sucom-settings a code {
	vertical-align:middle;
	padding:0;
}

table.sucom-settings blockquote {
	display:table;
	margin:20px 0;
	padding:10px 20px 10px 25px;
	border:none;
	border-left:3px solid #0f533d;
	background-color:#fafafa;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

table.sucom-settings td blockquote p {
	margin:10px 0;
	line-height:1.6em;
}

table.sucom-settings td blockquote.top-info {
	display:block;
	margin:0 0 15px 0;
}

table.sucom-settings td blockquote.status-info {
	display:block;
	margin:0;
}

table.sucom-settings td blockquote.status-info.save-a-draft {
	text-align:center;
}

table.sucom-settings dt {
	margin:20px 0 15px 0;
}

table.sucom-settings ul {
	list-style-type:circle;
	margin:10px 0 10px 30px;
}

table.sucom-settings ol {
	list-style-type:decimal;
	margin-left:20px;
}

table.sucom-settings ol > li {
	margin:20px 0 20px 20px;
}

table.sucom-settings ol > li > ol {
	list-style-type:upper-alpha;
}

table.sucom-settings ol > li > ol > li {
	margin:15px 0 15px 10px;
}

table.sucom-settings table.plugin_list_table_cols {
	width:100%;
}

table.sucom-settings th {
	color:#333;
	font-weight:500;
	text-align:right;
	vertical-align:top;
	padding-top:4px;
	line-height:1.6em;
	width:270px;
	max-width:270px;
}

table.sucom-settings th.plugin_name {
	width:360px;
	max-width:360px;
}

body.rtl table.sucom-settings th {
	text-align:left;
}

table.sucom-settings th h3,
#poststuff table.sucom-settings th h3 {
	text-align:left;
	font-size:1.1em;
	margin:0;
}

table.sucom-settings th p {
	text-align:right;
	margin:0;
	min-height:1em;
}

table.sucom-settings tr.on-left th p {
	text-align:left;
}

table.sucom-settings th span.option_locale {
	font-weight:normal;
}

table.sucom-settings table.plugin_list_table_cols th {
	word-wrap:normal;
	text-align:center;
	vertical-align:top;
	width:50px;
	min-width:50px;
	padding:0 4px 4px 4px;
	border-bottom:1px dotted #ddd;
}

table.sucom-settings td {
	line-height:1.6em;
	vertical-align:top;
}

table.sucom-settings td.ext-info-plugin-icon {
	vertical-align:top;
	text-align:left;
	padding:10px;
}

body.rtl table.sucom-settings td.ext-info-plugin-icon {
	text-align:right;
}

table.sucom-settings td.ext-info-plugin-name {
	width:100%;
}

table.sucom-settings td.ext-info-plugin-name .row-actions {
	color:#999;
	margin-bottom:5px;
}

table.sucom-settings td.ext-info-plugin-separator {
	height:10px;
	border-bottom:1px dotted #ddd;
}

table.sucom-settings table.plugin_list_table_cols td.underline {
	border-bottom:1px dotted #ddd;
}

table.sucom-settings td p {
	color:#555;
	margin:0 0 10px 0;
}

table.sucom-settings table.plugin_list_table_cols td p {
	margin:0;
}

table.sucom-settings td p.status-msg,
table.sucom-settings td p.pro-feature-msg {
	color:#999;
	font-size:0.95em;
	text-align:center;
}

table.sucom-settings td p.status-msg {
	margin:2px 0;
}

table.sucom-settings td p.status-msg.top {
	margin-bottom:8px;
}

table.sucom-settings td p.status-msg.smaller {
	font-size:0.85em;
}

table.sucom-settings td p.status-msg.long_name {
	width:340px;
}

table.sucom-settings td p.pro-feature-msg a {
	color:#999;
}

table.sucom-settings td p.pro-feature-msg strong {
	color:#555555;		/* Darker Grey. */
}

table.sucom-settings td p.centered {
	text-align:center;
	margin:0;
}

table.sucom-settings th p.left,
table.sucom-settings td p.left {
	text-align:left;
}

table.sucom-settings td p.inline {
	display:inline-block;
}

table.sucom-settings td p.ext-req-msg {
	display:inline;
	font-weight:normal;
}

table.sucom-settings td span.ext-req-msg,
table.sucom-settings td span.ext-req-msg a {
	color:#999;
	font-weight:normal;
	text-align:left;
	margin-left:4px;
}

table.sucom-settings td span.option-info,
table.sucom-settings td span.option-info a {
	color:#00f;
	margin-left:4px;
}

table.sucom-settings td.status {
	color:#555;
}

table.sucom-settings th.medium,
table.sucom-settings td.medium {
	width:180px;		/* Default is 270px. */
	min-width:110px;
	max-width:180px;	/* Default is 270px. */
}

div.sucom-metabox-tabs.horizontal table.sucom-tabset_sso-tab_validators th.medium {
	width:220px;		/* Default is 270px. */
	max-width:220px;	/* Default is 270px. */
}

table.sucom-settings td.tid,
table.sucom-settings td.field_name {
	min-width:330px;
	max-width:330px;
	width:330px;
}

table.sucom-settings th.head_tags {
	text-align:left;
	vertical-align:middle;
	min-width:120px;
	padding:0;
}

body.rtl table.sucom-settings th.head_tags {
	text-align:right;
}

table.sucom-settings td.head_tags {
	text-align:left;
	width:50px;
	max-width:50px;
}

table.sucom-settings td.weekday {
	width:120px;
	min-width:120px;
	max-width:120px;
}

table.sucom-settings th.narrow,
table.sucom-settings td.narrow,
table.sucom-settings th.short,
table.sucom-settings td.short {
	width:110px;
	min-width:110px;
	max-width:110px;
}

table.sucom-settings th.short p {
	text-align:right;
	margin:2px;
	min-height:1em;
}

table.sucom-settings th.site-use {
	width:60px;
	min-width:60px;
	white-space:nowrap;
}

table.sucom-settings td.site-use {
	width:200px;
}

table.sucom-settings td.nowrap,
table.sucom-settings th.nowrap {
	white-space:nowrap;
	max-width:none;
}

table.sucom-settings th.nobold {
	font-weight:normal;
}

table.sucom-settings th.xshort {
	width:60px;
	min-width:60px;
	max-width:60px;
}

table.sucom-settings th.left,
table.sucom-settings th.left p {
	text-align:left;
	margin:0;
}

table.sucom-settings th.wide,
table.sucom-settings td.wide {
	width:auto;
	max-width:0;
}

table.sucom-settings td.top {
	vertical-align:top;
}

table.sucom-settings td div.text-len-progress-bar {
	background-color:#cccccc;	/* Light Grey. */
	border-radius:2px;
	width:100%;
	height:3px;
	margin:6px 0 4px 0;
}

table.sucom-settings td div.text-len-progress {
	float:left;
	height:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

table.sucom-settings td div.text-len-progress.short {
	background-color:#00a0d2;	/* Blue. */
}

table.sucom-settings td div.text-len-progress.good {
	background-color:#46b450;	/* Green. */
}

table.sucom-settings td div.text-len-progress.long {
	background-color:#ffc107;	/* Amber. */
}

table.sucom-settings td div.text-len-progress.maximum {
	background-color:#ff9800;	/* Orange. */
}

table.sucom-settings td div.text-len-status {
	font-size:0.9em;
	font-weight:normal;
	line-height:1.2em;
	text-align:right;
	color:#999;
	margin:4px 0 2px 0;
	padding:0;
}

table.sucom-settings td div.text-len-status.short {
	color:#00a0d2;			/* Blue. */
}

table.sucom-settings td div.text-len-status.good {
	color:#46b450;			/* Green. */
}

table.sucom-settings td div.text-len-status.long {
	color:#ffc107;			/* Amber. */
}

table.sucom-settings td div.text-len-status.maximum {
	color:#ff9800;			/* Orange. */
}

table.sucom-settings tr th.is_empty.is_standard,
table.sucom-settings tr td.is_empty.is_standard,
.sucom-tabset table.sucom-settings tr.is_empty.is_standard th,
.sucom-tabset table.sucom-settings tr.is_empty.is_standard td {
	border:1px solid #ffb900;
	background-color:#fff1cc;
}

table.sucom-settings tr th.is_disabled,
table.sucom-settings tr td.is_disabled,
.sucom-tabset table.sucom-settings tr.is_disabled th,
.sucom-tabset table.sucom-settings tr.is_disabled td {
	border:1px solid #e0e0e0;
	background-color:#fafafa;
}

table.sucom-settings tr th.is_internal,
table.sucom-settings tr td.is_internal,
.sucom-tabset table.sucom-settings tr.is_internal th,
.sucom-tabset table.sucom-settings tr.is_internal td {
	color:#aeaeae;
	border:1px solid #e0e0e0;
	background-color:#fafafa;
	font-weight:normal;
	font-style:italic;
}

.sucom-tabset table.sucom-settings tr.is_internal td a {
	color:#d9d9d9;
}

.sucom-tabset table.sucom-settings tr.noscript th,
.sucom-tabset table.sucom-settings tr.noscript td {
	border:1px solid #ad74a2;
}

table.sucom-settings td.html {
	background-color:#f6f6f6;
	border:1px solid #e3e3e3;
}

table.sucom-settings td.html.noscript {
	border:1px solid #b480aa;
	background-color:#e7d7e4;
}

table.sucom-settings td.html.script {
	border:1px solid #46b450;
	background-color:#daf0dc;
}

table.sucom-settings td.html pre {
	font-size:0.9em;
	margin:10px;
	padding:0;
	border:0;
	background-color:transparent;
	white-space:pre-wrap;
}

table.sucom-settings td.html.noscript pre {
	margin:2px;
}

table.sucom-settings td.xshort {
	width:30px;
	max-width:30px;
}

table.sucom-settings td.validate input[type="button"].button-primary,
table.sucom-settings td.validate input[type="button"].button-secondary {
	width:215px;
	min-width:215px;
	margin:5px 0 10px 5px;
}

table.sucom-settings th.textinfo {
	font-weight:normal;
	text-align:left;
	min-width:200px;
	width:340px;
}

table.sucom-settings th.textinfo p {
	text-align:left;
	margin:2px 2px 10px 2px;
}

/*
 * <div class="multi_container mixed_multi" style="display:none;">
 *	<div class="multi_number">
 *	</div>
 *	<div class="multi_input">
 *		<div class="multi_input_el">
 *			<div class="multi_label">
 *			</div>
 *		</div>
 *		<div class="multi_input_el">
 *			<div class="multi_label">
 *			</div>
 *		</div>
 *	</div>
 * </div><!-- multi_container.mixed_multi -->
 *
 */
table.sucom-settings td div.multi_container {
	display:table;
	border-spacing:0;
}

table.sucom-settings td div.multi_container.mixed_multi {
	margin-bottom:8px;
}

table.sucom-settings td div.multi_container.mixed_multi.single_line {
	margin-bottom:0;
}

table.sucom-settings td div.multi_container.single_line .multi_input_el {
	display:inline-block;
}

table.sucom-settings td div.multi_number {
	display:table-cell;
	min-width:20px;
	vertical-align:top;
	text-align:right;
	padding:4px 8px 0 0;
}

table.sucom-settings td div.multi_input {
	display:table-cell;
	padding:4px 8px 0 0;
	width:100%;
}

table.sucom-settings td div.multi_input_el {
	margin-bottom:5px;
}

table.sucom-settings td div.multi_input_label {
	min-width:100px;
}

table.sucom-settings td div.multi_input_label.howto_step_anchor_id,			/* How-To Step Anchor ID. */
table.sucom-settings td div.multi_input_label.howto_step_img,				/* How-To Step Image ID. */
table.sucom-settings td div.multi_input_label.recipe_instruction_anchor_id,		/* Recipe Instruction Anchor ID. */
table.sucom-settings td div.multi_input_label.recipe_instruction_img {			/* Recipe Instruction Image ID. */
	text-align:right;
	display:inline-block;
}

table.sucom-settings td div.multi_input textarea.howto_step_text,
table.sucom-settings td div.multi_input textarea.recipe_instruction_text {
	height:5.5em;
}

table.sucom-settings td div.multi_input textarea.offer_catalog_text {		/* Offer Catalog Description. */
	height:4em;
}

table.sucom-settings td select,
table.sucom-settings td input,
table.sucom-settings td textarea {
	margin:2px;
	vertical-align:middle;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

table.sucom-settings td textarea { width:100%; }

table.sucom-settings td select,		/* Default width. */
table.sucom-settings td select.og_type,
table.sucom-settings td select.primary_term_id,
table.sucom-settings td select.schema_type,
table.sucom-settings td select.timezone,
table.sucom-settings td select.update_filter,
table.sucom-settings td input[type="text"],	/* Default width. */
table.sucom-settings td input[type="text"].schema_type { width:255px; }

table.sucom-settings td select.xshort { width:60px; }

table.sucom-settings td select.currency { width:67px; }

table.sucom-settings td select.time-hh-mm { width:82px; }

table.sucom-settings td select.crop-area,
div.postbox table.sucom-settings td select.crop-area { width:82px; }

table.sucom-settings td select.yes-no { width:85px; }

table.sucom-settings td select.stock { width:90px; }

table.sucom-settings td select.unit_text { width:100px; }

table.sucom-settings td select.energy_efficiency { width:107px; }	/* Rating code, from code, and to code. */

table.sucom-settings td select.short { width:110px; }

table.sucom-settings td select.year,
table.sucom-settings td select.size_group { width:124px; }

table.sucom-settings td select.locale,
table.sucom-settings td select.medium { width:180px; }

table.sucom-settings td select.site-use { width:200px; }

table.sucom-settings td select.wide,
table.sucom-settings td input[type="text"].wide { width:100%; }

table.sucom-settings td select.long_name,
table.sucom-settings td input[type="text"].long_name { width:340px; }

table.sucom-settings td input[type="hidden"] {
	padding:0;
	margin:0;
}

table.sucom-settings td .wp-picker-container button.wp-color-result {
	border-color:#8c8f94;
}

table.sucom-settings td input[type="text"].colorpicker {
	width:80px;
	text-align:center;
}

table.sucom-settings td input[type="text"].datepicker {
	width:110px;
	text-align:center;
}

div#ui-datepicker-div.sucom-settings div.ui-datepicker-title {
	line-height:1.4em;
}

div#ui-datepicker-div.sucom-settings div.ui-datepicker-title select {
	min-height:1.4em;
	line-height:1.4em;
}

table.sucom-settings td.mono,
table.sucom-settings td input[type=text].mono {
	font-family:"Courier", monospace;
}

table.sucom-settings td input[type="text"].size { width:55px; }		/* Image size. */

table.sucom-settings td input[type="text"].chars { width:60px; }	/* Character length. */

table.sucom-settings td input[type="text"].xshort { width:60px; }

table.sucom-settings td input[type="text"].bigchars { width:80px; }	/* Character length (big number). */

table.sucom-settings td input[type="text"].rating,		/* Rating int, from int, and to int. */
table.sucom-settings td input[type="text"].price,
table.sucom-settings td input[type="text"].year,
table.sucom-settings td input[type="text"].sucom_image_upload_id { width:85px; }

table.sucom-settings td input[type="text"].short { width:110px; }

table.sucom-settings td input[type="text"].unit_value { width:145px; }

table.sucom-settings td input[type="text"].medium { width:180px; }

table.sucom-settings td input[type="text"].css_id,
table.sucom-settings td input[type="text"].latitude,
table.sucom-settings td input[type="text"].longitude,
table.sucom-settings td input[type="text"].altitude,
table.sucom-settings td input[type="text"].offer_name { width:200px; }

table.sucom-settings td input[type="text"].tid { width:320px; }

table.sucom-settings td input[type="text"].api_key {
	font-family:"Courier", monospace;
	width:400px;
}

table.sucom-settings td input[type="button"] { margin:0; }

table.sucom-settings td input[type="button"].button-primary,
table.sucom-settings td input[type="button"].button-secondary { margin:0 5px; }

table.sucom-settings td input::placeholder,
table.sucom-settings td textarea::placeholder { color:#9e9e9e; }

table.sucom-settings td div.linked_to_label {
	display:inline-block;
	color:#999;
	font-size:1.2em;
	padding:4px;
	vertical-align:middle;
}

/*
 * Checkboxes.
 */
label.sucom-checkbox {
	display:inline-block;
	position:relative;
	height:18px;
	width:30px;
	margin:4px 8px 4px 4px;
}

label.sucom-checkbox span.sucom-checkbox-button {
	border:1px solid #9e9e9e;
	border-radius:9px;
	position:absolute;
	cursor:pointer;
	top:0;
	right:0;
	bottom:0;
	left:0;
	transition:.4s;
}

label.sucom-checkbox span.sucom-checkbox-button:before {
	border-radius:50%;
	border:1px solid #9e9e9e;
	background-color:#9e9e9e;
	position:absolute;
	content:"";
	height:12px;
	width:12px;
	left:1px;
	bottom:1px;
	transition:.4s;
}

label.sucom-checkbox input {
	display:none;
}

label.sucom-checkbox input:checked + span.sucom-checkbox-button {
	background-color:#9e9e9e;
}

label.sucom-checkbox input:checked + span.sucom-checkbox-button:before {
	transform:translateX(12px);
	border:1px solid #ffffff;
	background-color:#ffffff;
}

/*
 * Checked and unchecked for default values.
 */
label.sucom-checkbox input.default:checked + span.sucom-checkbox-button {
	border:1px solid #9e9e9e;
	background-color:#9e9e9e;
}

label.sucom-checkbox input.default:not(:checked) + span.sucom-checkbox-button {
	border:1px solid #9e9e9e;
}

label.sucom-checkbox input.default:not(:checked) + span.sucom-checkbox-button:before {
	border:1px solid #9e9e9e;
	background-color:#9e9e9e;
}

/*
 * Checked and unchecked for disabled options.
 */
label.sucom-checkbox input[type="checkbox"].disabled + span.sucom-checkbox-button,
label.sucom-checkbox input[type="checkbox"]:disabled + span.sucom-checkbox-button,
label.sucom-checkbox input[type="checkbox"].disabled + span.sucom-checkbox-button:before,
label.sucom-checkbox input[type="checkbox"]:disabled + span.sucom-checkbox-button:before,
label.sucom-checkbox input[type="checkbox"].default.disabled + span.sucom-checkbox-button,
label.sucom-checkbox input[type="checkbox"].default:disabled + span.sucom-checkbox-button,
label.sucom-checkbox input[type="checkbox"].default.disabled + span.sucom-checkbox-button:before,
label.sucom-checkbox input[type="checkbox"].default:disabled + span.sucom-checkbox-button:before {
	cursor:default;
	border:1px dotted #cccccc ;
	background-color:#ffffff;
}

/*
 * Align radio / checkbox input buttons vertically.
 */
table.sucom-settings td div.column-list span.sucom-input-item {
	display:block;
	margin:0 0 6px 0;
}

table.sucom-settings td div.column-list span.sucom-input-item span.sucom-checkbox-label {
	vertical-align:middle;
	margin:0 4px;
}

table.sucom-settings td div.column-list.num-cols-2 span.sucom-input-item {
	display:inline-block;
	width:49%;
}

table.sucom-settings td div.column-list.num-cols-3 span.sucom-input-item {
	display:inline-block;
	width:32%;
}

table.sucom-settings td span.wp-picker-input-wrap input {
	vertical-align:middle;
	margin:0 4px;
}

table.sucom-settings td.summary,
table.sucom-settings td textarea.summary {
	height:5em;
}

table.sucom-settings td.full_text,
table.sucom-settings td textarea.full_text {
	height:10em;
}

table.sucom-settings td.button_html,
table.sucom-settings td textarea.button_html {
	padding:10px;
	height:15em;
}

table.sucom-settings td.button_css,
table.sucom-settings td textarea.button_css {
	padding:10px;
	height:50em;
	min-width:400px;
}

table.sucom-settings td.code,
table.sucom-settings textarea.code {
	font-family:"Courier", monospace;
	font-size:1em;
	line-height:1.2em;
	white-space:pre;
}

table.sucom-settings th.checkbox,
table.sucom-settings td.checkbox {
	width:42px;
	min-width:42px;
	max-width:60px;
	text-align:center;
}

table.sucom-settings th.checkbox.left,
table.sucom-settings td.checkbox.left {
	text-align:left;
}

table.sucom-settings td.checkbox label.sucom-checkbox {
	margin:2px 0;
}

table.sucom-settings .video {
	text-align:center;
	margin:20px 0;
}

table.sucom-settings .image_crop_area,
table.sucom-settings .sucom_image_upload {
	display:inline-block;
	white-space:nowrap;
}

table.sucom-settings .sucom_image_upload > * {
	margin:2px;				/* Default for input fields. */
	vertical-align:middle;
}

body.rtl table.sucom-settings .sucom_image_upload > * {
	margin:0 0 0 3px;
}

table.sucom-settings input[type="button"].sucom_image_upload_button {
	min-width:110px;
}

table.sucom-settings select.sucom_image_upload_lib {
	max-width:185px;
}

table.sucom-settings .sucom_image_upload_preview {
	display:inline-block;
	margin:0 0 0 6px;
	vertical-align:middle;
}

body.rtl table.sucom-settings .sucom_image_upload_preview {
	margin:0 6px 0 0;
}

table.sucom-settings .sucom_image_upload_preview img {
	width:auto;
	min-height:28px;
	max-height:2em;
	margin:0;
	padding:0;
	vertical-align:middle;
	border:1px solid #8c8f94;
	border-radius:3px;
}

table.sucom-settings .button-primary {
	border:none;
}

table.sucom-settings .button-primary,
table.sucom-settings .button-secondary {
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

table.sucom-settings #info-meta-social-preview {
	color:#888;
}

/*
 * Disabled (ie. blank) style adjustments.
 */
table.sucom-settings th.blank,
table.sucom-settings td.blank {
	color:#999;
	background-color:#fafafa;
	border:1px dotted #e3e3e3;
}

table.sucom-settings table.business_hours td.blank {
	min-width:auto;
}

table.sucom-settings th.blank.checkbox,
table.sucom-settings td.blank.checkbox {
	padding:0;
}

table.sucom-settings th.blank.medium,
table.sucom-settings td.blank.medium {
	width:184px;		/* Default is 270px. */
	min-width:114px;
	max-width:184px;	/* Default is 270px. */
}
table.sucom-settings td.blank a {
	color:#999;
}

table.sucom-settings th.blank strong,
table.sucom-settings td.blank strong {
	color:#555555;		/* Darker Grey. */
}

table.sucom-settings td.blank input[type="text"],
table.sucom-settings td.blank select,
table.sucom-settings td.blank textarea {
	font-size:1em;
	color:#9e9e9e;
	background-color:#fafafa;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

table.sucom-settings td.blank select.wide,
table.sucom-settings td.blank input[type="text"].wide {
	width: -webkit-calc(100% - 4px);
	width:    -moz-calc(100% - 4px);
	width:         calc(100% - 4px);
}

/*
 * Document SSO > Preview Social tab.
 */
table.sucom-settings .fb_preview_container {
	border:1px dotted #e0e0e0;
	background-color:#e9eaed;
	height:400px;	/* Set a minimum height. */
	padding:10px;
}

body.rtl table.sucom-settings .fb_preview_container {
	text-align:right;
}

table.sucom-settings .fb_preview_box_border,
table.sucom-settings .fb_preview_box {
	background-color:#fff;
	border:1px solid rgba(0, 0, 0, 0.1);
	margin:0 auto;
}

table.sucom-settings .fb_preview_box_border {
	padding:40px 20px;
	max-width:602px;
}

table.sucom-settings .fb_preview_box {
	max-width:600px;
	overflow:hidden;
}

table.sucom-settings .fb_preview_img {
	background-size:cover;
	max-width:600px;
	height:314px;
	border-bottom:1px solid rgba(0, 0, 0, 0.1);
	background-position:center center;
	background-repeat:no-repeat;
	overflow:hidden;
	margin:0;
	padding:0;
}

table.sucom-settings td.short .fb_preview_img {
	background-size:cover;
	width:150px;
	height:150px;
}

table.sucom-settings .fb_preview_img p {
	color:#000000;
	text-shadow:0 0 5px #e4f2fd;
	font-size:2em;
	font-size:1.5vw;	/* % of view port width */
	letter-spacing:2px;
	font-weight:bold;
	text-align:center;
	position:relative;
	top:50%;
	transform:translateY(-50%);
}

table.sucom-settings .fb_preview_text {
	color:#141823;
	direction:ltr;
	font-family:"Helvetica", "Arial", "Lucida Grande", "Tahoma", "Verdana", sans-serif;
	font-size:12px;
	line-height:15.3667px;
	margin:10px 12px;
	position:relative;
	word-wrap:break-word;
}

table.sucom-settings .fb_preview_title {
	color:#141823;
	direction:ltr;
	font-family:"Georgia", "Lucida Grande", "Tahoma", "Verdana", "Arial", sans-serif;
	font-size:18px;
	font-weight:500;
	line-height:22px;
	margin-bottom:5px;
	max-height:110px;
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:hidden;
	text-decoration:none;
	transition-delay:0s;
	transition-duration:0.1s;
	transition-propertycolortransition-timing-function:cubic-bezier(0.42, 0, 0.58, 1);
	word-wrap:break-word;
	-moz-text-decoration-color:#141823;
	-moz-text-decoration-line:none;
	-moz-text-decoration-style:solid;
}

table.sucom-settings .fb_preview_desc {
	color:#141823;
	direction:ltr;
	font-family:"Helvetica";
	font-size:12px;
	line-height:16px;
	max-height:80px;
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:hidden;
	word-wrap:break-word;
}

table.sucom-settings .fb_preview_by {
	color:#9197A3;
	direction:ltr;
	font-family:"Helvetica", "Arial", "Lucida Grande", "Tahoma", "Verdana", sans-serif;
	font-size:11px;
	line-height:11px;
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:hidden;
	text-overflow:ellipsis;
	text-transform:uppercase;
	white-space:nowrap;
	word-wrap:break-word;
	margin-top:9px;
}

/*
 * Document SSO > Preview oEmbed tab.
 */
table.sucom-settings td.oembed_container {
	padding:20px;
	max-width:650px;
	border:1px dotted #e0e0e0;
	background-color:#e9eaed;
}

table.sucom-settings td.oembed_container > blockquote {
	display:none;
}

table.sucom-settings td.oembed_container > iframe {
	display:block;
	width:652px;
	min-width:652px;
	max-width:652px;
	margin:0 auto;
}

/*
 * SSO > Setup Guide page.
 * SSO > Troubleshooting page.
 */
table.sucom-settings.html-content-metabox {
	padding:10px 40px;
}

table.sucom-settings.html-content-metabox td h4,
table.sucom-settings.html-content-metabox td p {
	margin:20px 0;
}

table.sucom-settings.html-content-metabox td ul {
	margin:20px 0 20px 40px;
}

table.sucom-settings.html-content-metabox td blockquote {
	display:table;
	color:#144e14;
	border:none;
	border-left:3px solid #0f533d;
	background-color:#fafafa;
	padding:0 20px;
}

table.sucom-settings.html-content-metabox td blockquote p {
	color:#144e14;
}

table.sucom-settings.html-content-metabox td pre {
	padding:25px;
	margin:25px 0;
}

/*
 * SSO > Plugin Add-ons page.
 * SSO > Premium Licenses page.
 */
table.sucom-settings.addons-metabox,
table.sucom-settings.licenses-metabox {
	padding:20px 30px;
}

/*
 * WPSSO WCMD Add-on.
 */
table.sucom-settings th.option_col { vertical-align:bottom; }

table.sucom-settings th.wcmd_edit_label,
table.sucom-settings td.wcmd_edit_label,
table.sucom-settings td input[type="text"].wcmd_edit_label { width:140px; }

table.sucom-settings th.wcmd_edit_holder,
table.sucom-settings td.wcmd_edit_holder,
table.sucom-settings td input[type="text"].wcmd_edit_holder { width:160px; }

table.sucom-settings td input[type="text"].wcmd_show_label { width:220px; }

/*
 * WooCommerce changes their tabs to icons at 900px.
 * WordPress collapses the admin menu at 960px.
 * WordPress changes to larger icons at 782px.
 *
 * WPSSO uses @media max-width values of 1330px, 1200px, 960px, 782px, and 600px.
 */
@media screen and ( max-width:1330px ) {

	#poststuff .columns-2 table.sucom-settings .fb_preview_box_border {
		width:440px;
	}

	#poststuff .columns-2 table.sucom-settings .fb_preview_box {
		width:400px;
	}

	#poststuff .columns-2 table.sucom-settings .fb_preview_img {
		width:400px;
		height:210px;
	}
}

