// Popular Dashboard popup use only
#popular-dashboards{
}
	.popular-dashboard-area{
		width:800px;
			.white-bar{
				p{
					font-size:14px;
					line-height:21px;
				}
			}
				.pop-manage-icon{
					position:absolute;
					padding:10px 0 11px;
					right:35px;
					background-color:#a9aaaa;
					width:35px;
					text-align:center;
					color:#fff;
					font-size:25px;
					transition:0.3s ease 0s;
					-moz-transition:0.3s ease 0s;
					-webkit-transition:0.3s ease 0s;
						&:hover{
							background-color:#666766;
							cursor:pointer;
						}
						&.icon-2 {
							right:71px;
						}
						&.icon-3{
							right: 107px;
							background-image: url("../img/cron-icon.png");
							background-position: 0 0;
							width: 35px;
							height: 50px;
							transition: none;
								&:hover{
									background-position: 0 bottom;
								}
						}
				}
				.twit-follow{
					position:absolute;
					right:40px;
					top:14px;
				}
			
			.manage-dash-form-outer{
				width: 100%;
				margin: 20px 0 0;
					.manage-dash-form{
						margin: 20px 0 0;
							.field-name{
								width:16%;
								float:left;
								margin-top:8px;
							}
							input[type="text"]{
								float: left;
								font-size: 11px;
								color: #666666;
								padding: 6px 9px;
								width: 50%;
								font-style: italic;
							}
					}
			}
			.popular-dashboard-scroll{			 
				thead{
					float:left;
					width:100%;
						td{
							text-transform:uppercase;
							padding:5px;
								&:nth-child(1){
									width:166px;
									padding:0 10px;
								}
								&:nth-child(2){
									width:300px;
									padding:0 10px;
								}
								&:nth-child(3){
									width:75px;
									text-align:right;
								}
								&:nth-child(4){
									width:96px;
									text-align:right;
								}
								&:nth-child(5){
									text-align:center;
									width:135px;
								}
						}
				}
				tbody{
					float:left;
					width:100%;
					height: 400px;
					overflow-y: scroll;
						td{
							vertical-align: middle;
							padding:0;
							line-height:18px;
								&:nth-child(1){
									width:175px;
									padding:0 10px;
								}
								&:nth-child(2){
									width:335px;
									padding:0 10px 0 5px;
								}
								&:nth-child(3){
									width:46px;
									text-align:right;
								}
								&:nth-child(4){
									width:100px;
									text-align:right;
								}
								&:nth-child(5){
									width:137px;
									text-align:right;
									padding-right:10px;
										span{
											&.actions-btn{
												background-color:#666666;
												color:#FFF;
												font-size:20px;
												padding:12px 5px;
												cursor:pointer;
												width:35px;
												display:inline-block;
												margin:0.5px 0.5px 0.5px 0.5px;
												text-align:center;
													&:hover{
														background-color: $main-blue;
													}
													a{
														color:$white;
													}
											}
										}
								}					
						}
				}							
		}
		&.update-data {
			.add-data-main-div-pop{
				width: 100%;
				margin: 0;
			}
			.blue-bar {
				.pop-title {
					line-height: 21px;
				}
				.name-subtitle {
					color:$white;
					font-size: 14px;
				}
			}
			.mr-column {
				float:left;
					&.column1{
						width: 150px;
						background-color: #efefef;
						padding: 11px 10px;
						height: 57px;
					}
					&.column2{
						width: 240px;
						background-color: #efefef;
						padding: 11px 10px;
						height: 57px;
					}
					&.column3{
						width: 170px;
						background-color: #efefef;
						padding: 11px 10px;
						height: 57px;
					}
					&.column4{
						width: 120px;
						background-color: #efefef;
						padding: 10px;
						height: 57px;
							.pending{
								color: #ffa200;
								font-weight: bold;
								height: 17px;
							}
							.past-due{
								color: #ff0000;
								font-weight: bold;
							}
							.up-to-date{
								color: #3dbf15;
								font-weight: bold;
								height: 16px;
							}
							.wauto{
								width: auto;
								float: left;
							}
							.c-icon{
								float: left;
								background-image: url(http://staging.myresearcher.com/livejs/img/cron-small.svg);
								width: 18px;
								height: 18px;
								background-position: left top;
								cursor: pointer;
								background-size:100%;
								margin-top: -5px;
								margin-left: 5px;
								background-repeat: no-repeat;
							}
							.c-icon:hover{
								//background-position: left bottom;
							}
							.imp-icon{
								color: #505050;
								font-size: 15px;
								margin-left: 5px;
								float: left;
								cursor: pointer;
									a{
										color: #505050;
									}
									.fa-user{
										font-size: 13px;
										position: relative;
										top: -3px;
									}
									.fa-sign-in{
										position: relative;
										top: -2px;
									}
									.fa-refresh{
										font-size: 13px;
										position: relative;
										top: -3px;
									}
							}
					}
					.dotdotdot{
						max-width: 200px;
						text-overflow: ellipsis;
						overflow: hidden;
						white-space: nowrap;
						cursor: default;
					}
					.row1 {
						font-weight: bold;
						text-transform: uppercase;
						margin-bottom: 5px;
					}
			}
			#more-hide-info{
				padding:10px;
				background-color:#f2f2f2;
				margin:10px 0;
			}
			.update-data-serch {
				margin:15px 0;
				.hide-heading {
					font-size: 16px;
					font-weight: normal;
					text-transform: uppercase;
					padding: 10px 0;
				}
				.update-w {
					width:33.33%;
					float:left;
					&.update-w-3 {
						.btn {
							width:100%;
							margin: 24px 0 0;
							height: 26px;
								@-moz-document url-prefix() {
									margin: 25px 0 0;
									height: 27px;
								}
						}
					}
					.input-text {
						margin:5px 0;
					}
					.add-data-text {
						font-size: 11px;
						color: #666;
						padding: 6px 9px;
						width: 95%;
						font-style: italic;
					}
				}
			}
			.add-data-main-div-pop {
				input{
					&.numberonly {
						font-size: 11px;
						color: #666;
						padding: 3px 9px;
						width: 85%;
						font-style: italic;
					}
					&.bold{
						font-weight:bold;
					}
					}
					.add-data-button{
						text-align:left;
						margin:0px;
					}
			}
			.mr-import-table{
				thead{
					float: left;
					background: #1c81c7;
					color: #fff;
					text-transform: uppercase;
					font-weight: normal;
					font-size: 12px;
					width: 100%;
						tr{
							th{
								padding: 3px;
								text-align: left;
									&:nth-of-type(1){
										width: 117px;
									}
									&:nth-of-type(2){
										width: 150px;
									}
									&:nth-of-type(3){
										width: 225px;
									}
							}
						}
				}
				tbody{			
					max-height:292px;
					overflow-y:auto;
					float:left;
					width:100%;
					@-moz-document url-prefix() {
						max-height:300px;
					}
						tr{
							&:nth-of-type(odd){
								background-color: rgba(237, 237, 237, 0.6);
							}
							&:nth-of-type(even){
								background-color: rgba(221, 221, 221, 0.6);
							}
							td{
								padding: 3px;
									&:nth-of-type(1){
										width: 114px;
											input[type="text"]{
												width: 85%;
												padding: 3px 3px;
												font-size: 11px;
											}
									}
									&:nth-of-type(2){
										width: 148px;
									}
									&:nth-of-type(3){
										width: 245px;
									}
							}
						}
				}
				#n_data_tbody_fst{
					tbody{
						float:none;
					}
				}
				#n_data_tbody_sec{
					tbody{
						float:none;
					}
				}
					tr{
						td{
							span{
								&.ad_new_row {
									background-image: url("../img/addlabel.png");
									background-position: center center;
									background-repeat: no-repeat;
									cursor: pointer;
									margin-left: 5px;
									padding: 5px 10px;
								}
								&.remove_rows {
									background-image: url("../img/removelabel.png");
									background-position: center center;
									background-repeat: no-repeat;
									cursor: pointer;
									margin-left: 5px;
									padding: 5px 10px;
								}
							}
						}
					}
			}
		}
	}
	
