@charset "UTF-8";
/* ------------------------------------------------------------------------------------------
Section 4: Shared Links and Buttons
Notes:
- Centralizes the shared TVCC link/button system for wwwnew, resources2, and catalog.
- Preserves legacy class names as aliases where practical.
- Uses brand palette tokens plus darker accessible variants for text and states.
-------------------------------------------------------------------------------------------*/

:root {
	--color-brand-orange: #f48120;
	--color-brand-dark-gray: #474e58;
	--color-brand-off-white: #fffef0;
	--color-brand-light-orange: #fabe8e;
	--color-brand-orange-red: #f15d2c;
	--color-brand-gold: #e2af39;
	--color-brand-sage: #a5bc94;
	--color-brand-teal: #94bbb8;
	--color-brand-dark-orange: #ac5326;
	--color-brand-dark-gold: #a0782c;
	--color-brand-olive: #575525;
	--color-brand-brown: #5b2d1d;
	--color-brand-cream: #f1ead4;

	--color-white: #ffffff;
	--color-black: #000000;
	--color-disabled-surface: #d6d0c4;
	--color-disabled-border: #7b7367;
	--color-disabled-text: #5f5850;
	--color-success-green: #3c5a2c;
	--color-success-green-hover: #495928;
	--color-success-green-active: #575525;
	--color-danger-red: #73231c;
	--color-danger-red-hover: #67291c;
	--color-danger-red-active: #5b2d1d;

	--color-link-primary: var(--color-brand-dark-orange);
	--color-link-primary-hover: var(--color-brand-brown);
	--color-link-primary-active: var(--color-brand-brown);
	--color-link-primary-visited: var(--color-brand-olive);
	--color-link-dark: var(--color-brand-dark-gray);
	--color-link-dark-hover: var(--color-brand-brown);
	--color-link-dark-visited: var(--color-brand-olive);
	--color-link-inverse: var(--color-brand-off-white);
	--color-link-inverse-hover: var(--color-brand-light-orange);
	--color-link-inverse-visited: var(--color-brand-cream);
	--color-focus-ring: var(--color-brand-dark-gray);
	--color-focus-ring-inverse: var(--color-brand-off-white);

	--btn-font-family: var(--font-body, Arial, Helvetica, sans-serif);
	--btn-font-size: 1rem;
	--btn-font-weight: 600;
	--btn-letter-spacing: 0.02em;
	--btn-line-height: 1.2;
	--btn-min-width: 140px;
	--btn-padding-y: 0.75rem;
	--btn-padding-x: 1rem;
	--btn-border-width: 1px;
	--btn-border-radius: 0.2em;
	--btn-transition-duration: 0.18s;
	--btn-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	--btn-shadow-hover: 0 4px 10px rgba(0, 0, 0, 0.2);
	--btn-shadow-active: inset 0 2px 4px rgba(0, 0, 0, 0.18);
}

.btn-link.focus,
.btn-link:focus {
	text-decoration: none;
}

.btn-block {
	display: block;
	text-align: center;
}

/* -----------------------------
Shared hyperlink system
------------------------------*/

.link,
.content a:not(.btn):not([class*="btn-"]):not(.nav-link):not(.dropdown-item):not(.page-link):not(.navbar-brand):not(.carousel-control-prev):not(.carousel-control-next):not(.card-link),
.content p a:not(.btn):not([class*="btn-"]):not(.nav-link):not(.dropdown-item):not(.page-link):not(.navbar-brand):not(.carousel-control-prev):not(.carousel-control-next):not(.card-link),
.content li a:not(.btn):not([class*="btn-"]):not(.nav-link):not(.dropdown-item):not(.page-link):not(.navbar-brand):not(.carousel-control-prev):not(.carousel-control-next):not(.card-link),
.content td a:not(.btn):not([class*="btn-"]):not(.nav-link):not(.dropdown-item):not(.page-link):not(.navbar-brand):not(.carousel-control-prev):not(.carousel-control-next):not(.card-link),
.content th a:not(.btn):not([class*="btn-"]):not(.nav-link):not(.dropdown-item):not(.page-link):not(.navbar-brand):not(.carousel-control-prev):not(.carousel-control-next):not(.card-link) {
	color: var(--color-link-primary);
	font-weight: 600;
	text-decoration-line: underline;
	text-decoration-color: currentColor;
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.14em;
	transition:
		color var(--btn-transition-duration) ease,
		text-decoration-color var(--btn-transition-duration) ease,
		text-decoration-thickness var(--btn-transition-duration) ease;
}

