// Quick Search Popup Use Only

.quick-search-area{
	width:1128px;
		.search-box{
			margin:15px 0 25px;
				.search-text{
					float:left;
					width:70px;
					margin-top:8px;
				}
				.search-input{
					float:left;
					width:70%;
					position:relative;
						input[type="text"]{
							padding:6px 30px 6px 6px;
							width:100%;
							font-size:11px;
							font-style:italic;
							color:#666666;
						}
						.search-icon{
							    position: absolute;
								background: $main-blue;
								padding:7px 5px 7px;
								right: 1px;
								color: #fff;
								cursor:pointer;
						}
				}
		}
		.search-result-area{
			width:100%;
				.search-criteria{
					float:left;
					width:40%;					
				}
				.search-results{
					float:right;
					width:55%;
					border-left:2px solid #fff;
					position: relative;
						.select-area{
							float:left;
							margin:10px 15px 5px 0;
								input[type="checkbox"]{
									float:left;
									margin-right:5px;
								}
						}
				}
				.name-head{
					background-color:$main-blue;
					color: $white;
					text-transform:uppercase;
					padding:5px;
				}
				.search-entries{
					width:100%;
						.name-head-bottom{
							background-color:#aaaaaa;
							padding:5px;
							font-size:11px;
							color:#FFF;
							text-transform:uppercase;
							text-align:right;
						}
						table{
							width:100%;
							tr{
								&:nth-child(even){
									background-color:rgba(224, 224, 224, 0.6);
								}
								&:nth-child(odd){
										background-color:rgba(241, 241, 241, 0.6);
									}
								&.pn{
									pointer-events: none;
									color:#999;
								}
								&.active{
									background-color:#f3cf00;
								}
								td{
									overflow: hidden;
									padding: 5px;
									text-align: left;
									text-overflow: ellipsis;
									text-transform: none;
									white-space: nowrap;
									width: 50%;
									max-width: 135px;
										input[type="checkbox"]{
											float: left;
											margin-right: 5px;
										}
										&:last-child{
											text-align:right;
											max-width: 100px;
										}
								}
							}
						}						
				}
				.search-matches{
					width:100%;
						.no-result{
							background: #d53f00;
							color: #fff;
							padding: 10px;
						}
						.name-head-bottom{
							background-color:#aaaaaa;
							padding:5px;
							font-size:11px;
							color:#FFF;
							text-transform:uppercase;
							position: relative;
								span{
									color: #FFF;
									position: absolute;
									text-transform: initial;
									position: absolute;
									right: 5px;
									line-height: 22px;
									top: 0;
								}
						}
						table{
							width:100%;
								tbody{
									max-height:200px;
									overflow-y:scroll;
									float:left;
									width:100%;
									tr{
										&:nth-child(even){
											background-color:rgba(224, 224, 224, 0.6);
										}
										&:nth-child(odd){
											background-color:rgba(241, 241, 241, 0.6);
										}
										&.active{
											background-color:#f3cf00;
										}
										&.pn{
											pointer-events: none;
											color:#999;
										}
										td{
											vertical-align:middle;
											padding: 2px 5px;
												&:nth-child(1){
													width:24px;
												}
												&:nth-child(2){
													width:17px;
													text-align:center;
													background-color:rgba(229, 229, 229, 0.6);
														img{
															width:9px;
														}
												}
												&:nth-child(3){
													width:550px;
														@media only screen and (max-width:990px){
															max-width:326px;
															overflow:hidden;
															text-overflow:ellipsis;
															white-space:nowrap;
															width:326px;
														}
												}
												input[type=checkbox]{
													margin-top:0px;
													float: left;
												}
										}
									}
								}
						}
				}
		}
		.white-bar{
			.btn{			
				&.btn-disable{
					background-color:#aaaaaa;
					pointer-events:none;
				}
				@media only screen and (max-width:1130px){	
					width:128px;
					font-size:11px;
				}
			}
			.btn-margin{
				margin: 0;
			}
		}
	#dashboard-quick-search{
		margin-top:10px;
	}
	@media only screen and (max-width:1130px){		
		width:700px;		
	}
}