// For Indicator Report Use Only

.indi-info{
	margin: 0 20px 10px;
	font-size: 14px;
	padding: 10px 0;
	line-height: 18px;
		.indi-info-set{
				span{
					display: inline-block;
					width: 100px;
				}
		}
}

.indicator-report-area-set{
	margin: 12px 0 0 0;
    font-size: 14px;
		table{
			thead{
				tr{
					th{
						font-weight: normal;
						background-color: #328dcc;
						font-size: 14px;
						text-transform: uppercase;
						color: $white;
						padding: 2px 3px;
						text-align: center;
						vertical-align: bottom;
							&.blue-light{
								background-color: #60a7d8;
								text-align: center;
							}
							&.orange-light{
								background-color: #dc6633;
								text-align: center;
							}
							&.orange-dark{
								background-color: #b34f29;
								text-align: center;
							}
					}
				}
			}
			tbody{
				tr{
					&:nth-of-type(even){
					  background-color: #e0e0e0;
					}
					td{
						height: 25px;
						line-height: 20px;
						vertical-align: top;
						padding: 3px;
						text-align: center;
							&:nth-of-type(1){
								background-color: rgba(216, 216, 216, 0.8);
								width: 25px;
									span{
										background-color: transparent;
										background-image: url("../img/sprite.svg");
										background-repeat: no-repeat;
										text-align: center;
										width: 24px;
										height: 24px;
										display: block;
										margin: 0;
											&.indi-icon-default{
												background-position: -135px 2px;
												position: relative;
												cursor: pointer;			
											}			  
											&.indi-icon-yoy-per{
												background-position: -163px 2px;
											}
											&.indi-icon-yoy{
												background-position: -190px 2px;
											}
											&.indi-icon-mom-per{
												background-position: -218px 2px;
											}
											&.indi-icon-mom{
												background-position: -245px 2px;
											}
											@-moz-document url-prefix() {
												&.indi-icon-default{
													background-position: -135px 4px;
												}
												&.indi-icon-yoy-per{
													background-position: -163px 4px;
												}
												&.indi-icon-yoy{
													background-position: -190px 4px;
												}
												&.indi-icon-mom-per{
													background-position: -218px 4px;
												}
												&.indi-icon-mom{
													background-position: -245px 4px;
												}
											}
									}
							}
					}
				}
			}
		}
}