.link:hover,
.link:focus,
.link:active,
.content a:not(.btn):not([class*="btn-"]):not(.nav-link):not(.dropdown-item):not(.page-link):not(.navbar-brand):not(.carousel-control-prev):not(.carousel-control-next):not(.card-link):hover,
.content a:not(.btn):not([class*="btn-"]):not(.nav-link):not(.dropdown-item):not(.page-link):not(.navbar-brand):not(.carousel-control-prev):not(.carousel-control-next):not(.card-link):focus,
.content a:not(.btn):not([class*="btn-"]):not(.nav-link):not(.dropdown-item):not(.page-link):not(.navbar-brand):not(.carousel-control-prev):not(.carousel-control-next):not(.card-link):active {
	color: var(--color-link-primary-hover);
	text-decoration-thickness: 0.12em;
}

.link:visited,
.content a:not(.btn):not([class*="btn-"]):not(.nav-link):not(.dropdown-item):not(.page-link):not(.navbar-brand):not(.carousel-control-prev):not(.carousel-control-next):not(.card-link):visited {
	color: var(--color-link-primary-visited);
}

.link:focus,
.link:focus-visible,
.content a:not(.btn):not([class*="btn-"]):not(.nav-link):not(.dropdown-item):not(.page-link):not(.navbar-brand):not(.carousel-control-prev):not(.carousel-control-next):not(.card-link):focus,
.content a:not(.btn):not([class*="btn-"]):not(.nav-link):not(.dropdown-item):not(.page-link):not(.navbar-brand):not(.carousel-control-prev):not(.carousel-control-next):not(.card-link):focus-visible {
	outline: 3px solid var(--color-focus-ring);
	outline-offset: 3px;
}

.link--underline {
	text-decoration-line: underline;
}

.link--underline:hover,
.link--underline:focus,
.link--underline:active,
.link--underline:visited {
	text-decoration-line: underline;
}

.link--no-underline {
	text-decoration-line: none !important;
}

.link--no-underline:hover,
.link--no-underline:focus,
.link--no-underline:active,
.link--no-underline:focus-visible {
	text-decoration-line: underline;
	text-decoration-thickness: 0.12em;
}

.link--brand {
	color: var(--color-link-primary);
}

.link--brand:hover,
.link--brand:focus,
.link--brand:active {
	color: var(--color-link-primary-hover);
}

.link--brand:visited {
	color: var(--color-link-primary-visited);
}

.link--inverse {
	color: var(--color-link-inverse) !important;
	text-decoration-color: currentColor !important;
}

.link--inverse:hover,
.link--inverse:focus,
.link--inverse:active {
	color: var(--color-link-inverse-hover) !important;
}

.link--inverse:visited {
	color: var(--color-link-inverse-visited) !important;
}

.link--inverse:focus,
.link--inverse:focus-visible {
	outline-color: var(--color-focus-ring-inverse) !important;
}

/* -----------------------------
Shared button system
------------------------------*/

.btn,
.btn-default,
.content .btn-default,
.btn-slider,
.btn-orange,
.btn-blue,
.btn-slate,
.btn-gray,
.btn-dark,
.btn-green,
.btn-red,
.btn-white,
.btn-orangeborder,
.btn-light-blue,
.blue-banner-button,
.gray-banner-button {
	--btn-text: var(--color-black);
	--btn-bg: var(--color-brand-orange);
	--btn-border: var(--color-brand-orange);
	--btn-hover-text: var(--color-black);
	--btn-hover-bg: var(--color-brand-light-orange);
	--btn-hover-border: var(--color-brand-dark-orange);
	--btn-active-text: var(--color-black);
	--btn-active-bg: var(--color-brand-gold);
	--btn-active-border: var(--color-brand-dark-gold);
	--btn-focus-ring: var(--color-brand-dark-gray);

	appearance: none;
	background-color: var(--btn-bg);
	border: var(--btn-border-width) solid var(--btn-border);
	border-radius: var(--btn-border-radius);
	box-shadow: var(--btn-shadow);
	color: var(--btn-text);
	cursor: pointer;
	display: inline-block;
	font-family: var(--btn-font-family);
	font-size: var(--btn-font-size);
	font-weight: var(--btn-font-weight);
	letter-spacing: var(--btn-letter-spacing);
	line-height: var(--btn-line-height);
	margin-bottom: 0;
	margin-top: 3px;
	min-width: var(--btn-min-width);
	padding: var(--btn-padding-y) var(--btn-padding-x);
	position: relative;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition:
		background-color var(--btn-transition-duration) ease,
		border-color var(--btn-transition-duration) ease,
		box-shadow var(--btn-transition-duration) ease,
		color var(--btn-transition-duration) ease,
		transform var(--btn-transition-duration) ease;
	vertical-align: middle;
	white-space: nowrap;
	z-index: 3;
}

