// Indicator information popup
#custom-report{}
	.custom-report-old{
		width: 790px;
			.input-line{
				input[type="checkbox"]{
				float: left;
				}
				.input-text{
					float: left;
					margin-left: 10px;
				}
			}
			.save-as{
				font-size: 11px;
				padding: 15px 22px;
					.save-as-text{
						float: left;
						margin-top: 8px;
					}
					input[type="text"]{
						float: left;
						margin-left: 15px;
						font-size: 11px;
						color: #666666;
						padding: 6px 9px;
						width: 215px;
						font-style: italic;
					}
			}
			.spacer35{
				height: 35px;
			}
			.include-option{
				margin: 0px 0 25px;
					.report-text{
						margin: 8px 0;
						font-size: 11px;
					}
					select{
						float: left;
						margin-left: 15px;
						font-size: 11px;
						color: #000;
						padding: 6px 9px;
						width: 175px;
						height:27px;
						line-height:27px;
							option{
								font-size: 12px;
									&:nth-of-type(even){
										background-color: #ddd;
									}
							}
					}
					.available-section{
						float: left;
						width: 43%;				
					}
					.center-arrows{
						float: left;
						width: 7%;
						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;
									&: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;
								&:hover{
									background-position: -41px -52px;
								}
							}		
					}
					.include-section{
						float: left;
						width: 44%;
					}
					.right-arrows{
						width:5%;
						float:right;
						margin-top: 16px;
							.top-double-arrow{
								background-image: url("../img/sprite.svg");
								width: 35px;
								height: 50px;
								background-position:-81px -105px;
								cursor: pointer;
								margin: 1px auto;
									&:hover{
										background-position: -81px -156px;
									}
							}
							.top-single-arrow{
								background-image: url("../img/sprite.svg");
								width: 35px;
								height: 50px;
								background-position:0px -105px;
								cursor: pointer;
								margin: 1px auto;
								&:hover{
									background-position: 0px -156px;
								}
							}
							.bottom-single-arrow{
								background-image: url("../img/sprite.svg");
								width: 35px;
								height: 50px;
								background-position:-41px -105px;
								cursor: pointer;
								margin: 1px auto;
									&:hover{
										background-position: -41px -156px;
									}
							}
							.bottom-double-arrow{
								background-image: url("../img/sprite.svg");
								width: 35px;
								height: 50px;
								background-position:-122px -105px;
								cursor: pointer;
								margin: 1px auto;
								&:hover{
									background-position: -122px -156px;
								}
							}
					}			
					.filter-area{
						background: #dddddd;
						padding:10px;
						margin-bottom:15px;
							.filter-heading{
								color: #000;
								font-size:13px;
								text-transform: uppercase;
								margin-bottom:15px;
							}
							.fa-filter{
								font-size:14px;
							}
							.filter-elements{
								float:left;
								width:165px;
								margin-right:15px;
									.for-search{
										position: relative;
											.search-icon{
												background-color: #2881c1;
												background-image: url("../img/sprite.svg");
												background-position: -137px -63px;
												cursor:pointer;
												height: 27px;
												position: absolute;
												right: 0;
												top: 6px;
												width: 20px;
												display: none;
											}
											@-moz-document url-prefix() {
												.search-icon{
													height: 26px;
												}
											}
											@media screen and (-webkit-min-device-pixel-ratio:0) {
											 .search-icon{
													height: 25px;
												}
											}
									}
									input[type="text"]{
										font-size: 11px;
										color: #000;
										padding: 6px 9px;
										width:100%;
										font-size:11px;
										color:#666666;
										font-style: italic;
										margin:5px 0;
									}
									select{
										font-size: 11px;
										color: #000;
										padding: 6px 9px;
										width:100%;
										float:none;
										margin:5px 0;
										height:27px;
										line-height:27px;
											option{
												font-size: 12px;
													&:nth-of-type(even){
														background-color: #ddd;
													}
											}
									}
									.btn{
										width:100%;
										margin:5px 0;
									}
									@media only screen and (max-width:$standard-target-width){
										width:150px;
									}
							}

					}
					.select-all-set{
						margin: 10px 0;
							input[type="checkbox"]{
								float: left;
							}
							.select-all-text{
								float: left;
								font-size: 11px;
								color: #000;
								margin: 0 5px;
							}
					}
			}
			.report-option{
				margin: 35px 0 25px;
					.report-text{
						float: left;
						margin-top: 8px;
						font-size: 11px;
					}
					select{
						float: left;
						margin-left: 15px;
						font-size: 11px;
						color: #000;
						padding: 6px 9px;
						width: 190px;
						height:27px;
						line-height:27px;
							option{
								font-size: 12px;
									&:nth-of-type(even){
										background-color: #ddd;
									}
							}
					}
			}
	}
@media screen and (max-width:$ipad){
	.custom-report{
		width:700px;
	}
}