.popular-dash-import{
	width:750px;
		.include-option{
			margin: 8px 0 25px;
			.report-text{
			  margin: 8px 0;
			  font-size: 11px;
			}
			.available-section{
				float: left;
				width: 45%;
			}
			.center-arrows{
				float: left;
				width: 10%;
				margin-top: 75px;
				.right-side-arrow{
					background-image: url("../img/sprite.svg");
					width: 35px;
					height: 50px;
					background-position: -84px -1px;
					cursor: pointer;
					margin: 1px auto;
					transition:0.3s ease 0s;
					-moz-transition:0.3s ease 0s;
					-webkit-transition:0.3s ease 0s;
					&:hover{
						background-position: -84px -52px;
					}
				}
				.left-side-arrow{
					background-image: url("../img/sprite.svg");
					width: 35px;
					height: 50px;
					background-position: -41px -1px;
					cursor: pointer;
					margin: 1px auto;
					transition:0.3s ease 0s;
					-moz-transition:0.3s ease 0s;
					-webkit-transition:0.3s ease 0s;
					&:hover{
						background-position: -41px -52px;
					}
				}
			}
			.include-section{
				float: left;
				width: 45%;
			}
			.select-all-set{
				margin: 10px 0;
				input[type="checkbox"]{
					float: left;
				}
				.select-all-text{
					float: left;
					font-size: 11px;
					color: #000;
					margin: 0 5px;
				}
			}
		  }
}
.col-source{
	font-size: 11px;
	font-weight: 300;
	color: #000;
	padding: 3px 10px;
	background-color: #efefef;
	border-top: 1px solid #000;
	font-style: italic;
	span {
		a {
			color: #000;
			word-wrap: break-word;
		}
	}
}
.info-right {
	span {
		&.cron-small {
			background-image: url('http://staging.myresearcher.com/livejs/img/cron-small.png');
			width: 15px;
			height: 11px;
			background-position: left top;
			cursor: pointer;
			background-size: 75% auto;
			margin-left: 3px;
			background-repeat: no-repeat;
			position: relative;
			top: 1px;
			display: inline-block;
			&:hover{
				background-position: left bottom;
			}
		}
	}
}