.btn:hover,
.btn-default:hover,
.content .btn-default:hover,
.btn-slider:hover,
.btn-orange:hover,
.btn-blue:hover,
.btn-slate:hover,
.btn-gray:hover,
.btn-dark:hover,
.btn-green:hover,
.btn-red:hover,
.btn-white:hover,
.btn-orangeborder:hover,
.btn-light-blue:hover,
.blue-banner-button:hover,
.gray-banner-button:hover,
.btn:focus,
.btn-default:focus,
.content .btn-default:focus,
.btn-slider:focus,
.btn-orange:focus,
.btn-blue:focus,
.btn-slate:focus,
.btn-gray:focus,
.btn-dark:focus,
.btn-green:focus,
.btn-red:focus,
.btn-white:focus,
.btn-orangeborder:focus,
.btn-light-blue:focus,
.blue-banner-button:focus,
.gray-banner-button:focus {
	background-color: var(--btn-hover-bg);
	border-color: var(--btn-hover-border);
	box-shadow: var(--btn-shadow-hover);
	color: var(--btn-hover-text);
	text-decoration: none;
}

.btn:active,
.btn-default:active,
.content .btn-default:active,
.btn-slider:active,
.btn-orange:active,
.btn-blue:active,
.btn-slate:active,
.btn-gray:active,
.btn-dark:active,
.btn-green:active,
.btn-red:active,
.btn-white:active,
.btn-orangeborder:active,
.btn-light-blue:active,
.blue-banner-button:active,
.gray-banner-button:active {
	background-color: var(--btn-active-bg);
	border-color: var(--btn-active-border);
	box-shadow: var(--btn-shadow-active);
	color: var(--btn-active-text);
	transform: translateY(1px);
}

.btn:focus,
.btn:focus-visible,
.btn-default:focus,
.btn-default:focus-visible,
.content .btn-default:focus,
.content .btn-default:focus-visible,
.btn-slider:focus,
.btn-slider:focus-visible,
.btn-orange:focus,
.btn-orange:focus-visible,
.btn-blue:focus,
.btn-blue:focus-visible,
.btn-slate:focus,
.btn-slate:focus-visible,
.btn-gray:focus,
.btn-gray:focus-visible,
.btn-dark:focus,
.btn-dark:focus-visible,
.btn-green:focus,
.btn-green:focus-visible,
.btn-red:focus,
.btn-red:focus-visible,
.btn-white:focus,
.btn-white:focus-visible,
.btn-orangeborder:focus,
.btn-orangeborder:focus-visible,
.btn-light-blue:focus,
.btn-light-blue:focus-visible,
.blue-banner-button:focus,
.blue-banner-button:focus-visible,
.gray-banner-button:focus,
.gray-banner-button:focus-visible {
	outline: 2px solid var(--color-brand-off-white);
	outline-offset: 1px;
	box-shadow:
		0 0 0 4px var(--btn-focus-ring),
		var(--btn-shadow-hover);
}

.btn:disabled,
.btn-default:disabled,
.content .btn-default:disabled,
.btn-slider:disabled,
.btn-orange:disabled,
.btn-blue:disabled,
.btn-slate:disabled,
.btn-gray:disabled,
.btn-dark:disabled,
.btn-green:disabled,
.btn-red:disabled,
.btn-white:disabled,
.btn-orangeborder:disabled,
.btn-light-blue:disabled,
.blue-banner-button:disabled,
.gray-banner-button:disabled,
.btn.disabled,
.btn-default.disabled,
.btn-slider.disabled,
.btn-orange.disabled,
.btn-blue.disabled,
.btn-slate.disabled,
.btn-gray.disabled,
.btn-dark.disabled,
.btn-green.disabled,
.btn-red.disabled,
.btn-white.disabled,
.btn-orangeborder.disabled,
.btn-light-blue.disabled,
.blue-banner-button.disabled,
.gray-banner-button.disabled {
	background-color: var(--color-disabled-surface);
	border-color: var(--color-disabled-border);
	box-shadow: none;
	color: var(--color-disabled-text);
	cursor: not-allowed;
	opacity: 1;
	transform: none;
}

