// Edit Dashboard Popup use only
.edit-dashboard-tips{
	width:600px;
		.tip-sec{
			margin-bottom:15px;
			line-height:18px;
			color:#454545;
				span{
					text-transform:uppercase;
					font-weight:bold;
				}
				i{
					background: #aaaaaa;					
					color: #fff;
					display: inline-block;
					font-size: 11px;
					height: 22px;
					line-height: 17px;
					padding: 3px;
					text-align: center;
					width: 22px;
					img {
						width: 12px;
					}
				}
		}
}
// Manage Indicators Tips Popup Start 
.manage-indicator-tips{
	width:630px;
		.tip-sec{
			margin-bottom:15px;
			line-height:18px;
				span{
					text-transform:uppercase;
					font-weight:bold;
				}
				.tips-list{
					ul{
						li{
							list-style: outside disc;
							margin-left: 25px;
							color:#454545;
						}
					}
				}
		}
}
// Edit Indicator Information Popup Start 
.edit-indi-info{
	width:950px;
		.edit-indi-left{
			width:300px;
			float:left;
				.info-sec{
					line-height:20px;
					margin-bottom:15px;
					word-wrap: break-word;
						span{
							font-weight:bold;
							text-transform:uppercase;								
						}
						a{
							color: $main-blue;
							text-decoration:none;
								&:hover{
									text-decoration:underline;
								}
						}
				}
		}
		.edit-indi-right{
			width:600px;
			float:right;
				.quick-chart-map{
					  margin: 0 0 30px;
						#top-graph{
							#popup-graph{
								width:100%;
								height:268px;
								background:#efefef;
							}
						}
						img{
							width:100%;
						}						
						.map-show-scroll{
							background-color: #666666;
							font-size: 11px;
							color: $white;
							font-style: italic;
							padding: 3px 15px;
								input{
									margin: 3px 0 0 0;
									float: left;
								}
								.input-text{
									float: left;
									margin: 3px 0 0 5px;
								}
						}
				}
				.quick-chart-table{
					margin: 0;
						.blue-bg-light{
							background-color: #60a7d8;
							font-size: 12px;
							text-transform: uppercase;
							font-weight: bold;
							color: $white;
							padding: 5px 0;
							text-align: center;
						}
						.orange-bg-light{
							background-color: #dc6633;
							font-size: 12px;
							text-transform: uppercase;
							font-weight: bold;
							color: $white;
							padding: 2px 3px;
							text-align: center;
						}
						.blue-bg-dark{
							background-color: #328dcc;
							font-size: 10px;
							text-transform: uppercase;
							color: $white;
							padding: 5px 3px;
							vertical-align: bottom;
							text-align: right;
						}
						.orange-bg-dark{
							background-color: #b34f29;
							font-size: 10px;
							text-transform: uppercase;
							color: $white;
							padding: 5px 3px;
							vertical-align: bottom;
							text-align: right;
						}
						tbody{
							background-color:rgba(239, 239, 239, 0.9);
								tr{
									&:nth-child(even){
										background-color:rgba(221, 221, 221, 0.9);
									}
								}
								td{
									padding: 3px 3px;
									text-align: right;
									&.no-padding{
									padding:0px;
										table{
											tr{
												td{
													width:12%;
												}
											}
										}
								}
								}
						}
						.same-year-bg{
						background-color: #666666;
						font-size: 12px;
						text-transform: uppercase;
						font-weight: bold;
						color: $white;
						padding: 2px 3px;
						text-align: center;
						}
				}
		}
}