@import "../../../Base/Content/sass/bootstrap/variables";
@import "../../../Base/Content/sass/compass";
@import "../../Branding/Content/Partials/Variables";

.bootstrap-wrapper {
	&.wt-webpart-phonebook {

		.wizdom-phonebook-imgColumn {
			display: table-cell;
			text-align: center;
			width: $wizdom-avatar-small-dims;

			.avatar-frame {
				border: 0;
				width: $wizdom-avatar-small-dims;
				height: $wizdom-avatar-small-dims;

				img {
					@include border-radius($wizdom-avatar-small-radius);
					width: $wizdom-avatar-small-dims;
					height: $wizdom-avatar-small-dims;
				}
			}
		}

		.wizdom-phonebook-textColumn, .extendedInfo {
			display: table-cell;
			-ms-word-wrap: break-word;
			word-wrap: break-word;
			padding-left: 20px;
			vertical-align: middle;
			font-style: italic;
			font-size: $wizdom-small-text;
			line-height: $wizdom-small-text-line-height;

			.name {
				font-style: normal;
				font-size: $wizdom-big-text;
				line-height: $wizdom-big-text-line-height;
			}

			.email, .department, .phone, .showMore, .responsibility, .jobTitle, .location, .interest {
				font-style: italic;
				font-size: $wizdom-small-text;
				color: $wizdom-link-color;
				cursor: pointer;
				line-height: $wizdom-small-text-line-height;
			}

			.email:hover, .department:hover, .phone:hover, .showMore:hover, .responsibility:hover, .jobTitle:hover, .location:hover, .interest:hover {
				color: $wizdom-link-hover-color;
			}

			.glyphicon-menu-up, .glyphicon-menu-down {
				position: relative;
				top: 2px;
				padding-left: 7px;
			}

			.glyphicon-menu-up {
				top: 3px;
			}
		}


		.wizdom365SearchSection {
			height: auto;
			width: 100%;
			margin: auto;
			position: relative;
			overflow: auto;
			overflow-y: hidden;
			padding-top: 12px;
			padding-bottom: 12px;
		}

		.wizdom365SearchLeftbody {
			width: 50px;
			float: left;
		}

		.wizdom365SearchRightbody {
			margin-left: 85px;
			vertical-align: top;
			margin-top: -4px;
			overflow: hidden;
		}

		.w365-searchLink {
			height: 32px;
			width: 32px;
			float: right;
			display: inline-block;
			vertical-align: top;
			background-color: transparent;
			border: 1px solid transparent;
			position: relative;
			overflow: hidden;
		}

		.w365-searchImg {
			left: -53px;
			top: -1px;
			position: absolute;
		}

		.peopleInput .input-group-addon {
			padding-top: 0;
			padding-bottom: 0;
			padding-left: 5px;
			padding-right: 6px;

			.glyphicon {
				font-size: 18px;
				margin-top: 6px;
			}
		}

		.advancedSearchLink {
			cursor: pointer;
		}

		.form-control-feedback {
			right: 50px;
			pointer-events: all;
			width: auto;
			height: auto;
			line-height: normal;
			top: 8px;
			margin-right: 5px;
		}

		.form-control-feedback:hover {
			cursor: pointer;
		}


		.advancedSearch {
			padding-top: 8px;

			.peopleInput {
				margin-top: 15px;
			}
		}

		.filter-group {
			margin-top: 15px;

			.filter {
				margin-right: 15px;
			}
		}

		::-ms-clear {
			width: 0;
			height: 0;
		}
	}
}
