@import "./avariables.less";
@import "./amixins.less";


dropdown-filter {

	span.icon-search{
		font-size: 17px;
		position: absolute;
		top: 0;
		left: 10px;
		color: #c5ccd6;
	}

	.searchcount{
		position: absolute;
		top: 0;
		right: 10px;
		bottom: 0;
		margin: auto;
		height: 20px;
		font-size: 12px;
		color: #c5ccd6;
	}

	.searchContainer{
		position: relative;
		display: inline-block;
	}

	.form-control{
		padding-left: 35px;
	}

	.secondarySearchResult{
		background: rgba(94, 153, 255, 0.3);
	}
	.primarySearchResult.secondarySearchResult{
		background: rgba(94, 153, 255, 0.6);
	}
	button.fonticon{
		margin-bottom: 4px;
		height: 32px;
	}
	.btn-group {
		width: 100%;
		margin-bottom: 4px;
		height: 32px;

		.btn-dropdown {
			width: 100%;
			text-align: left;

			color: #444a52;
			/* Default to the top color gradient for browsers that don't support gradients */
			background: @genesys-off-white;
			/* Set Button Gradient*/
			/* Safari 4-5, Chrome 1-9 */
			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(@genesys-off-white), to(#F9F9FA));
			/* Safari 5.1, Chrome 10+ */
			background: -webkit-linear-gradient(top, @genesys-off-white, #F9F9FA);
			/* Firefox 3.6+ */
			background:    -moz-linear-gradient(top, @genesys-off-white, #F9F9FA);
			/* IE 10 */
			background:     -ms-linear-gradient(top, @genesys-off-white, #F9F9FA);
			/* Opera 11.10+ */
			background:      -o-linear-gradient(top, @genesys-off-white, #F9F9FA);
			border-color: #dae1e8;


			.icon-dropdown-arrow {
				margin: 0;
				color: @genesys-blue;
				float: right;
			}
		}

		ul {
			width: auto;
			min-width: 100%
		}

		.reset-button {
			float: right;
		}
	}

	.submenu li {
		text-indent: 25px;

		a {
			display: block;
			//padding: 3px 20px;
			clear: both;
			font-weight: normal;
			line-height: 1.66666667;
			color: #333;
			white-space: nowrap;
		}

		a:hover{
			color: @genesys-off-white;
			background-color: @genesys-dark-blue;
			text-decoration: none;
		}
	}

	.fonticon {
		color: inherit;
	}

	.selection {
		float: left;
		width: 85%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

  .dropdown-menu {
    width: inherit;
  }

}

//stuff from tree-view.less

div[filter-treeview] {
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 5px 15px 4px 0px;

	border: 1px solid #dae1e8;
	background: #fdfdfd;

	overflow: auto;
	max-height: 232px;

	/* prevent user selection */
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.filter-dropdown .dropdown-menu {
  padding: 10px;
  width: auto;
  min-width: 100%;
  white-space: nowrap;
}

div[treeview] ul {
  margin: 0;
  padding: 0;
  list-style: none; 
  border: none;
  overflow: hidden;
}

.first-depth {
	padding: 0 0 0 6px !important;
}

div[treeview] li {
  position: relative;
  padding: 0 0 0 20px;
  line-height: 22px;
}

div[treeview] li .expanded {

}

div[treeview] li .collapsed {

}

.expanded:before {
  padding: none;
  .rotate(0deg) !important;
}

.collapsed:before {
  padding: none;
  .rotate(270deg) !important;
}

div[treeview] .fonticon {
  padding: 1px 12px;
  padding-left: 16px;
  font-size: 15px;
}


div[treeview] li .elbow {
  cursor: default;
}

div[treeview] li .blank {
  cursor: default;
}

.blank,.elbow {
	.fonticon {
		color:transparent !important;
		margin-left: -1px;
	}
}

div[treeview] li i, div[treeview] li span {
  cursor: pointer;
}

div[treeview] li span .selected {
  background-color: #aaddff;
  font-weight: bold;
  padding: 1px 5px;
}

div[treeview] li .mid {
  color: green;
}

.selected-only {
  margin-right:20px;
  margin-top: 10px;
}

.icon-checkbox-tick,.icon-select-yes {
  color: @genesys-dark-blue !important;
}

.icon-checkbox {
  margin-right: 2px;
}
