// For Monthly Report Use Only

.monthly-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 5px;
						text-align: right;
						vertical-align: bottom;
						border-right: 1px solid #FFF;
							&:nth-of-type(1){
								border-right: 0;
							}
							&:nth-of-type(2){
								text-align: left;
								border-right: 0;
							}
					}
				}
			}
			tbody{
				tr{
					&:nth-of-type(even){
					  background-color: #ececed;
					}
					td{
						height: 25px;
						line-height: 16px;
						vertical-align: top;
						padding: 7px 7px;
						text-align: right;
						font-size: 14px;
						border-right: 1px solid #FFF;
							&:nth-of-type(1){
								padding: 5px 3px;
								width: 25px;
								border-right: 0;
									span{
										background-color: transparent;
										background-image: url("../img/sprite.svg");
										background-repeat: no-repeat;
										text-align: center;
										width: 24px;
										height: 24px;
										display: block;
										margin-top: 4px;
											&.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;
												}
											}
									}
							}
							&:nth-of-type(2){
								position: relative;
								text-align: left;
								border-right: 0;
									p {
										white-space: normal;				
									}
							}
							span{
								display: block;
								font-size: 12px;
									&.red{
										color: #d34000;
									}
									&.green{
										color: #8ebf49;
									}
							}
					}
				}
			}
		}
}