// Popup In Popup Style

.popup-in-popup-overlay{
	background-color: #000000;
	opacity: 0.9;
	position: fixed;
	height: 100%;
	top: 20px;
	left: 0;
	width: 100%;
	z-index: 20;
}
.popup-in-popup{
	position: absolute;
	z-index: 21;
	color: #fff;
	top: 50%;
	left: 50%;
		&.report-date-popup{
			width: 500px;
			margin-left: -250px;
			margin-top: -103px;
		}
		&.pdf-viewer-popup{
			width: 1136px;
			margin-left: -568px;
			margin-top: -370px;
				.pdf-put{
					.embed{
						height: 630px !important;
					}
				}
		}
		.head-bar{
			background-color: $main-blue;
			padding: 5px 10px;
			font-size: 12px;
			color: $black;
			height: 50px;
				.pop-title{
					color: $white;
					font-size: 16px;
					text-transform: uppercase;
					line-height: 40px;
				}
				.custom-cross{
					position: absolute;
					top: 0;
					right: 0;
					background: #a9aaaa;
					height: 50px;
					font-size: 25px;
					width: 34px;
					text-align: center;
					color: #fff;
					padding: 11px 0;
						&:hover{
							background-color: #666766;
						}
				}
		}
		.white-body{
			background-color: $white;
			padding: 10px;
			color: $black;
			font-size: 12px;
			position: relative;
				.body-title{
					font-size: 16px;
					color: #000000;
					text-transform: uppercase;
					padding: 10px 0 20px
				}
				.select-area{
					padding: 15px 0;
						&.mb40{
							margin-bottom: 40px;
						}
						label{
							float: left;
							margin-top: 6px;
							font-size: 11px;
						}
						select{
							float: left;
							margin-left: 15px;
							width: 30%;
							height: 17px;
							font-size: 11px;
							height: 24px;
								option{
									font-size: 12px;
										&:nth-of-type(even) {
											background-color: #ddd;
										}
								}
						}
						input[type="text"]{
							float: left;
							margin-left: 15px;
							width: 30%;
							height: 17px;
							font-size: 11px;
							height: 24px;
							color: #666666;
							padding: 6px 9px;;
							font-style: italic;
						}
				}
				.btn{
					font-size: 14px;
					color: #FFFFFF;
					border: none;
					width: 215px;
					text-transform: uppercase;
					height: 42px;
					cursor: pointer;
					position:relative;
					font-family: Arial,Helvetica,sans-serif;
						&.fr{
							float: right;
						}
						&.fl{
							float: left;
						}
						&.btn-right-margin{
							margin-right: 15px;
						}
						&.blue-btn{
							background: $main-blue;
							transition:0.3s ease 0s;
							-moz-transition:0.3s ease 0s;
							-webkit-transition:0.3s ease 0s;
								&:hover{
									background: #1b78b9;
								}
						}
						&.gray-btn{
							background: #aaaaaa;
							transition:0.3s ease 0s;
							-moz-transition:0.3s ease 0s;
							-webkit-transition:0.3s ease 0s;
								&:hover{
									background: #949393;
								}
						}
				}
		}
		
}