// View Saved Reports - Presentation Popup Use Only 

.saved-re-pre-area-outer{
	width:1007px;
		.search-box{
			background:#f2f2f2;
			padding:10px;
			margin-bottom:15px;
				.search-text{
					float:left;
					width:30%;
					margin-top:8px;
				}
				.search-input{
					float:left;
					width:70%;
					position:relative;
						input[type="text"]{
							padding:6px 30px 6px 6px;
							width:100%;
						}
						.search-icon{
								position: absolute;
								background: $main-blue;
								padding: 9px 5px 8px;
								right: 1px;
								color: #fff;
								cursor:pointer;
						}
				}
		}
		.saved-re-pre-area{
			width:100%;
				.report-list-outer{
					max-height:310px;
					overflow-y:scroll;
					margin-bottom: 10px;
						.report-list-head{
							background-color : $main-blue;
							padding: 4px 0px;
							width: 970px;
							font-size: 12px;
							color: #fff;
							text-transform: uppercase;
								.title-head{
									float: left;
									width: 476px;
									padding-left: 7px;
									cursor: pointer;
										@media only screen and (max-width: 1023px){
											width: 204px;
										}
										&.down{										
											padding-right: 14px;
											background-repeat: no-repeat;
											background-image: url(../img/icon-sort-desc-b.png);
											background-position: 45px 0;
												@-moz-document url-prefix() {
													background-position: 45px center;
												}
										}
										&.up{
											padding-right: 14px;
											background-repeat: no-repeat;
											background-image: url(../img/icon-sort-asc-b.png);
											background-position: 45px 0px;
												@-moz-document url-prefix() {
													background-position: 45px center;
												}
										}
								}
								.fta-head{
									float: left;
									width: 60px;
									text-align: center;
								}
								.summ-head{
									float: left;
									width: 300px;
									text-align: center;
								}
								.action-head{
									float: right;
									width: 60px;
									text-align: center;
								}
								@media only screen and (max-width: 1023px){
									width: 690px;
								}
						}
						.report-list-body{
							background-color: #f4f4f4;
							margin-bottom: 1px;
							padding: 7px;
							width: 970px;
							position: relative;
								&:nth-child(2n) {
									background-color: #ddd;
								}
								&:hover{
									background-color: #b2e0ff;
								}
								.title-body{
									float: left;
									width: 470px;
									max-width: 470px;
									font-size: 20px;
									color: #000;
									text-transform: uppercase;
									line-height: 33px;
									text-transform: uppercase;
										@media only screen and (max-width: 1023px){
											width: 195px;
											max-width: 195px;
											font-size: 14px;
											text-transform: uppercase;
										}
										&.char72{
											font-size: 18px;
											line-height: 17.5px;
										}
										&.after72{
											line-height: 17.5px;
											font-size: 18px;
										}
								}
								.fta-body{
									float: left;
									width: 60px;
									text-align: center;
									margin: 2px 0 0 0;
										span{
											width: 29px;
											height: 29px;
											background-image: url("../img/summary-sprite.svg");
											display: block;
											margin: 0 auto;
												&.doc{
													background-position: -152px -100px;
												}
												&.ppt{
													background-position: -192px -100px;
												}
												&.xls{
													background-position: -227px -100px;
												}
												&.user{
													background-position: -1px -100px;
												}
												&.system{
													background-position: -39px -100px;
												}
												&.alert{
													background-position: -76px -100px;
														&.active{
															background-position: -115px -100px;
														}
												}
										}
								}
								.summ-body{
									float: left;
									width: 300px;
									text-align: center;
										.three-sec{
											width: 99px;
											float: left;
											font-size: 11px;
											font-weight: bold;
												span{
													font-size: 15px;
													color: #000;											
												}
										}
								}
								.action-body{
									float: right;
									width: 60px;
									margin: -7px -7px;
										.icon-action {
											float: right;
											background: #666666;
											color: #fff;
											padding: 12px 0;
											height: 48px;
											width: 29px;
											font-size: 21px;
											text-align: center;
												&.margin {
													margin-right: 1px;
												}
												&:hover{
													background-color: $main-blue;
												}
										}
								}
							.list-war-succ{
								width: 970px;
								font-size: 16px;
								color: #000;
								bottom: 0px;
								padding: 7px;
								position: absolute;
								top: 0px;
								left: 0px;
									span{
										font-weight: bold;
										text-transform: uppercase;
									}
									.warning-text{
										float: left;
										line-height: 35px;
										margin-right: 40px;
											@media only screen and (max-width: 1023px){
												font-size: 11px;
											}
									}
									.btn{
										font-size: 14px;
										color: #FFFFFF;
										border: none;
										width: 200px;
										text-transform: uppercase;
										height: 33px;
										cursor: pointer;
										float: left;
										position: relative;
											&.delete-btn{
												background: #d34000;
												transition:0.3s ease 0s;
												-moz-transition: 0.3s ease 0s;
												-webkit-transition: 0.3s ease 0s;
												&:hover{
												  background: #bb3a02;
												}
											}
											@media only screen and (max-width: 1023px){
												font-size: 12px;
												width: 120px;
											}
									}
									.cross{
										position: absolute;
										top: 12px;
										right:10px;
										z-index: 20;
											i {
												background: #fff;
												border-radius: 50%;
												color: #000;
												padding: 4px 6px;
												height: 24px;
												width: 24px;
												color: #ababab;
												font-size: 15px;
													&:hover{
														color: #000;
													}
											}
									}
									&.warning{
										background-color: #f2cd13;
										z-index: 1;
									}
									&.success{
										background-color: #8ebf49;
										color: #fff;
										z-index: 2;
									}
									@media only screen and (max-width: 1023px){
										width: 690px;
									}
							}
							.no-report-saved{
								background-color: #d53f00 !important;
								color: #FFFFFF;
								text-align: center;
								font-size: 13px;
								text-transform: uppercase;
								padding: 12px;
								margin: -7px -7px 10px -7px;
							}
							@media only screen and (max-width: 1023px){
								width: 690px;
							}
						}						
				}
				.hints-area{
					float: right;
					margin: 0px 18px 0 5px;
					font-size: 11px;
					font-style: italic;
						span{
							float: left;
								&.margin{
									margin: 2px 15px 0 2px;
								}
								&.m-zero{
									margin: 2px 0 0 2px;
								}
						}
						.icons{
							background-image: url("../img/summary-sprite.svg");
							height: 20px;
							width: 20px;
								&.xls{
									background-position: -112px -140px;
								}
								&.ppt{
									background-position: -86px -140px;
								}
								&.doc{
									background-position: -58px -140px;
								}
								&.user{
									background-position: -1px -140px;
								}
								&.system{
									background-position: -29px -140px;
								}
						}
				}
			
			
			
				.report-head{
					background: $main-blue;
					padding:10px;
					color: $white;
						.report-head-text{
							width:16.66%;
							float:left;
							text-transform: capitalize;
							text-align: left;
								&:last-child{
									text-align:center;
								}
						}
				}
				.report-list-outer{
					max-height:300px;
					overflow-y:scroll;
					.report-list{
						background: $white;
						padding:10px;
							.report-info-text{
								width:16.66%;
								float:left;
								text-transform: capitalize;
								text-align: left;
								padding:0 10px;
									&:nth-child(1){
										padding:0;
									}
									&:last-child{
										text-align:center;
									}
									a{
										font-size:15px;
										margin: 0 5px;
											&.file{
												color: $main-blue;
											}
											&.edit{
												color: #001eff;
											}
											&.delete{
												color:#ff0000;
											}
									}
							}
							&:nth-child(even){
								background-color:#e0e0e0;
							}
							&.p-set{
								padding:0;
							}
							.no-report-saved{
								background-color: #d53f00 !important;
								color: #FFFFFF;
								text-align: center;
								font-size: 13px;
								text-transform: uppercase;
								padding: 12px;
							}
					}
				}
		}
}