// SUMMARY POPUPs USE ONLY

.dash-indi-tile-preview{
	width: 870px;
		table{
			width: 100%;
			font-weight: normal;
				thead{
					background-color: $main-blue;
						tr{
							th{
								font-size: 12px;
								color: #fff;
								text-transform : uppercase;
								font-weight: normal;
								padding: 2px 3px;
								height: 25px;
									&:nth-of-type(1){
										width: 18px;
									}
									&:nth-of-type(2){
										text-align: left;
									}
									&:nth-of-type(3){
										text-align: right;
									}
									&:nth-of-type(4){
										text-align: center;
										width: 100px;
									}
									&:nth-of-type(5){
										text-align: center;
										width: 90px;
									}
									&:last-child{
										text-align: center;
									}
							}
						}
				}
				tbody{
					tr{
						&:nth-of-type(odd){
							background-color: rgba(241, 241, 241, 0.6);
						}
						&:nth-of-type(even){
							background-color: rgba(224, 224, 224, 0.9);
						}
						&:hover{
							background-color: #B2E0FF;
						}
						td{
							font-size: 12px;
							color: #000;
							font-weight: normal;
							padding: 0 3px;
							height: 25px;
								&.new-entry{
									font-weight: bold;
								}
								&.dis-continue{
									font-style: italic;
								}
								.fa{
									font-size: 25px;
										&.fa-circle{
											font-size: 13px;
										}
										&.green{
											color: #8ebf49;
										}
										&.red{
											color: #d34000;
										}
										&.yellow{
											color: #f2cd13;
										}
								}
								&:nth-of-type(1){
									width: 18px;
									text-align: center;
									background-color: rgba(229, 229, 229, 0.5);
										img{
											width: 11px;
										}
								}
								&:nth-of-type(2){
									text-align: left;
									position: relative;
										p{
											overflow: hidden;
											position: relative;
											text-overflow: ellipsis;
											top: 1px;
											white-space: nowrap;
											width: 100%;
											max-width:450px;
												@media only screen and (max-width: 1023px){
													position: absolute;
												}
										}
								}
								&:nth-of-type(3){
									text-align: right;
								}
								&:nth-of-type(4){
									text-align: center;
									width: 100px;
								}
								&:nth-of-type(5){
									text-align: center;
									width: 90px;
								}
								&:nth-of-type(6){
									text-align: center !important;
									height: 25px;
									width: 100px;
									padding: 0;
								}
								&:nth-of-type(7){
									text-align: right;
									padding-right: 10px;
									color: #fff;
									border-bottom:1px solid #fff;
										&.green{
											background-color: rgba(142, 191, 73, 0.8);
										}
										&.red{
											background-color: rgba(211, 64, 0, 0.8);
										}
										&.yellow{
											background-color: rgba(242, 205, 19, 0.8);
										}
								}
						}
					}
				}
		}
		.chk-loc{
			background-color: #666666;
			font-size: 11px;
			color: #ffffff;
			font-style: italic;
			padding: 5px 10px;
				input[type="checkbox"]{
					margin: 0 5px 0 0;
					float: left;
				}
		}
		.tile-pre-hint-bar{
			margin: 20px 0 0;
			font-size: 11px;
			font-style: italic;
			color: #000;
				.for-hint{
					margin-right: 30px;
					float: left;
				}
				span{
					color: #666666;
					font-style: normal;
						&.icon-set{
							img{
								width: 11px;
							}
						}
				}
		}
		@media only screen and (max-width: 1023px){
			width: 620px;
		}
}

