/** tooltip for docs */
.gv_tooltip {

	font-size: 0.001px;
	color: transparent;

	&:before {
		// @see .fa in FontAwesome
		display: inline-block;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font: normal normal normal 14px/1 FontAwesome;
		content: "\f059";
	}
}


/** tooltips for fields + widgets */

$tooltip_background: #eee;

body .ui-tooltip {
	padding: 8px;
	position:absolute;
	width: 400px;
	max-width: 100%; // Resize for responsive, if necessary
	z-index: 999999!important; // Gravity Forms tooltips - need to make sure they're higher z-index to be above the field settings
	background: $tooltip_background;
	border: 4px solid #999;
	border-radius: 4px;
	box-shadow: 0 0 5px #aaa;

	// Fixes https://github.com/gravityview/GravityView/issues/1416
	overflow-y: hidden;

	// Fix issue in Gravity Forms tooltips with line breaks
	br { display: none; }

}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
	background-image: none;
}

.ui-tooltip-content {
	padding: 0 10px;
	max-height: 325px;
	overflow-y: auto;

	&:after {
	  content: "";
	  display: table;
	  clear: both;
	}

	.close {
		position: absolute;
		padding: 5px;
		top: -25px;
		left: -25px;
		cursor: pointer;
	}
	.close i {
		font-size: 25px;
		color: #555;

		&:hover,
		&:active {
			color: #000;
		}
	}

	.gv-field-controls {
		display: none;
	}

	.gv-fields {
		cursor: pointer;
		border-radius: 4px;
		padding: .5em .75em;

		// Indent the child fields a bit.
		&.gv-child-field {
			width: 95%;
			margin-left: 5%;
		}

	}

	.gv-field-filter-form {
		input {
			height: 2.5em;
		}
		margin: 0 0 1em 0;
		padding-bottom: 1em;
		border-bottom: 1px solid rgba(204, 204, 204, .6 );
	}

	.gv-no-results {
		font-size: 14px;
		margin: 1em 0;
	}

	.gv-fields h5 {
		float: none;
		width: 100%;
	}


}

.top .ui-tooltip-content::after {
    bottom: -14px;
    left: 48%;
    border-color: #999 transparent;
    border-width: 10px 10px 0;
}

/**
 * Fix double close icons in jQuery UI dialog boxes
 * @see https://github.com/katzwebservices/GravityView/issues/438
 */
.gv-dialog .ui-dialog-titlebar-close:before {
    content: '';
}