/** 
se foloseste pentru : dropdown , autocomplete ....
*/

.block {
	display: block;
}
.relative {
	position:relative;
}

.absolute {
	position:absolute;
}

.matcher { 
	border:solid 1px rgba(0, 0, 0, 0.2);
	border-top: transparent;
	position: absolute;
	width: 100%;
	z-index: 10;
	top:100%;
	background: white;
	display: none;
}

.matcher li {
	font-weight: normal;
	text-align: left;
	line-height:32px;
}
.matcher li a {
	text-indent: 10px;
	display: block;
	color: #777;
}

.matcher li a:hover , .matcher li.over a {
    background-color: #FAFAFA;
	cursor:pointer;
}

.toggle .matcher {
	display: inline-block;
}




.drop {
	background: white;
	position: absolute; 
	text-align:left; 
	border:1px solid rgba(0, 0, 0, 0.2); 
	box-shadow:2px 2px 4px #EEE;
	border-top: none; 
	min-width: 150px; 
	padding:5px; 
	top: calc(100% + 1px);
	left: 0;
    z-index: 10;
	
}
.drop.right { left: auto; right:0; } 

.drop li a { line-height:30px; text-indent: 10px; display:block; color:#555;  }
.drop li a:hover { background-color: #f7f9fa/* #F4FAFF*/; }
.drop li.spacer { 
    border-top: 1px solid rgba(0, 0, 0, 0.075);
    margin-bottom: 6px;
    margin-top: 6px;
	height:0
}

.drop-wide {
    width: 100%;
}

/** Este doar un test pentru autocomplete results pe suppliers */
.drop-plm { border: 1px solid rgba(99, 114, 130, 0.16);  position: absolute; top: calc( 100% - 1px ); width: 100%; background: #FFF; z-index: 10; }
.drop-plm li { line-height: 33px; text-indent: 10px; cursor: pointer; }
.drop-plm li:hover { background-color: rgba(99, 114, 130, 0.05); }