@import '../../variables.less';
@import '../../mixins.less';

/**********************
link-popup.less
*************************/

#wp-link-wrap.ecf-link-dialog {
	font-family: 'Hind Vadodara', sans-serif;
	.roundedcorners(7px);
	background: @grey_1;

	#link-modal-title,
	#wp-link .submitbox {
		background: @grey_1;
	}

	#link-selector {
		background: @white;
	}

	input[type="text"],
	input[type="search"] {
		border: 1px solid @grey_2;
    background-color: @grey_1;
    &:focus {
    	background: @white;
    	.box-shadow(0 0 0 1px @grey_2);
    	outline: none;
    }
	}

	input[type="checkbox"] {
		border-color: @grey_3;
		background: @grey_1;
	}

	input[type="submit"] {
		border-color: @primary;
		background: @primary;
	}

	#wp-link-cancel .button {
		border-color: @primary;
		color: @primary;
	}

	#wp-link {
		background: @white;

		.link-search-wrapper {
			padding: 2px 0;
		}

		#link-options,
		#search-panel {
			label {
				span {
					font-weight: 600;
				}
			}
		}

		.query-notice {
			border-width: 0;
			.query-notice-default,
			.query-notice-hint {
				background: @white;
				color: @text_1;
				border-width: 0;
				font-weight: 500;
				padding: 5px 0 10px;
			}
		}

		.query-results {
			.box-shadow(none);
			border-color: @grey_2;
			border-width: 0;
			max-height: 100%;
			height: 290px;
			ul:empty {
				& + .river-waiting {
					display: block;
					.spinner {
						float: left;
				    margin: 0;
				    visibility: visible;
					}
				}
			}			
		}

		ul {
			border-top: 1px solid @grey_2;
		}
		li {
			border-color: @grey_2;
			border: 1px solid @grey_2;
			padding: 7px 6px 7px 10px;
			border-width: 0 1px 1px;
			&.alternate {
				background: @white;
			}
			&:hover {
				background: @grey_0;
			}
		}

		.submitbox {
			z-index: 11;
		}
	}
}