@font-face {
	font-family: 'FontAwesome';
	src: url('/policy-fonts/fontawesome-webfont.eot?v=4.7.0');
	src: url('/policy-fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/policy-fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/policy-fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/policy-fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/policy-fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* ========================================
   CSS CUSTOM PROPERTIES (DESIGN TOKENS)
   ======================================== */

:root {
	/* Colors - PolicyViewer brand colors */
	--color-primary: #1f92d0;
	--color-primary-dark: #1a7bb8;
	--color-accent: #ba163d;
	--color-accent-light: #d73850;
	--color-success: #34a853;
	--color-warning: #fbbc04;
	--color-danger: #ea4335;
	--color-info: #4285f4;

	/* Grays */
	--color-gray-50: #f8f9fa;
	--color-gray-100: #f1f3f4;
	--color-gray-200: #e8eaed;
	--color-gray-300: #dadce0;
	--color-gray-400: #bdc1c6;
	--color-gray-500: #9aa0a6;
	--color-gray-600: #80868b;
	--color-gray-700: #5f6368;
	--color-gray-800: #3c4043;
	--color-gray-900: #202124;

	/* Typography */
	--font-family-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--font-size-base: 14px;
	--line-height-base: 1.5;

	/* Spacing */
	--spacing-xs: 4px;
	--spacing-sm: 8px;
	--spacing-md: 16px;
	--spacing-lg: 24px;
	--spacing-xl: 32px;

	/* Border radius */
	--border-radius-sm: 4px;
	--border-radius-md: 8px;
	--border-radius-lg: 12px;

	/* Shadows */
	--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);
	--shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05);
}



#fileUploadStatus {
	font-style: italic;
}

#uploadFileButton {
	margin-top: 10px;
	margin-bottom: 10px;
}

.tox-statusbar__branding {
	display: none !important;
}

a.iconLink,
.icon {
	color: #333;
}

/* Accessibility improvements for icon contrast */
/* White icons on dark blue buttons and admin elements */
button .icon {
	color: #ffffff !important;
}

button.secondary .icon {
	color: #1f92d0 !important;
}

button.danger .icon {
	color: #ffffff !important;
}

/* Icons in admin tabs - ensure good contrast */
.tab .icon {
	color: inherit;
}

.tab:hover .icon {
	color: #1f92d0;
}

.tab.active .icon,
.tab.lightTab .icon {
	color: #1f92d0;
}

/* Icons in admin interface with blue backgrounds */
.admin-panel .icon,
.admin-controls .icon {
	color: #ffffff;
}

/* Ensure icons in user listings maintain readability */
.user-status .icon {
	color: #666;
}

.user-status .icon.warning {
	color: #f57c00;
}

.user-status .icon.error {
	color: #ba163d;
}

.user-status .icon.success {
	color: #388e3c;
}

/* Specific fixes for icon listings and compliance indicators */
.iconListing .icon {
	color: #666;
	font-weight: 500;
}

/* Icons in forms and admin tables with better contrast */
form .icon {
	color: inherit;
	/* Use parent color context */
}

/* Admin user line icons (compliance indicators) */
.adminUserLine .icon,
td .icon[title] {
	color: #666;
	margin-right: 4px;
}

/* Hover states for better interaction feedback */
button:hover .icon,
button:active .icon {
	color: #ffffff !important;
}

button.secondary:hover .icon {
	color: #1f92d0 !important;
}

button.danger:hover .icon,
button.danger:active .icon {
	color: #ffffff !important;
}

a.iconLink {
	text-decoration: none;
}

.icon {
	display: inline-block;
	font-family: FontAwesome;
	font-size: 16px;
	width: 16px;
	height: 16px;
}

.clock {
	margin-right: 2px;
	color: silver;
	font-size: 18px;
	width: 29px;
	display: inline-block;
	position: relative;
	margin-bottom: -3px;
}

.clockNumber {
	font-family: Arial, sans-serif;
	position: absolute;
	font-size: 14px;
	font-weight: bold;
	color: green;
	right: 0px;
	top: -2px;
	height: 14px;
	width: 14px;
	letter-spacing: -2px;
}

/* @group EU Cookie */
#macssEUCookieMsgBox {
	display: block;
	font-family: sans-serif;
	background-color: #ffcf64;
	padding: 20px;
	border: 1px solid #333;
	text-align: center;
}

#macssEUCookieAcceptanceSymbol {
	color: #2cef50;
	font-weight: bold;
	margin-right: 3px;
	cursor: pointer;
}

/* @end */


/* ========================================
   GO LIVE BANNERS
   ======================================== */
#divAdminSession {
	background-color: var(--color-gray-800);
	color: #ffffff;
	text-align: center;
	padding: var(--spacing-md);
	border-radius: 0;
}

#goStateError {
	background-color: var(--color-warning);
	color: var(--color-gray-800);
	font-weight: 600;
	text-align: center;
	padding: var(--spacing-md);
	border-radius: 0;
}

#divGoStateSuccess {
	background-color: var(--color-info);
	color: #ffffff;
	font-weight: 600;
	text-align: center;
	padding: var(--spacing-md);
	border-radius: 0;
}