.btn,
.btn-default,
.content .btn-default,
.btn-slider,
.btn-orange,
.btn-blue {
	--btn-text: var(--color-black);
	--btn-bg: var(--color-brand-orange);
	--btn-border: var(--color-brand-dark-orange);
	--btn-hover-text: var(--color-black);
	--btn-hover-bg: var(--color-brand-light-orange);
	--btn-hover-border: var(--color-brand-dark-orange);
	--btn-active-text: var(--color-black);
	--btn-active-bg: var(--color-brand-gold);
	--btn-active-border: var(--color-brand-dark-gold);
}

.btn-slider {
	font-weight: 700;
}

.btn-slate {
	--btn-text: var(--color-black);
	--btn-bg: var(--color-brand-teal);
	--btn-border: var(--color-brand-dark-gray);
	--btn-hover-text: var(--color-black);
	--btn-hover-bg: #bad3d0;
	--btn-hover-border: var(--color-brand-dark-gray);
	--btn-active-text: var(--color-black);
	--btn-active-bg: var(--color-brand-sage);
	--btn-active-border: var(--color-brand-olive);
}

.btn-gray,
.btn-dark,
.btn-light-blue,
.blue-banner-button {
	--btn-text: var(--color-brand-off-white);
	--btn-bg: var(--color-brand-dark-gray);
	--btn-border: var(--color-brand-dark-gray);
	--btn-hover-text: var(--color-brand-off-white);
	--btn-hover-bg: #5d6570;
	--btn-hover-border: #5d6570;
	--btn-active-text: var(--color-brand-off-white);
	--btn-active-bg: #30353c;
	--btn-active-border: #30353c;
	--btn-focus-ring: var(--color-brand-gold);
}

.btn-green {
	--btn-text: var(--color-white);
	--btn-bg: var(--color-success-green);
	--btn-border: var(--color-success-green);
	--btn-hover-text: var(--color-white);
	--btn-hover-bg: var(--color-success-green-hover);
	--btn-hover-border: var(--color-success-green-hover);
	--btn-active-text: var(--color-white);
	--btn-active-bg: var(--color-success-green-active);
	--btn-active-border: var(--color-success-green-active);
}

.btn-red {
	--btn-text: var(--color-white);
	--btn-bg: var(--color-danger-red);
	--btn-border: var(--color-danger-red);
	--btn-hover-text: var(--color-white);
	--btn-hover-bg: var(--color-danger-red-hover);
	--btn-hover-border: var(--color-danger-red-hover);
	--btn-active-text: var(--color-white);
	--btn-active-bg: var(--color-danger-red-active);
	--btn-active-border: var(--color-danger-red-active);
}

.btn-orangeborder,
.gray-banner-button {
	--btn-text: var(--color-black);
	--btn-bg: var(--color-brand-off-white);
	--btn-border: var(--color-brand-dark-orange);
	--btn-hover-text: var(--color-black);
	--btn-hover-bg: var(--color-brand-orange);
	--btn-hover-border: var(--color-brand-dark-orange);
	--btn-active-text: var(--color-black);
	--btn-active-bg: var(--color-brand-gold);
	--btn-active-border: var(--color-brand-dark-gold);
}

.btn-white {
	--btn-text: var(--color-brand-dark-gray);
	--btn-bg: var(--color-white);
	--btn-border: var(--color-brand-dark-gray);
	--btn-hover-text: var(--color-brand-off-white);
	--btn-hover-bg: var(--color-brand-dark-gray);
	--btn-hover-border: var(--color-brand-dark-gray);
	--btn-active-text: var(--color-brand-off-white);
	--btn-active-bg: #30353c;
	--btn-active-border: #30353c;
	--btn-focus-ring: var(--color-brand-gold);
}

.btn-white,
.btn-green,
.btn-red,
.btn-gray,
.btn-dark,
.btn-light-blue,
.blue-banner-button {
	border-width: 1px;
}

/* -----------------------------
Compact button variants
------------------------------*/

