:root {
	--qrk-debug-default-outline-width: 6px;
	--qrk-debug-default-heavy-outline-width: 12px;

	--qrk-debug-default-border-width: 6px;
	--qrk-debug-default-heavy-border-width: 12px;

	/* #0fc5a7 */
}

/*
.qrk-alert-wrap.qrk-alert-severity-alert 	.qrk-alert-inner { background: #6b9adb; }
.qrk-alert-wrap.qrk-alert-severity-warning 	.qrk-alert-inner { background: #dbad6b; }
.qrk-alert-wrap.qrk-alert-severity-warning 	.qrk-alert-inner { background: #dbbd6b; }
.qrk-alert-wrap.qrk-alert-severity-warning 	.qrk-alert-inner { background: #c1c100; }
.qrk-alert-wrap.qrk-alert-severity-warning 	.qrk-alert-inner { background: #c7c707; }
.qrk-alert-wrap.qrk-alert-severity-warning 	.qrk-alert-inner { background: #c7c70d; }
.qrk-alert-wrap.qrk-alert-severity-warning 	.qrk-alert-inner { background: #eec819; }
.qrk-alert-wrap.qrk-alert-severity-warning 	.qrk-alert-inner { background: #f4c63d; }
.qrk-alert-wrap.qrk-alert-severity-warning 	.qrk-alert-inner { background: #e8c252; }


*/

body .qrk-debug {
	display: none !important;
	opacity: 0 !important;
}

body.qrk-debug .qrk-debug {
	display: inherit !important;
	opacity: inherit !important;
}

body.qrk-debug form {
	outline: 8px dashed #666;
	position: relative;
}

body.qrk-debug form::before {
	content: "FORM";
	color: #999;
	background: #00000020;
	font-weight: 800;
	width: calc(100% - 15px);
	display: block;
	padding-right: 15px;
	font-size: 16px;
	position: absolute;
	z-index: 1;
	text-align: right;
}