.manage-scheduled-reports{
	width: 500px;
		.report-scheduler{
			margin-bottom: 20px;
				.listing-sch{
					li{
						width: 47.9%;
						float: left;
						font-size: 14px;
						margin: 5px 10px 5px 0;
						padding: 12px 0;
						background-color: #acacac;
						color: #fff;
						cursor: pointer;
						list-style: none;
						text-align: left;
						text-transform: uppercase;
							.mr{
								margin: 0 10px;
							}
							&.active{
								background-color: $main-blue;
							}
					}
				}
		}
		.report-scheduler-bottom{
			margin-bottom: 20px;
				p{
					text-transform: uppercase;
					font-weight: bold;
				}
				select{
					width: 45%;
					margin: 10px 0 0;
				}
				.indi-updator{
					ul{
						li{
							float: left;
							text-align: center;
							margin: 0 2% 0 0;
							width: 28%;
							padding: 20px 0;
							list-style: none;
								a{
									cursor:pointer;
										&.active{
											i{
												color: $main-blue;
											}
										}
									i{
										font-size: 30px;
									}
								}
						}
					}
				}
				.weekly-rounds{
					padding: 10px 0;
					ul{
						li{
							background-color: #acacac;
							border-radius: 50%;
							float: left;
							font-weight: bold;
							margin: 0 15px 0 0;
							padding: 8px;
							text-align: center;
							width: 30px;
							cursor: pointer;
							list-style: none;
								&.active{
									background-color: $main-blue;
								}
						}
					}
				}
		}
}