.btn-orange-sm,
.btn-slate-sm,
.btn-gray-sm,
.btn-blue-sm,
.btn-green-sm,
.btn-red-sm,
.btn-orangeborder-sm {
	--btn-font-size: 0.875rem;
	--btn-min-width: 0;
	--btn-padding-y: 0.35rem;
	--btn-padding-x: 0.75rem;
}

.btn-orange-sm,
.btn-orangeborder-sm,
.btn-slate-sm,
.btn-gray-sm,
.btn-blue-sm,
.btn-green-sm,
.btn-red-sm {
	font-weight: 600;
}

.btn-orange-sm,
.btn-orangeborder-sm,
.btn-slate-sm,
.btn-gray-sm,
.btn-blue-sm,
.btn-green-sm,
.btn-red-sm {
	appearance: none;
	border-radius: var(--btn-border-radius);
	box-shadow: var(--btn-shadow);
	cursor: pointer;
	display: inline-block;
	font-family: var(--btn-font-family);
	font-size: var(--btn-font-size);
	letter-spacing: var(--btn-letter-spacing);
	line-height: var(--btn-line-height);
	margin-bottom: 0;
	margin-top: 3px;
	min-width: var(--btn-min-width);
	padding: var(--btn-padding-y) var(--btn-padding-x);
	text-align: center;
	text-decoration: none;
	transition:
		background-color var(--btn-transition-duration) ease,
		border-color var(--btn-transition-duration) ease,
		box-shadow var(--btn-transition-duration) ease,
		color var(--btn-transition-duration) ease,
		transform var(--btn-transition-duration) ease;
	vertical-align: middle;
	white-space: nowrap;
}

.btn-orange-sm {
	background-color: var(--color-brand-orange);
	border: 1px solid var(--color-brand-dark-orange);
	color: var(--color-black);
}

.btn-orange-sm:hover,
.btn-orange-sm:focus {
	background-color: var(--color-brand-light-orange);
	border-color: var(--color-brand-dark-orange);
	box-shadow: var(--btn-shadow-hover);
	color: var(--color-black);
}

.btn-orange-sm:active {
	background-color: var(--color-brand-gold);
	border-color: var(--color-brand-dark-gold);
	box-shadow: var(--btn-shadow-active);
	color: var(--color-black);
}

.btn-orangeborder-sm {
	background-color: var(--color-brand-off-white);
	border: 1px solid var(--color-brand-dark-orange);
	color: var(--color-black);
}

.btn-orangeborder-sm:hover,
.btn-orangeborder-sm:focus {
	background-color: var(--color-brand-orange);
	border-color: var(--color-brand-dark-orange);
	box-shadow: var(--btn-shadow-hover);
	color: var(--color-black);
}

.btn-orangeborder-sm:active {
	background-color: var(--color-brand-gold);
	border-color: var(--color-brand-dark-gold);
	box-shadow: var(--btn-shadow-active);
	color: var(--color-black);
}

.btn-slate-sm {
	background-color: var(--color-brand-teal) !important;
	border: 1px solid var(--color-brand-dark-gray);
	color: var(--color-black) !important;
}

.btn-slate-sm:hover,
.btn-slate-sm:focus {
	background-color: #bad3d0;
	border-color: var(--color-brand-dark-gray);
	box-shadow: var(--btn-shadow-hover);
	color: var(--color-black);
}

.btn-slate-sm:active {
	background-color: var(--color-brand-sage);
	border-color: var(--color-brand-olive);
	box-shadow: var(--btn-shadow-active);
	color: var(--color-black);
}

.btn-gray-sm,
.btn-blue-sm {
	background-color: var(--color-brand-dark-gray);
	border: 1px solid var(--color-brand-dark-gray);
	color: var(--color-brand-off-white);
}

.btn-gray-sm:hover,
.btn-gray-sm:focus,
.btn-blue-sm:hover,
.btn-blue-sm:focus {
	background-color: #5d6570;
	border-color: #5d6570;
	box-shadow: var(--btn-shadow-hover);
	color: var(--color-brand-off-white);
}

.btn-gray-sm:active,
.btn-blue-sm:active {
	background-color: #30353c;
	border-color: #30353c;
	box-shadow: var(--btn-shadow-active);
	color: var(--color-brand-off-white);
}

.btn-green-sm {
	background-color: var(--color-success-green);
	border: 1px solid var(--color-success-green);
	color: var(--color-white);
}

.btn-green-sm:hover,
.btn-green-sm:focus {
	background-color: var(--color-success-green-hover);
	border-color: var(--color-success-green-hover);
	box-shadow: var(--btn-shadow-hover);
	color: var(--color-white);
}

