#jAlertBack {
	background: black;
	background: rgba(0, 0, 0, .75);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 99998;
	display: none;
}

.jAlertWrap {
	position: fixed;
	/* zamiast absolute */
	display: flex;
	/* centrowanie */
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.jAlert {
	width: 600px;
	min-height: 140px;
	max-height: 300px;
	text-align: center;
	background: url(../images/popContent.jpg) repeat scroll 0 0 rgba(0, 0, 0, 0);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: none;
	cursor: auto;
	position: relative;
	/* zamiast fixed/top */
	top: auto;
	margin: 0 auto;
	z-index: 10;
	box-shadow: 3px 3px 15px #000, -3px -3px 15px #000;
}

.jAlert > div {
	position: relative;
	min-height: 240px;
}

.jAlert.sm {
	width: 300px;
}

.jAlert.md {
	width: 500px;
}

.jAlert.lg {
	width: 800px;
}

.jAlert.full {
	width: 100%;
}

.jAlert.noTitle {
	border: 2px solid #555;
}

.jTitle {
	height: 80px;
	background: url(/assets/images/popTitle.png) repeat scroll 0 0 rgba(0, 0, 0, 0);
	font-family: mcgreg;
	font-size: 18px;
	color: #e0c289;
	text-align: center;
	text-transform: uppercase;
	border-radius: 10px;
}

.jTitle > div {
	font-size: 18px;
	font-weight: bold;
	padding: 10px 20px 10px 20px;
}

.jContent {
	padding: 20px;
	-moz-user-select: text;
	-khtml-user-select: text;
	-webkit-user-select: text;
	-o-user-select: text;
	color: #e0c289;
}

.jAlert .jTitle::before {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
}

/* Typ: informacja */
.jInfo .jTitle::before {
	content: 'ℹ️';
}

/* Typ: sukces */
.jSuccess .jTitle::before {
	content: '✅';
}

/* Typ: błąd */
.jError .jTitle::before {
	content: '❌';
}

/* Typ: ostrzeżenie */
.jWarning .jTitle::before {
	content: '⚠️';
}

/* Typ: ciemny (neutralny komunikat) */
.jDark .jTitle::before {
	content: '💬';
}

/* TREŚĆ ALERTU */
.jAlert .jMessage {
	padding: 10px 20px;
	font-size: 15px;
	line-height: 1.5;
	color: #e0c289;
	/* 🔹 ten sam kolor tekstu */
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

.jBtnWrap {
	text-align: center !important;
	margin-top: 10px;
}

.jBtn,
.jBtn:hover,
.jBtn:active,
.jBtn:visited {
	color: white;
	text-decoration: none !important;
	padding: 5px 10px 5px 10px;
	border-radius: 5px;
	display: inline-block;
	margin: 0px;
	margin-bottom: 5px;
	font-size: 16px;
	text-shadow: 0px 0px 2px rgb(0, 0, 0) !important;
}

@media screen and (max-width: 350px) {
	.jBtn {
		width: 100%;
		display: block;
	}
}

.jBtn {
	background: #c6c2c2;
	background: -moz-linear-gradient(top, #c6c2c2 0%, #939090 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c6c2c2), color-stop(100%, #939090));
	background: -webkit-linear-gradient(top, #c6c2c2 0%, #939090 100%);
	background: -o-linear-gradient(top, #c6c2c2 0%, #939090 100%);
	background: -ms-linear-gradient(top, #c6c2c2 0%, #939090 100%);
	background: linear-gradient(to bottom, #c6c2c2 0%, #939090 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6c2c2', endColorstr='#939090', GradientType=0);
	border: 1px solid #A09A9A !important;
}

.jBtn:hover {
	background: #d6d1d1;
	background: -moz-linear-gradient(top, #d6d1d1 0%, #939090 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6d1d1), color-stop(100%, #939090));
	background: -webkit-linear-gradient(top, #d6d1d1 0%, #939090 100%);
	background: -o-linear-gradient(top, #d6d1d1 0%, #939090 100%);
	background: -ms-linear-gradient(top, #d6d1d1 0%, #939090 100%);
	background: linear-gradient(to bottom, #d6d1d1 0%, #939090 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d1d1', endColorstr='#939090', GradientType=0);
}

.jBtn:active {
	background: #939090;
	background: -moz-linear-gradient(top, #939090 0%, #c6c2c2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #939090), color-stop(100%, #c6c2c2));
	background: -webkit-linear-gradient(top, #939090 0%, #c6c2c2 100%);
	background: -o-linear-gradient(top, #939090 0%, #c6c2c2 100%);
	background: -ms-linear-gradient(top, #939090 0%, #c6c2c2 100%);
	background: linear-gradient(to bottom, #939090 0%, #c6c2c2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#939090', endColorstr='#c6c2c2', GradientType=0);
}

.jBtn.blue {
	background: #0583ce;
	background: -moz-linear-gradient(top, #0583ce 0%, #1e5799 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0583ce), color-stop(100%, #1e5799));
	background: -webkit-linear-gradient(top, #0583ce 0%, #1e5799 100%);
	background: -o-linear-gradient(top, #0583ce 0%, #1e5799 100%);
	background: -ms-linear-gradient(top, #0583ce 0%, #1e5799 100%);
	background: linear-gradient(to bottom, #0583ce 0%, #1e5799 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0583ce', endColorstr='#1e5799', GradientType=0);
	border: 1px solid #153F88 !important;
}

.jBtn.blue:hover {
	background: #479bcc;
	background: -moz-linear-gradient(top, #479bcc 0%, #1e5799 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #479bcc), color-stop(100%, #1e5799));
	background: -webkit-linear-gradient(top, #479bcc 0%, #1e5799 100%);
	background: -o-linear-gradient(top, #479bcc 0%, #1e5799 100%);
	background: -ms-linear-gradient(top, #479bcc 0%, #1e5799 100%);
	background: linear-gradient(to bottom, #479bcc 0%, #1e5799 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#479bcc', endColorstr='#1e5799', GradientType=0);
}

.jBtn.blue:active {
	background: #1e5799;
	background: -moz-linear-gradient(top, #1e5799 0%, #0583ce 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(100%, #0583ce));
	background: -webkit-linear-gradient(top, #1e5799 0%, #0583ce 100%);
	background: -o-linear-gradient(top, #1e5799 0%, #0583ce 100%);
	background: -ms-linear-gradient(top, #1e5799 0%, #0583ce 100%);
	background: linear-gradient(to bottom, #1e5799 0%, #0583ce 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#0583ce', GradientType=0);
}

.jBtn.green {
	background: #079b00;
	background: -moz-linear-gradient(top, #079b00 0%, #015e00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #079b00), color-stop(100%, #015e00));
	background: -webkit-linear-gradient(top, #079b00 0%, #015e00 100%);
	background: -o-linear-gradient(top, #079b00 0%, #015e00 100%);
	background: -ms-linear-gradient(top, #079b00 0%, #015e00 100%);
	background: linear-gradient(to bottom, #079b00 0%, #015e00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#079b00', endColorstr='#015e00', GradientType=0);
	border: 1px solid #015e00 !important;
}

.jBtn.green:hover {
	background: #28ad00;
	background: -moz-linear-gradient(top, #28ad00 0%, #015e00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #28ad00), color-stop(100%, #015e00));
	background: -webkit-linear-gradient(top, #28ad00 0%, #015e00 100%);
	background: -o-linear-gradient(top, #28ad00 0%, #015e00 100%);
	background: -ms-linear-gradient(top, #28ad00 0%, #015e00 100%);
	background: linear-gradient(to bottom, #28ad00 0%, #015e00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#28ad00', endColorstr='#015e00', GradientType=0);
}

.jBtn.green:active {
	background: #015e00;
	background: -moz-linear-gradient(top, #015e00 0%, #079b00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #015e00), color-stop(100%, #079b00));
	background: -webkit-linear-gradient(top, #015e00 0%, #079b00 100%);
	background: -o-linear-gradient(top, #015e00 0%, #079b00 100%);
	background: -ms-linear-gradient(top, #015e00 0%, #079b00 100%);
	background: linear-gradient(to bottom, #015e00 0%, #079b00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#015e00', endColorstr='#079b00', GradientType=0);
}

.jBtn.red {
	background: #af2222;
	background: -moz-linear-gradient(top, #af2222 0%, #821c14 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #af2222), color-stop(100%, #821c14));
	background: -webkit-linear-gradient(top, #af2222 0%, #821c14 100%);
	background: -o-linear-gradient(top, #af2222 0%, #821c14 100%);
	background: -ms-linear-gradient(top, #af2222 0%, #821c14 100%);
	background: linear-gradient(to bottom, #af2222 0%, #821c14 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#af2222', endColorstr='#821c14', GradientType=0);
	border: 1px solid #821c14 !important;
}

.jBtn.red:hover {
	background: #d6362a;
	background: -moz-linear-gradient(top, #d6362a 0%, #821c14 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6362a), color-stop(100%, #821c14));
	background: -webkit-linear-gradient(top, #d6362a 0%, #821c14 100%);
	background: -o-linear-gradient(top, #d6362a 0%, #821c14 100%);
	background: -ms-linear-gradient(top, #d6362a 0%, #821c14 100%);
	background: linear-gradient(to bottom, #d6362a 0%, #821c14 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6362a', endColorstr='#821c14', GradientType=0);
}

.jBtn.red:active {
	background: #821c14;
	background: -moz-linear-gradient(top, #821c14 0%, #af2222 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #821c14), color-stop(100%, #af2222));
	background: -webkit-linear-gradient(top, #821c14 0%, #af2222 100%);
	background: -o-linear-gradient(top, #821c14 0%, #af2222 100%);
	background: -ms-linear-gradient(top, #821c14 0%, #af2222 100%);
	background: linear-gradient(to bottom, #821c14 0%, #af2222 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#821c14', endColorstr='#af2222', GradientType=0);
}

.jClose {
	position: absolute;
	top: 9px;
	right: 5px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(../images/sprite1.png) 0px -206px no-repeat;
}