body.qrk-debug .qrk-debug-outline 			{ outline: var(--qrk-debug-default-outline-width) solid #36ffc2 !important; }
body.qrk-debug .qrk-debug-outline-black 	{ outline: var(--qrk-debug-default-outline-width) solid #000 !important; }
body.qrk-debug .qrk-debug-outline-white 	{ outline: var(--qrk-debug-default-outline-width) solid #fff !important; }
body.qrk-debug .qrk-debug-outline-gray	 	{ outline: var(--qrk-debug-default-outline-width) solid #666 !important; }
body.qrk-debug .qrk-debug-outline-grey	 	{ outline: var(--qrk-debug-default-outline-width) solid #666 !important; }
body.qrk-debug .qrk-debug-outline-red 		{ outline: var(--qrk-debug-default-outline-width) solid #f00 !important; }
body.qrk-debug .qrk-debug-outline-green 	{ outline: var(--qrk-debug-default-outline-width) solid #0f0 !important; }
body.qrk-debug .qrk-debug-outline-blue 		{ outline: var(--qrk-debug-default-outline-width) solid #00f !important; }
body.qrk-debug .qrk-debug-outline-yellow 	{ outline: var(--qrk-debug-default-outline-width) solid #ff0 !important; }
body.qrk-debug .qrk-debug-outline-cyan 		{ outline: var(--qrk-debug-default-outline-width) solid #0ff !important; }
body.qrk-debug .qrk-debug-outline-magenta 	{ outline: var(--qrk-debug-default-outline-width) solid #f0f !important; }

body.qrk-debug .qrk-debug-outline.qrk-debug-heavy,
body.qrk-debug .qrk-debug-outline-black.qrk-debug-heavy,
body.qrk-debug .qrk-debug-outline-white.qrk-debug-heavy,
body.qrk-debug .qrk-debug-outline-gray.qrk-debug-heavy,
body.qrk-debug .qrk-debug-outline-grey.qrk-debug-heavy,
body.qrk-debug .qrk-debug-outline-red.qrk-debug-heavy,
body.qrk-debug .qrk-debug-outline-green.qrk-debug-heavy,
body.qrk-debug .qrk-debug-outline-blue.qrk-debug-heavy,
body.qrk-debug .qrk-debug-outline-yellow.qrk-debug-heavy,
body.qrk-debug .qrk-debug-outline-cyan.qrk-debug-heavy,
body.qrk-debug .qrk-debug-outline-magenta.qrk-debug-heavy {
	outline-width: var(--qrk-debug-default-heavy-outline-width);
}

body.qrk-debug .qrk-debug-border 			{ border: var(--qrk-debug-default-border-width) solid #36ffc2 !important; margin:5px;}
body.qrk-debug .qrk-debug-border-black 		{ border: var(--qrk-debug-default-border-width) solid #000 !important; margin:5px;}
body.qrk-debug .qrk-debug-border-white 		{ border: var(--qrk-debug-default-border-width) solid #fff !important; margin:5px;}
body.qrk-debug .qrk-debug-border-gray	 	{ border: var(--qrk-debug-default-border-width) solid #666 !important; margin:5px;}
body.qrk-debug .qrk-debug-border-grey	 	{ border: var(--qrk-debug-default-border-width) solid #666 !important; margin:5px;}
body.qrk-debug .qrk-debug-border-red 		{ border: var(--qrk-debug-default-border-width) solid #f00 !important; margin:5px;}
body.qrk-debug .qrk-debug-border-green 		{ border: var(--qrk-debug-default-border-width) solid #0f0 !important; margin:5px;}
body.qrk-debug .qrk-debug-border-blue 		{ border: var(--qrk-debug-default-border-width) solid #00f !important; margin:5px;}
body.qrk-debug .qrk-debug-border-yellow 	{ border: var(--qrk-debug-default-border-width) solid #ff0 !important; margin:5px;}
body.qrk-debug .qrk-debug-border-cyan 		{ border: var(--qrk-debug-default-border-width) solid #0ff !important; margin:5px;}
body.qrk-debug .qrk-debug-border-magenta 	{ border: var(--qrk-debug-default-border-width) solid #f0f !important; margin:5px;}

body.qrk-debug .qrk-debug-border.qrk-debug-heavy,
body.qrk-debug .qrk-debug-border-black.qrk-debug-heavy,
body.qrk-debug .qrk-debug-border-white.qrk-debug-heavy,
body.qrk-debug .qrk-debug-border-gray.qrk-debug-heavy,
body.qrk-debug .qrk-debug-border-grey.qrk-debug-heavy,
body.qrk-debug .qrk-debug-border-red.qrk-debug-heavy,
body.qrk-debug .qrk-debug-border-green.qrk-debug-heavy,
body.qrk-debug .qrk-debug-border-blue.qrk-debug-heavy,
body.qrk-debug .qrk-debug-border-yellow.qrk-debug-heavy,
body.qrk-debug .qrk-debug-border-cyan.qrk-debug-heavy,
body.qrk-debug .qrk-debug-border-magenta.qrk-debug-heavy {
	border-width: var(--qrk-debug-default-heavy-border-width) !important;
}



/**************************************************************************************************/
/*!		START BUSY ANIMATION	*/
/**************************************************************************************************/
/* busy spinner animation */
@keyframes spinner-chase {
	to {
		transform: rotate(360deg);
	}
}

.spinner-chase {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	vertical-align: -.125em;
	border: .25em solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	-webkit-animation: .75s linear infinite spinner-chase;
	animation: .75s linear infinite spinner-chase;
}

.spinner-chase-sm {
	width: 1rem;
	height: 1rem;
	border-width: .2em;
}

@keyframes spinner-grow {
	0% {
		transform: scale(0);
	}

	50% {
		opacity: 1;
		transform: none;
	}

	100% {
		opacity: 0;
	}
}

.spinner-grow {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	vertical-align: -.125em;
	background-color: currentColor;
	border-radius: 50%;
	opacity: 0;
	-webkit-animation: .75s linear infinite spinner-grow;
	animation: .75s linear infinite spinner-grow;
}

.spinner-grow-sm {
	width: 1rem;
	height: 1rem;
}



@keyframes spinner-grow-alternating-color {
	0% {
		opacity: 0;
		transform: scale(0);
		background-color: var(--first-color);
	}

	50% {
		opacity: 1;
		transform: none;
		background-color: var(--first-color);
	}
	100% {
		opacity: 1;
		transform: none;
		background-color: transparent;
	}
}

@keyframes spinner-grow-alternating-color-helper-1 {
	0% {
		opacity: 0;
		transform: scale(0);
		background-color: var(--first-color);
	}

	25% {
		opacity: 1;
		transform: none;
		background-color: var(--first-color);
	}
	50% {
		opacity: 1;
		transform: none;
		background-color: transparent;
	}
	100% {
		opacity: 1;
		transform: none;
		background-color: transparent;
	}
}
@keyframes spinner-grow-alternating-color-helper-2 {
	0% {
		opacity: 0;
		transform: scale(0);
		background-color: var(--second-color);
	}

	25% {
		opacity: 1;
		transform: none;
		background-color: var(--second-color);
	}
	50% {
		opacity: 1;
		transform: none;
		background-color: transparent;
	}
	100% {
		opacity: 1;
		transform: none;
		background-color: transparent;
	}
}

.spinner-grow-alternating-color {
	position: relative;
	display: inline-block;
	width: 2rem;
	height: 2rem;
	vertical-align: -.125em;
	color: transparent;
	background-color: transparent;
	border-radius: 100%;
	opacity: 1;
	animation: .75s linear 1 forwards spinner-grow-alternating-color;
}

.spinner-grow-alternating-color::before,
.spinner-grow-alternating-color::after {
	transform: scale(0);
	content: "";
	position: absolute;
	display: inline-block;
	vertical-align: -.125em;
	border-radius: 100%;
	inset: 0;
	border-radius: 100%;
	opacity: 1;
	height: 100%;
	width: 100%;
	opacity: 0;

}

.spinner-grow-alternating-color::before {
	color: transparent;
	background-color: var(--second-color, #a142f4);
	animation: 1.5s linear .75s infinite forwards spinner-grow-alternating-color-helper-2;
}

.spinner-grow-alternating-color::after {
	color: transparent;
	background-color: var(--first-color, #0a947d);
	animation: 1.5s linear 1.5s infinite forwards spinner-grow-alternating-color-helper-1;
}

.spinner-grow-alternating-color-sm {
	width: 1rem;
	height: 1rem;
}

/**************************************************************************************************/
/*!		END BUSY ANIMATION	*/
/**************************************************************************************************/


/**************************************************************************************************/
/*!		ALERTS	*/
/**************************************************************************************************/

.qrk-alert-wrap {
	display: none;
	box-sizing: border-box;
	width: 100%;
	max-width: 500px;
	/* max-width: 550px; */
	/* max-width: 600px; */
	/* max-width: 650px; */
	margin: 0 auto;
	/* padding: 20px 15px;
	padding: 25px 15px;
	padding: 30px 15px;
	padding: 30px 25px 0 15px;
	padding: 30px 0 0 0; */
	padding: 0;
	text-align: center;
	/* border-radius: 10px; */
	background: #9a9a9a;
	background: transparent;
	color: #fff;
	margin-top: 20px;
	position: relative;
}

.qrk-alert-wrap.qrk-alert-size-mini 	{ max-width: 420px; }

.qrk-alert-wrap.qrk-alert-size-default,
.qrk-alert-wrap.qrk-alert-size-small 	{ max-width: 500px; }

.qrk-alert-wrap.qrk-alert-size-medium,
.qrk-alert-wrap.qrk-alert-size-normal { max-width: 600px; }

.qrk-alert-wrap.qrk-alert-size-large { max-width: 700px; }

.qrk-alert-wrap.qrk-alert-size-wide 	{ max-width: 750px; width:90%; }

.qrk-alert-wrap.qrk-alert-size-full 	{ max-width: 100%; }


.qrk-alert-wrap.qrk-alert-show-close {

}

.qrk-alert-wrap.qrk-alert-show-alert {
	display: block;
}

.qrk-alert-wrap.qrk-alert-severity-info 	.qrk-alert-inner { background: #9a9a9a; }

.qrk-alert-wrap.qrk-alert-severity-alert 	.qrk-alert-inner { background: #6caedb; }
/* .qrk-alert-wrap.qrk-alert-severity-success 	.qrk-alert-inner { background: #52d140; }
.qrk-alert-wrap.qrk-alert-severity-success 	.qrk-alert-inner { background: #24c445; }
.qrk-alert-wrap.qrk-alert-severity-success 	.qrk-alert-inner { background: #30c14e; }
.qrk-alert-wrap.qrk-alert-severity-success 	.qrk-alert-inner { background: #3bce59; } */
.qrk-alert-wrap.qrk-alert-severity-success 	.qrk-alert-inner { background: #66c87a; }
.qrk-alert-wrap.qrk-alert-severity-warning 	.qrk-alert-inner { background: #e8ad59; }
.qrk-alert-wrap.qrk-alert-severity-danger 	.qrk-alert-inner { background: #db6c6c; }

.qrk-alert-wrap.qrk-alert-severity-info 	.qrk-alert-icon::before { content: "\f05a"; }
.qrk-alert-wrap.qrk-alert-severity-alert 	.qrk-alert-icon::before { content: "\f0f3"; }
.qrk-alert-wrap.qrk-alert-severity-success 	.qrk-alert-icon::before { content: "\f058"; }
.qrk-alert-wrap.qrk-alert-severity-warning 	.qrk-alert-icon::before { content: "\f071"; }
.qrk-alert-wrap.qrk-alert-severity-danger 	.qrk-alert-icon::before { content: "\f306"; }
.qrk-alert-wrap.qrk-alert-severity-danger 	.qrk-alert-icon::before { content: "\f05e"; }
.qrk-alert-wrap.qrk-alert-severity-danger 	.qrk-alert-icon::before { content: "\f071"; }

.qrk-alert-wrap.qrk-alert-severity-info 	.qrk-alert-type::before { content: "INFO"; }
.qrk-alert-wrap.qrk-alert-severity-alert 	.qrk-alert-type::before { content: "ALERT"; }
.qrk-alert-wrap.qrk-alert-severity-success 	.qrk-alert-type::before { content: "SUCCESS"; }
.qrk-alert-wrap.qrk-alert-severity-warning 	.qrk-alert-type::before { content: "WARNING"; }
.qrk-alert-wrap.qrk-alert-severity-danger 	.qrk-alert-type::before { content: "ERROR"; }



.qrk-alert-wrap.qrk-alert-severity-info 	.qrk-alert-link { background: #626262; }
.qrk-alert-wrap.qrk-alert-severity-alert 	.qrk-alert-link { background: #0689d1; }
.qrk-alert-wrap.qrk-alert-severity-success 	.qrk-alert-link { background: #27913d; }
.qrk-alert-wrap.qrk-alert-severity-warning 	.qrk-alert-link { background: #d17d06; }
.qrk-alert-wrap.qrk-alert-severity-danger 	.qrk-alert-link { background: #be3434; }






.qrk-alert-wrap .qrk-alert-inner {
	display: grid;
	align-items: center;
	position: relative;
	grid-template-columns: min-content 35px 1fr;
	grid-template-columns: 115px 35px 1fr;
	grid-template-columns: 100px 35px 1fr;
	grid-template-columns: 80px 35px 1fr;
	grid-template-columns: 90px 2px 1fr;

	border-radius: 10px;

	padding: 30px 25px 30px 15px;
}

.qrk-alert-wrap.qrk-alert-show-link .qrk-alert-inner {
	border-radius: 10px 10px 0 0;
}

.qrk-alert-wrap.qrk-alert-show-close .qrk-alert-inner {
	grid-template-columns: min-content 35px 1fr 28px;
	grid-template-columns: 115px 35px 1fr 28px;
	grid-template-columns: 100px 35px 1fr 28px;
	grid-template-columns: 80px 35px 1fr 28px;
	grid-template-columns: 90px 2px 1fr 28px;
	grid-template-columns: 90px 2px 1fr 0;
}

.qrk-alert-wrap .qrk-alert-inner .qrk-alert-severity {
	/* outline: 1px solid #fff; */
	display: grid;
	grid-template-columns: repeat(2, min-content);
	grid-template-columns: 1fr;
	align-items: center;
	justify-content: center;
	align-content: center;
	align-content: start;
	row-gap: 6px;
	padding-right: 13px;
	/* column-gap: 10px; */
	/* column-gap: 5px; */
	position: relative;
	top: 2px;
	align-self: start;
}

.qrk-alert-wrap .qrk-alert-icon {
	font-size:35px;
	font-size:30px;
	font-size:48px;
	display: none;
	margin: 0 auto;
	opacity: 0.9;
	opacity: 0.65;
	opacity: 1;
	line-height: normal;
}

.qrk-alert-wrap.qrk-alert-show-type .qrk-alert-icon {
	font-size:30px;
}


.qrk-alert-wrap.qrk-alert-show-icon .qrk-alert-icon {
	display: block;
}



.qrk-alert-wrap .qrk-alert-type {
	display: none;
}
.qrk-alert-wrap.qrk-alert-show-type .qrk-alert-type {
	display: block;
}

.qrk-alert-wrap .qrk-alert-inner .qrk-alert-severity .qrk-alert-type {
	font-weight: 800;
	font-family: "filson-pro", sans-serif;
	font-size: 13px;
	letter-spacing: 1.5px;
	line-height: normal;
}


.qrk-alert-wrap .qrk-alert-inner .qrk-alert-vert-sep {
	display: flex;
	justify-content: center;
}

.qrk-alert-wrap .qrk-alert-inner .qrk-alert-vert-sep > div {
	background: #fff;
	width: 2px;
	opacity: .3;
	position: absolute;
	top: 15px;
	height: 100%;
	height: calc(100% - 30px);
}


.qrk-alert-wrap .qrk-alert-text {
	text-align:left;
	padding-left: 25px;
}

.qrk-alert-wrap.qrk-alert-justify-left .qrk-alert-text {
	text-align:left;
}
.qrk-alert-wrap.qrk-alert-justify-center .qrk-alert-text {
	text-align: center;
}
.qrk-alert-wrap.qrk-alert-justify-right .qrk-alert-text {
	text-align: right;
}



.qrk-alert-wrap.qrk-alert-show-close .qrk-alert-text {
	padding-right: 25px;
	padding-right: 35px;
}

.qrk-alert-wrap .qrk-alert-title {
	font-weight: 800;
	font-size: 16px;
	font-size: 20px;
	line-height: normal;
	margin-bottom: 5px;
	display: none;
}

.qrk-alert-wrap.qrk-alert-show-title .qrk-alert-title {
	display: block;
}

.qrk-alert-wrap .qrk-alert-message {
	line-height: 18px;
	font-size: 15px;
	font-size: 18px;
	opacity: 0.8;
	display: none;
}

.qrk-alert-wrap.qrk-alert-show-message .qrk-alert-message {
	display: block;
}

.qrk-alert-wrap .qrk-alert-link {
	display: none;
}
.qrk-alert-wrap .qrk-alert-link .qrk-alert-link-chevron {
	margin-right: 5px;
	font-size: 20px;
}

.qrk-alert-wrap.qrk-alert-show-link .qrk-alert-link {
	font-family: "PT Sans", sans-serif !important;
	display: block;
	padding: 4px 8px;
	border-radius: 0 0 10px 10px;
	padding: 5px 10px;
	padding: 15px 25px 25px;
	padding: 15px 25px;
	font-size: 14px;
	line-height: normal;
	text-align: left;
	position: relative;
	/* transition: all .25s ease; */
}





.qrk-alert-wrap .qrk-alert-link .qrk-alert-link-title {
	font-size: 15px;
	font-weight: 800;
	line-height: normal;
}
.qrk-alert-wrap .qrk-alert-link .qrk-alert-link-message {
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	/* margin-bottom: 10px; */
}

.qrk-alert-wrap .qrk-alert-link a.qrk-alert-link-anchor {
	font-family: "PT Sans", sans-serif !important;
	color: #ffffffdb;
	font-weight: 400;
	font-size: 14px;
	/* background: #d57d00; */
	position: relative;
	top:-2px;
	/* transition: all .25s ease; */
}

.qrk-alert-wrap .qrk-alert-link a.qrk-alert-link-anchor:hover {
	/* opacity: .5; */
	/* background: #d57d00; */
	text-decoration: underline;
	color: #ffffff;
}

.qrk-alert-wrap .qrk-alert-link a.qrk-alert-link-anchor:focus,
.qrk-alert-wrap .qrk-alert-link a.qrk-alert-link-anchor:focus-visible {
	outline: none !important;
	outline-color: transparent !important;
}





.qrk-alert-wrap .qrk-alert-inner .qrk-alert-close {
	display: none;
}


.qrk-alert-wrap.qrk-alert-show-close .qrk-alert-inner .qrk-alert-close {
	display: block;
}

.qrk-alert-wrap.qrk-alert-show-close .qrk-alert-inner .qrk-alert-close > i {
	font-size: 20px;
	margin-top: 2px;
	opacity: 0.6;
	position: absolute;
	top: 10px;
	right: 10px;
	transition: all .25s ease;

}

.qrk-alert-wrap.qrk-alert-show-close .qrk-alert-inner .qrk-alert-close > i:hover {
	opacity: 1.0;
	cursor: pointer;
}