/**
 * Merge Fields Styles
 *
 * @package Connect CRM Real State
 */

.iip-table-merge-variables {
	width: 100%;
	border-collapse: collapse;
}

.iip-table-merge-variables thead th {
	background: #f0f0f1;
	padding: 10px;
	text-align: left;
	border-bottom: 2px solid #c3c4c7;
}

.iip-table-merge-variables tbody tr {
	border-bottom: 1px solid #c3c4c7;
}

.iip-table-merge-variables tbody tr:hover {
	background: #f6f7f7;
}

.iip-table-merge-variables td {
	padding: 15px 10px;
	vertical-align: middle;
}

.ccrmre-label {
	font-weight: 600;
	width: 25%;
}

.ccrmre-label .description {
	color: #646970;
	font-weight: 400;
	font-style: italic;
}

/* WordPress field column */
.ccrmre-wp-field {
	width: 50%;
}

/* Sample data column */
.ccrmre-sample {
	width: 25%;
	color: #646970;
	font-size: 12px;
}

.select2-container {
	max-width: 100%;
}

/* New tag styles */
.ccrmre-new-tag {
	color: #2271b1;
	font-weight: 600;
}

.select2-results__option .dashicons {
	vertical-align: middle;
}

/* Info notice styles */
#ccrmre-merge-container + .notice-info {
	margin-top: 20px;
}

/* Auto-map button */
#ccrmre-auto-map-btn {
	margin-bottom: 15px;
}

/* Spinning animation for loading */
@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

.dashicons.spin {
	animation: spin 1s linear infinite;
}

#ccrmre-auto-map-btn:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.ccrmre-sample-value {
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: #f0f6fc;
	border: 1px solid #c3c4c7;
	border-radius: 3px;
	padding: 3px 6px;
	font-family: monospace;
	vertical-align: middle;
}

.ccrmre-sample-empty {
	color: #c3c4c7;
}