/*
-------------------------------------------------------------------------------
Ticket Experience notify.css
Copyright © 1999-2026 KB Group (UK) Ltd.  All Rights Reserved.
-------------------------------------------------------------------------------

Revisions
=========
16/09/26	SK	Modernised shared notification presentation
10/10/24	SK	Remioved margin from boxes
28/05/23	SK	Updated customPopUpMessageNew
12/10/21	SK	Removed deprecated css
21/05/12	SK	Created notify.css
-------------------------------------------------------------------------------
*/

/* ============================================================
   BASE BOX STYLES
   Shared by all standard notification boxes
   ============================================================ */
.info, .info_multiline, .success, .error, .warning,
.tip, .secure, .message, .download, .purchase, .print,
.customPopUpMessage {
	font-size: 100%;
	margin: 18px 30px;
	padding: 16px 20px 16px 64px;
	border: 1px solid;
	border-left-width: 5px;
	border-radius: 10px;
	box-shadow: 0 2px 7px rgba(37, 53, 66, 0.08);
	text-shadow: none;
	background-repeat: no-repeat;
	background-position: 20px center;
}

/* Text inside boxes */
p {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	margin: 5px 5px 5px 80px;
}

.info p, .info_multiline p, .success p, .error p, .warning p,
.tip p, .secure p, .message p, .download p, .purchase p, .print p,
.customPopUpMessage p {
	line-height: 1.5;
	color: inherit;
	margin: 0;
}

/* ============================================================
   BUTTONS
   ============================================================ */

.customPopUpMessage .buttonwrapper {
	clear: both;
	display: block;
	margin-top: 10px;
}

/* ============================================================
   NOTIFICATION BOXES
   ============================================================ */
.info,
.info_multiline {
	border-color: #b9d8ec;
	border-left-color: #2176a8;
	color: #155b84;
	background-color: #fbfdff;
	background-image: url('../images/info.png');
}

.info_multiline {
	background-position: 20px center; /* Icon remains vertically centred for multiline content */
}

.success {
	border-color: #bddbb9;
	border-left-color: #4b8b44;
	color: #356b30;
	background-color: #fbfefb;
	background-image: url('../images/success.png');
}

.error {
	border-color: #efb8bf;
	border-left-color: #c8404c;
	color: #8e2530;
	background-color: #fffafb;
	background-image: url('../images/error.png');
}

.warning {
	border-color: #eedb9c;
	border-left-color: #bd8416;
	color: #765000;
	background-color: #fffdf8;
	background-image: url('../images/warning.png');
}

.tip {
	border-color: #f0cd9c;
	border-left-color: #c77d10;
	color: #86520a;
	background-color: #fffaf5;
	background-image: url('../images/tip.png');
}

.secure {
	border-color: #d8c1f0;
	border-left-color: #7a4cad;
	color: #61358f;
	background-color: #fdfbff;
	background-image: url('../images/secure.png');
}

.message {
	border-color: #d7e0e6;
	border-left-color: #536b7a;
	color: #3f5665;
	background-color: #ffffff;
	background-image: url('../images/message.png');
}

.download {
	border-color: #b9e2ee;
	border-left-color: #1688a8;
	color: #176980;
	background-color: #fbfeff;
	background-image: url('../images/download.png');
}

.purchase {
	border-color: #bedee0;
	border-left-color: #426164;
	color: #35565a;
	background-color: #fbfefe;
	background-image: url('../images/purchase.png');
}

.print {
	border-color: #c7d7e3;
	border-left-color: #3c4b5e;
	color: #35485f;
	background-color: #fcfdff;
	background-image: url('../images/print.png');
}


/* ============================================================
   SEARCH MESSAGE
   ============================================================ */
.searchMessage {
	border: 1px solid #000;
	color: #000;
	background-color: #efefef;
	background-image: url('../images/message.png');
	background-repeat: no-repeat;
	background-position: 30px 10px;
	padding: 18px 35px 18px 25px;
	font-size: 110%;
	border-radius: 3px;
	box-shadow: 4px 4px #dfe1d8;
	text-shadow: 0 1px 0 white;
}


/* ============================================================
   EMAIL DISPLAY
   ============================================================ */
.showemail {
	border: 1px solid #9d9c49;
	margin: 20px 10px;
	padding: 10px 20px;
}


/* ============================================================
   POPUP / OVERLAY VARIANTS
   Shared warning colours: border #9d9c49, bg #fdfdcb
   ============================================================ */

/* Inline popup — floats within document flow */
.customPopUpMessage {
	border: 1px solid #9d9c49;
	color: #9d9c49;
	background-color: #fdfdcb;
	background-position: 30px 10px;
	position: absolute;
	padding-right: 50px;
	margin-left: 25%;
	display: block;
}

/* Fixed-position variant with no sizing constraints */
.customPopUpMessageFixedPosition {
	border: 1px solid #9d9c49;
	color: #9d9c49;
	background-color: #fdfdcb;
	background-position: 30px 10px;
	position: fixed;
}

/* Centred fixed warning dialog */
.customWarning {
	border: 1px solid #9d9c49;
	color: #9d9c49;
	background-color: #fdfdcb;
	background-image: url('../images/warning.png');
	background-repeat: no-repeat;
	background-position: 30px 10px;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 34em;
	height: 6em;
	margin-top: -3em;   /* Negative half-height to centre vertically */
	margin-left: -17em; /* Negative half-width to centre horizontally */
}

.customWarning p {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	margin: 14px 5px 5px 80px;
}

/* Absolute-positioned new-style popup */
.customPopUpMessageNew {
	border: thick solid #000;
	color: #9d9c49;
	background-color: #fdfdcb;
	position: absolute;
	inset: 0;           /* Shorthand for top/right/bottom/left: 0 */
	width: 700px;
	height: 250px;
	margin: 400px auto 0;
}

/* Auto-sized cancel/renewal popup */
.customCancelRenewal {
	color: #9d9c49;
	background-color: #fdfdcb;
	position: fixed;
	top: 50%;
	right: 50%;
	margin-left: -100px;
	margin-top: -100px;
}

/* Fixed error popup */
.customPopUpMessageForError {
	border: 3px solid #ebeb6d;
	color: #9d9c49;
	background-color: #fdfdcb;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 600px;
	height: 100px;
	margin-left: -300px;
	margin-top: -100px;
	vertical-align: middle;
	z-index: 100;
}

.customPopUpMessageForError p {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: justify;
	margin: auto !important;
	padding: 3% 2% 0% 2% !important;
}