.btn-green-sm:active {
	background-color: var(--color-success-green-active);
	border-color: var(--color-success-green-active);
	box-shadow: var(--btn-shadow-active);
	color: var(--color-white);
}

.btn-red-sm {
	background-color: var(--color-danger-red);
	border: 1px solid var(--color-danger-red);
	color: var(--color-white);
}

.btn-red-sm:hover,
.btn-red-sm:focus {
	background-color: var(--color-danger-red-hover);
	border-color: var(--color-danger-red-hover);
	box-shadow: var(--btn-shadow-hover);
	color: var(--color-white);
}

.btn-red-sm:active {
	background-color: var(--color-danger-red-active);
	border-color: var(--color-danger-red-active);
	box-shadow: var(--btn-shadow-active);
	color: var(--color-white);
}

.btn-orange-sm:focus,
.btn-orange-sm:focus-visible,
.btn-orangeborder-sm:focus,
.btn-orangeborder-sm:focus-visible,
.btn-slate-sm:focus,
.btn-slate-sm:focus-visible,
.btn-gray-sm:focus,
.btn-gray-sm:focus-visible,
.btn-blue-sm:focus,
.btn-blue-sm:focus-visible,
.btn-green-sm:focus,
.btn-green-sm:focus-visible,
.btn-red-sm:focus,
.btn-red-sm:focus-visible {
	outline: 2px solid var(--color-brand-off-white);
	outline-offset: 1px;
	box-shadow:
		0 0 0 4px var(--color-focus-ring),
		var(--btn-shadow-hover);
}

.btn-gray-sm:focus,
.btn-gray-sm:focus-visible,
.btn-blue-sm:focus,
.btn-blue-sm:focus-visible {
	box-shadow:
		0 0 0 2px var(--color-brand-off-white),
		0 0 0 5px var(--color-brand-gold),
		var(--btn-shadow-hover);
}

.btn-orange-sm:disabled,
.btn-orangeborder-sm:disabled,
.btn-slate-sm:disabled,
.btn-gray-sm:disabled,
.btn-blue-sm:disabled,
.btn-green-sm:disabled,
.btn-red-sm:disabled {
	background-color: var(--color-disabled-surface);
	border-color: var(--color-disabled-border);
	box-shadow: none;
	color: var(--color-disabled-text);
	cursor: not-allowed;
}

.btn-nostyle {
	background: transparent;
	border: 0;
	box-shadow: none;
	color: inherit;
	display: inline;
	margin: 0;
	min-width: 0;
	padding: 0;
	text-transform: none;
}

.btn-toggle-on {
	background-color: var(--color-brand-dark-gray) !important;
	border: 1px solid var(--color-brand-dark-gray) !important;
	border-radius: 8px;
	color: var(--color-white) !important;
	display: inline-block;
	font-size: 10px;
	padding: 1px 5px;
	text-align: center;
	text-decoration: none !important;
	width: 50px;
}

.btn-toggle-off {
	background-color: var(--color-white) !important;
	border: 1px solid var(--color-brand-dark-gray) !important;
	border-radius: 8px;
	color: var(--color-brand-dark-gray) !important;
	display: inline-block;
	font-size: 10px;
	padding: 1px 5px;
	text-align: center;
	text-decoration: none !important;
	width: 50px;
}

.logout-circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f58220;   /* TVCC orange */
    color: #000;
    margin-top:-10px;
    text-decoration: none;
    font-weight: bold;
    border: 2px solid #f58220;
    cursor: pointer;
}

.logout-circle:hover {
    background: #e06f00;
    color: #000;
}

@media (max-width: 600px) {
	.btn,
	.btn-default,
	.btn-slider,
	.btn-orange,
	.btn-blue,
	.btn-orangeborder,
	.btn-slate,
	.btn-gray,
	.btn-dark,
	.btn-green,
	.btn-red,
	.btn-white,
	.btn-light-blue,
	.blue-banner-button,
	.gray-banner-button,
	.btn-orange-sm,
	.btn-orangeborder-sm,
	.btn-slate-sm,
	.btn-gray-sm,
	.btn-blue-sm,
	.btn-green-sm,
	.btn-red-sm {
		white-space: normal;
	}
}

[class^="btn-"],
[class*=" btn-"] {
	text-align: center !important;
}