// For Export Indicator Use Only

.edit-indi-info{
	width: 100%;
	margin: 0 auto 35px;
		.tab-name{
			margin-bottom: 15px;
		}
		.edit-indi-left{
			width: 29.5%;
			float: left;
			font-size: 12px;
				.info-sec{
					background-color: #ececed;
					padding: 7px;
						.info-sec-heading-left{
							float: right;
							width: 94%;
							margin-top: 2px;
						}
						h2{
							text-transform: uppercase;
							font-size: 14px;
							color: #231f20;
							text-overflow: ellipsis;
							overflow: hidden;
							white-space: nowrap;
						}
						h5{
							text-transform: uppercase;
							font-size: 12px;
							color: #231f20;
							margin: 2px 0;
						}
						.icon-side{
							float: left;
							width: 23px;
							height: 22px;
							background-image: url("../img/sprite.svg");
							background-repeat: no-repeat;
								&.indi-icon-default{
									background-position: -136px 1px;
									position: relative;
								}
								&.indi-icon-yoy{
									background-position: -191px 1px;
								}
								&.indi-icon-yoy-per{
									background-position: -164px 1px;
								}
								&.indi-icon-mom{
									background-position: -246px 1px;
								}
								&.indi-icon-mom-per{
									background-position: -219px 1px;
								}
						}
						.graph-set{
							height: 109px;
							width: 100%;
						}
						.info-data-sec{
							background-color: #231f20;
							margin: 10px 0;
							padding: 2px 2px;
								.info-data-left{
									float: left;
									padding: 7px 7px 8px;
									background-color: #ececed;
									width: 90%;
									height: 60px;
										h1{
											font-size: 25px;
											color: #231f20;
											font-weight: normal;
										}
										h4{
											font-size: 13px;
											color: #231f20;
											text-transform: uppercase;
										}
								}
								.info-data-right{
									float: right;
									width: 10%;
									text-align: center;
									color: #FFF;
									padding: 14px 7px;
									border-left: 1px ridge #231f20;
									height: 60px;
										&.red{
											background-color: #d44126;
										}
										&.green{
											background-color: #8cc047;
										}
										&.yellow{
											background-color: #f0cd16;
											color: #000;
												h5{
													color: #000;
												}
										}
										h4{
											font-size: 13px;
										}
										h5{
											font-size: 11px;
											text-transform: uppercase;
											font-weight: normal;
											color: #FFF;											
										}
								}								
						}
						p{
							font-size: 11px;
							font-style: italic;
							padding-bottom: 5px;
						}
				}				
		}
		.edit-indi-right{
			width: 70%;
			float: right;
			font-size: 12px;
				.quick-chart-table{
					margin: 0;
					  .blue-bg-light{
						background-color: #60a7d8;
						font-size: 12px;
						font-weight: bold;
						color: $white;
						padding: 5px 0;
						text-align: center;
					  }
					  .orange-bg-light{
						background-color: #dc6633;
						font-size: 12px;
						font-weight: bold;
						color: $white;
						padding: 2px 3px;
						text-align: center;
					  }
					  .blue-bg-dark{
						background-color: #328dcc;
						font-size: 11px;
						color: $white;
						padding: 5px 3px;
						vertical-align: bottom;
						text-align: right;
					  }
					  .orange-bg-dark{
						background-color: #b34f29;
						font-size: 11px;
						color: $white;
						padding: 5px 3px;
						vertical-align: bottom;
						text-align: right;
					  }
					  thead{
						td{
							&:nth-of-type(1){
								width: 12%;
							}
						}
					  }
				  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;
					  width: 25%;
						&.no-padding{
							padding: 0px;
								table{
									tr{
										td{
										}
									}
								}
						}
					}
				  }
				  .same-year-bg{
					background-color: #666666;
					font-size: 12px;
					text-transform: uppercase;
					font-weight: bold;
					color: $white;
					padding: 2px 3px;
					text-align: center;
				  }
				}
		}
}