.summary-report-edit{
	width: 1250px;
		.pop-cross{
			position: absolute;
			padding: 4px 0 6px;
			right: 0;
			background-color: #a9aaaa;
			width: 35px;
			text-align: center;
			color: #fff;
			font-size: 25px;
			transition: 0.3s ease 0s;
			-moz-transition: 0.3s ease 0s;
			-webkit-transition: 0.3s ease 0s;
			top: 0;
			font-weight: normal;
			z-index: 10000;
				&:hover{
					background-color: #666766;
					cursor: pointer;
				}
		}
		.edit-report-complete{
			.result-left{
				float: left;
				width: 600px;
				background: #efefef;
				padding: 10px 10px 0 10px;
				min-height: 625px;
					.search-form-area{
						margin: 0;
							.search-text{
								font-size: 12px;
							}
							.for-search{
								position: relative;
								width: 100%;
								input[type="text"]{
									color: #666666;
									font-size: 11px;
									font-style: italic;
									padding: 7px 9px;
									margin: 5px 0 7px;
									width: 100%;
								}
								.search-icon{
									background-color: #2881c1;
									background-image: url("../img/sprite.svg");
									background-position: -137px -65px;
									cursor: pointer;
									height: 26px;
									position: absolute;
									right: 1px;
									top: 6px;
									width: 20px;									
								}
								@-moz-document url-prefix() {
									.search-icon{
										height: 28px;
									}
								}
							}
							.search-in{
								line-height: 16px;
								.search-t{
									float: left;
									width: 50px;
								}
								.search-type{
									float: left;
									width: 530px;
										.one-bar{
											width: 100%;
											margin-bottom: 8px;
											float: left;
										}
								}
								span{
									margin: 0 0 0 5px;
									float: left;
									font-size: 11px;
										&.m0{
											margin: 0;
										}
										input[type="radio"]{
											float: left;
											margin-right: 2px;
											position: relative;
											top: 2px;
										}
										select{
											font-size: 11px;
											color: #000;
											width: 257px;
										}
								}
							}
					}
					.filter-out{
						float: left;
						width: 580px;
							h3{
								float: left;
								margin-top: 30px;
								font-size: 18px;
								text-transform: uppercase;
								color: #000;
								font-weight: normal;
							}
							.add-btn-set{
								float: right;
							}
						&.no-action{
							margin-left: 50px;
						}
						.results-table-area{
							width: 100%;
							margin: 5px 0 0;
								table{
									width: 100%;
										tr{
											width: 100%;
											float: left;
										}
										thead{
											background-color: #318ccb;
											text-transform: uppercase;
											width: 100%;
											color: $white;
												input[type="checkbox"]{
													float: left;
												}
											tr{
												th{
													padding: 5px;
														&:nth-of-type(1){
															width: 15px;
														}
														&:nth-of-type(2){
															width: 20px;
														}
														&:nth-of-type(3){
															width: 25px;
														}
														&:nth-of-type(4){
															width: 22px;
														}
														&:nth-of-type(5){
															text-align: left;
															width: 330px;
																&:hover{
																	cursor: pointer;
																}
														}
														&:last-child{
															text-align: right;
															padding-right: 14px;
															width: 150px;
																&:hover{
																	cursor: pointer;
																}
																@media only screen and (max-width:1280px){
																	position: absolute;
																	padding-right: 10px;
																	right: 0;
																	top: 0;
																}
																&.headerSortDown{
																	cursor: pointer;
																	padding-right: 14px;
																	padding-left: 0;
																	background-repeat: no-repeat;
																	background-image: url(../img/icon-sort-desc-b.png);
																	background-position: right 5px;
																}
																&.headerSortUp{
																	cursor: pointer;
																	padding-right: 14px;
																	padding-left: 0;
																	background-repeat: no-repeat;
																	background-image: url(../img/icon-sort-asc-b.png);
																	background-position: right 5px;
																}
														}
														&.headerSortDown{
															cursor: pointer;
															padding-left: 14px;
															background-repeat: no-repeat;
															background-image: url(../img/icon-sort-desc-b.png);
															background-position: left 5px;
														}
														&.headerSortUp{
															cursor: pointer;
															padding-left: 14px;
															background-repeat: no-repeat;
															background-image: url(../img/icon-sort-asc-b.png);
															background-position: left 5px;
														}
												}
											}
											@media only screen and (max-width:1280px){
												position: relative;
											}
										}
										tbody{
											max-height: 420px;
											overflow-y: scroll;
											float: left;
											width: 100%;
											min-height: 16px;
											tr{
												&:nth-of-type(even){
													background: rgba(223, 223, 223, 0.6);
												}
												&:hover{
													background: #B2E0FF;
													cursor: pointer;
												}
												td{
													padding: 5px;
														&.no-record {
															background-color: #d53f00 !important;
															color: #FFFFFF;
															text-align: center !important;
															font-size: 13px;
															text-transform: uppercase;
															padding: 10px 0 !important;
															width: 565px !important;
																@media only screen and (max-width:990px){
																	width: 620px !important;
																}
														}
														&.new-entry{
															font-weight: bold;
														}
														&:nth-of-type(1){
															width: 15px;
															padding: 0px;
																span{
																	background-color: #aaaaaa;
																	color: #fff;
																	padding: 8px 3px;
																	font-size: 8px;
																	border-right: 1px solid #ccc;
																	display: inline-block;
																	cursor: pointer;
																	border-bottom: 1px solid #ccc;
																		&:hover{
																			background-color: #949393;
																		}
																}
														}
														&:nth-of-type(2){
															width: 20px;
														}
														&:nth-of-type(3){
															background: #62a8d5;
																@media only screen and (max-width:1280px){
																	width: 25px;
																}
														}
														&:nth-of-type(4){
															background: rgba(227, 227, 227, 0.6);
															width: 21px;
														}
														&:nth-of-type(5){
															width: 330px;
															max-width: 330px;
															text-overflow: ellipsis;
															overflow: hidden;
															white-space: nowrap;
															position: relative;
																p{
																	@media only screen and (max-width: 1023px){
																		overflow: hidden;
																		position: absolute;
																		text-overflow: ellipsis;
																		top: 3px;
																		white-space: nowrap;
																		width: 100%;
																	}															
																}
																@media only screen and (max-width: 1023px){
																	max-width: 220px;
																	width: 220px;															
																}
														}
														&:nth-of-type(6){
															width: 150px;
															max-width: 150px;
															text-overflow: ellipsis;
															overflow: hidden;
															white-space: nowrap;
															position: relative;
																p{
																	@media only screen and (max-width: 1023px){
																		overflow: hidden;
																		position: absolute;
																		text-overflow: ellipsis;
																		top: 3px;
																		white-space: nowrap;
																		width: 94%;
																	}															
																}
														}
													span{
														&.info-white {
															background-image: url("../img/sprite.svg");
															background-repeat: no-repeat;
															background-position: -139px -23px;
															height: 16px;
															width: 16px;
															display: block;
														}
													}
													&.icon-seasonal{ 
														img {
															width: 11px;
															display: block;
														}
													}
													&:last-child{
														text-align: right;
													}
												}
											}
											input[type="checkbox"]{
												float: left;
											}
										}										
								}
						}
						.hint-give{
							background-color: #8f8f8f;
							font-size: 11px;
							color: #fff;
							font-style: italic;
							padding: 10px;
								span{
									font-weight: bold;
									font-style: normal;
								}
						}
						.btn{
							@media only screen and (max-width: 1023px){
								width: 200px;
								font-size: 11px;
							}
						}
						@media only screen and (max-width: 1023px){
							width: 365px;
						}
					}
			}
			.ind-right{
				float: right;
				width: 600px;
					.report-title-area{
						font-size: 12px;
						padding-top: 10px;
						text-transform: initial;
							input[type="text"]{
								font-size: 18px;
								color: #666666;
								font-weight: normal;
								width: 100%;
								margin: 5px 0 7px;
								padding: 3px 9px;
								height: 28px;
							}
					}
					.indi-location-area{
						.indi-menu{
							float: right;
							margin: 0px 0 14px 0;
								ul{
									margin: 0;
									padding: 0;
										li{
											float: left;
											list-style: none;
											border-right: 1px solid #000;
											padding: 0 5px 0 5px;
												&:last-child{
													border-right: 0;
													padding: 0 0 0 5px;
												}
												a{
													font-size: 12px;
													color: #000;
													text-transform: uppercase;
													font-style: italic;
														&:hover{
															color: $main-blue;
														}
														&.active{
															text-decoration: underline;
															color: $main-blue;
															font-weight: bold;
														}
												}
										}
								}
						}
						.added-indis-table{
							position: relative;
							table{
								width: 100%;
									tr{
										width: 100%;
										float: left;
									}
									thead{
										background-color: #318ccb;
										text-transform: uppercase;
										color: $white;
										width: 100%;
											input[type="checkbox"]{
												float: left;
											}
										tr{
											width: 100%;
											th{
												padding: 5px;
													&:nth-of-type(1){
														width: 31px;
															@media only screen and (max-width: 1023px){
																width: 36px
															}
													}
													&:nth-of-type(2){
														width: 23px;
													}
													&:nth-of-type(3){
														width: 21px;
													}
													&:nth-of-type(4){
														width: 24px;
													}
													&:nth-of-type(5){
														width: 330px;
														text-align: left;
															&:hover{
																cursor: pointer;
															}
													}
													&:last-child{
														text-align: right;
														padding-right: 14px;
														width: 150px;
															&:hover{
																cursor: pointer;
															}
															@media only screen and (max-width:1280px){
																position: absolute;
																padding-right: 10px;
																right: 0;
																top: 0;
															}
															&.headerSortDown{
																cursor: pointer;
																padding-right: 14px;
																padding-left: 0;
																background-repeat: no-repeat;
																background-image: url(../img/icon-sort-desc-b.png);
																background-position: right 5px;
															}
															&.headerSortUp{
																cursor: pointer;
																padding-right: 14px;
																padding-left: 0;
																background-repeat: no-repeat;
																background-image: url(../img/icon-sort-asc-b.png);
																background-position: right 5px;
															}
													}
													&.headerSortDown{
														cursor: pointer;
														padding-left: 14px;
														background-repeat: no-repeat;
														background-image: url(../img/icon-sort-desc-b.png);
														background-position: left 5px;
													}
													&.headerSortUp{
														cursor: pointer;
														padding-left: 14px;
														background-repeat: no-repeat;
														background-image: url(../img/icon-sort-asc-b.png);
														background-position: left 5px;
													}
											}
										}
									}
									tbody{
										float: left;
										width: 100%;
										max-height: 462px;
										overflow-y: scroll;
										tr{
											&:nth-of-type(even){
												background: rgba(223, 223, 223, 0.6);
											}
											&:nth-of-type(odd){
												background: rgba(241, 241, 241, 0.6);
											}
											&:hover{
												background: #B2E0FF;
												cursor: pointer;
											}
											td{
												padding: 5px;
													&.no-record {
														background-color: #d53f00 !important;
														color: #FFFFFF;
														text-align: center !important;
														font-size: 13px;
														text-transform: uppercase;
														padding: 10px 0 !important;
														width: 600px !important;
															@media only screen and (max-width:990px){
																width: 718px !important;
															}
													}
													&:nth-of-type(1){
														padding: 0;
														width: 32px;
															span{
																background-color: #aaaaaa;
																color: #fff;
																padding: 8px 3px;
																font-size: 8px;
																border-right: 1px solid #ccc;
																display: inline-block;
																cursor:pointer;
																border-bottom: 1px solid #ccc;
																	&:hover{
																		background-color: #949393;
																	}
															}
															@media only screen and (max-width: 1023px){
																width: 36px;
															}
													}
													&:nth-of-type(2){
														width: 20px;
															&.fill-color{
																background-color: #aaaaaa;
															}
													}
													&:nth-of-type(3){
														background: rgba(227, 227, 227, 0.6);
														width: 21px;
													}
													&:nth-of-type(4){
														padding: 0;
														width: 24px;
														> span {
															background-image: url("../img/sprite.svg");
															background-repeat: no-repeat;
															text-align: center;
															width: 24px;
															height: 25px;
															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;
															  }
														  }
													}
													&:nth-of-type(5){
														width: 330px;
														max-width: 330px;
														white-space: nowrap;
														text-overflow: ellipsis;
														overflow: hidden;
															@media only screen and (max-width: 1023px){
																max-width: 555px;
																width: 550px;
															}
													}
													&:nth-of-type(6){
														width: 150px;
														max-width: 150px;
														white-space: nowrap;
														text-overflow: ellipsis;
														overflow: hidden;
													}
												&.icon-seasonal{ 
													img {
														width: 11px;
														display: block;
													}
												}
												&:last-child{
													text-align: right;
												}
											}
										}
										input[type="checkbox"]{
											float: left;
										}
									}
							}
						}			
					}
					.report-option {
						margin: 0 0 31px;
							.report-text {
								float: left;
								line-height: 16px;
								font-size: 11px;
							}
							select {
								float: left;
								margin-left: 15px;
								font-size: 11px;
								color: #000;
								padding: 0;
								width: 200px;
							}
							label{
								font-weight: bold;
								margin-left: 5px;
								line-height: 18px;
							}
					}
			}			
			.most-bottom-btn{
				margin-top: 10px;
					.btn{				
						&.orange-btn{
							background: rgba(211, 64, 0, 0.8);
							transition: 0.3s ease 0s;
							-moz-transition: 0.3s ease 0s;
							-webkit-transition: 0.3s ease 0s;
							width: 265px;
								&:hover{
								  background: rgba(211, 64, 0, 1);
								}
								@media only screen and (max-width: 1023px){
									width: 200px;
									font-size: 11px;
								}
						}
						.btn-margin{
							margin: 0 15px;
						}
						@media only screen and (max-width: 1023px){
							width: 200px;
							font-size: 11px;
						}
					}
			}
		}
		@media only screen and (max-width: 1023px){
			width: 700px;
		}
}



/* Edit Presentation */
.cpw{
	.include-option{
		.filter-area{
			.filter-elements{
				width: 180px;
					&.keyword{
						width: 310px;
					}
					&.apply-btn{
						float: right;
						margin-right: 0;
						width: 130px;
							.btn{
								height: 27px;
								margin-top: 19px;
							}
					}
			}
		}
	}
}

/* POPUP RESPONSIVE */

@media only screen and (max-width: 1023px){
	.edit-indi-info{
		width: 620px;
			.edit-indi-left{
				width: 100%;
				float: none;
				margin-bottom: 20px;
					.info-sec{
						width: 49%;
						padding: 5px;
						margin-bottom: 10px;
						float: left;
					}
			}
			.edit-indi-right{
				float: none;
			}
	}	
}