.kjp-invis-buton{
	padding:0px;
	margin:0px;
	border-style:none;
	background-color:transparent;
}

.kjp-popup{
	position:absolute;
	width:100%;
	height:100%;
	z-index:1000;
	transition: background-color 0.1s ease-out;
}

.kjp-popup-bkg{
	z-index:-1;
	background-color:rgba(0,0,0,0.3);
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
}
.kjp-popup-bkg:hover{
	background-color:rgba(0,0,0,0.2);
}

.kjp-click-blocker{
	pointer-events:none;
}

.kjp-hidden{
	display:none !important;
}

.kjp-popup-frame{
	margin:30% auto auto auto;
	min-width:300px;
	border-radius:8px;
	padding:0px;
	background-color:#f1f1f1;
	font-family: Calibri;
	box-shadow:0px 4px 2px rgba(0,0,0,0.25);
	border-style:solid;
	border-width:1px;
	z-index:100;
	pointer-events:auto;
}

.kjp-popup-header,
.kjp-popup-content,
.kjp-popup-footer{
	width:100%;
}
.kjp-popup-header{
	height:38px;
	background-color:lightgray;
	border-radius:8px 8px 0px 0px;
	box-shadow:0px 2px 2px rgba(0,0,0,0.25);
}
.kjp-popup-header > h2{
	color:#646464;
	font-family:calibri;
	line-height:24px !important;
	white-space: nowrap;
	overflow-x:hidden;
	max-width:80%;
	padding:8px !important;
}

.kjp-popup-content{
	min-height:120px;
}
.kjp-popup-content > p{
	padding:15px;
	font-size:18px;
	margin:0px;
	line-height:22px;
}

.kjp-popup-footer{
	height:80px;
	background-color:#e6e6e6;
	border-radius:0px 0px 8px 8px;
	box-shadow:0px -1px 2px rgba(0,0,0,0.25);
}
.kjp-popup-footer > button{
	height:37px !important;
	overflow:hidden;
	margin-top: 4px !important;
	float:left;
}

.kjp-popup-button{
	/* Just for js check. use overlay-btn-"name of overlay" as name of button. For loop per button on load to add on click */
}

.kjp-close{
	border-radius:4px;
	border-color:#943835;
	border-width:1px;
	box-shadow:0px 2px 0px rgba(0,0,0,0.35);
	background-color:#d9534f;
	transition: background-color 0.1s ease-out;
	color:white;
	min-height:28px;
	min-width:28px;
	font-size:20px;
	font-weight:600;
	font-family:calibri;
}
.kjp-close:hover {
	background-color:darkred;
}

.kjp-popup-parent{
	overflow:hidden;
}

.kjp-nice-field{
	height:36px;
	border-width:1px;
	border-color:lightgray;
	border-style:solid;
	border-radius:4px;
	margin:0px;
	padding:0px;
	float:left;
}
.kjp-nice-field > *,
.kjp-nice-field > * > * {
	float:left;
}
.kjp-nice-field > input {
	min-height:30px;
	border-width:0px !important;
	box-shadow: 0px 0px 0px rgba(0,0,0,0) !important;
	font-size:24px;
	padding:0px 2px 4px 2px;
	margin:0px;
}
.kjp-nice-field > img,
.kjp-nice-field > div > img {
    width: 24px;
	height:24px;
	padding:6px;
	overflow: hidden;
}
.kjp-nice-field > select{
	width:49% !important;
	float:right;
	height:105%;
	margin:-1px -1px 0px 0px;
	padding:6px;
	border-radius:4px;
	box-shadow:none;
	border-style:solid;
	border-width:1px;
	border-color:lightgray;
	background-color:lightgray;
	color:#646464;
	font-weight:600;
}