.sdc-bs-header {
	width: 100%;
	font-size: var(--adl-font-size-sm);
	font-family: var(--adl-font-family) !important;
	font-weight: var(--adl-font-weight-normal);
	font-style: normal;
	color: var(--adl-grey-800);
}

.sdc-bs-header .nav-collapse {
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: visible;
}

/* navbar & background */
.sdc-bs-header .navbar-inner {
	border: none;
	background: var(--adl-surface-container);
	padding-left: 16px;
	padding-right: 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* positioning and coloring of main items in navbar */
.sdc-bs-header .navbar .nav>li {
	height: 56px;
	display: block;
}

.sdc-bs-header .navbar .nav>li.active {
	border-bottom: 4px solid var(--adl-red-500);
}

.sdc-bs-cs .navbar {
	margin: 0px;
}

.sdc-bs-header .navbar .nav>li:hover {
	background-color: #CCEFFF;
}

.sdc-bs-header .navbar .nav>li.app-logo:hover {
	background-color: transparent;
}

/* menu button text */
.sdc-bs-header .navbar .nav>li>a {
	color: var(--adl-grey-black);
	line-height: 31px;
}


/* active nav menu item red underline */
.sdc-bs-header .navbar .nav>li.active>a,
.sdc-bs-header .navbar .nav>li.active.dropdown>.dropdown-toggle,
.sdc-bs-header .navbar .nav>li.active:hover>a,
.sdc-bs-header .navbar .nav>li.active.dropdown:hover>a {
	background-color: var(--adl-grey-white);
	color: var(--adl-grey-800);
	font-weight: var(--adl-font-weight-bold);
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

.sdc-bs-header .navbar .nav>li>a .feature-gate-icon {
	background-image: url(../img/feature-gate-icon.svg);
	background-size: 16px;
	display: inline-block;
	width: 16px !important;
	height: 16px !important;
	background-size: 48px;
	background-position: 0px -32px;
	vertical-align: middle;
	margin-bottom: 10px;
}

.sdc-bs-header>.navbar>div>div>ul.nav.hide-on-phone>li.dropdown.nav-history>ul>li:nth-child(4)>a:hover>img.feature-gating-icon-hover {
	position: relative;
	top: 4px;
	right: 25px;
}

.sdc-bs-header>.navbar>div>div>ul.nav.hide-on-phone>li.dropdown.nav-history>ul>li:nth-child(4)>a>img.feature-gating-icon {
	position: relative;
	top: 4px;
}

.sdc-bs-header .navbar .nav>li.dropdown.username ul.dropdown-menu.signed-in-dropdown {
	min-width: 190px;
	padding: 0;
}

.sdc-bs-header .navbar .nav>li.dropdown.username ul.dropdown-menu.signed-in-dropdown form {
	margin: 0px 15px;
}

.sdc-bs-header .navbar .nav>li.dropdown.username ul.dropdown-menu.signed-in-dropdown .download.noMac {
	margin-top: 0px;
}

.sdc-bs-header .navbar .nav>li.dropdown.username ul.dropdown-menu.signed-in-dropdown .download.noMac.dld-no-top-border {
	border-top: 0;
}

.sdc-bs-header .navbar .nav>li.dropdown.username ul.dropdown-menu li {
	margin: 0;
}

/* dropdown menu items */
.sdc-bs-header .dropdown-menu>li>a {
	color: var(--adl-grey-black);
	padding: 11px 18px;
	font-weight: var(--adl-font-weight-normal);
}

.sdc-bs-header .navbar .nav>li.dropdown.username ul.dropdown-menu li a.getsupplies {
	padding-top: 14px;
	line-height: 1.4;
	padding-bottom: 14px;

	&:hover {
		background-color: #CCEFFF;
	}

	.supplies-icon {
		background-image: url(../img/shopping-cart-icon.svg);
		background-size: 16px;
		display: inline-block;
		width: 16px !important;
		height: 16px !important;
		background-position: -16px -32px;
		background-size: 48px;
		vertical-align: middle;
		margin-left: 30px;
	}
}

.sdc-bs-header .navbar .nav>li.dropdown.username ul.dropdown-menu li a.upgrade {
	padding: 7px 7px 12px 51px;
	font-size: 12px;
	background: 14px 50% no-repeat url(../img/upgrade.png);
	line-height: 1.4;
}

.sdc-bs-header .navbar .nav>li.dropdown.username ul.dropdown-menu li a.upgrade:hover {
	background: 14px 50% no-repeat url(../img/upgrade_hover.png) #565e64;
	color: #ffffff;
}

/* Stamps.com logo */
.sdc-bs-header .navbar .nav .nav-sdcLogo {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	margin-right: 110px;
}

.sdc-bs-header .navbar .nav .nav-sdcLogo .sdcLogo {
	width: 114px;
	height: var(--adl-line-height-md);
}

/* section aligned to the right */
.sdc-bs-header .navbar .nav.pull-right,
.sdc-bs-header .nav-collapse > .nav.pull-right {
	margin: 0;
	display: flex;
	align-items: center;
	float: none !important;
}

.sdc-bs-header .navbar .nav.pull-right li {
	margin-left: 0px;
}

/* navbar / vertical divider */
.sdc-bs-header .navbar .nav>.divider-vertical {
	height: 30px;
	background-color: #e5e5e5;
	border-right: 0px solid #e5e5e5;
	margin-top: 10px;
}

/* account balance widget */
.sdc-bs-header .navbar .nav .balance {
	height: 34px;
	border: 1px solid var(--adl-grey-100);
	border-radius: var(--adl-border-radius-xs);
	-webkit-border-radius: var(--adl-border-radius-xs);
	-moz-border-radius: var(--adl-border-radius-xs);
	margin-right: 10px;
}

.sdc-bs-header .navbar .nav>.balance>a {
	line-height: 34px;
	padding: 0px 10px 0;
}

.sdc-bs-header .navbar .nav>.balance>a>strong {
	color: var(--adl-green-600);
}

.sdc-bs-header .navbar .nav .balance .dropdown-menu {
	margin-top: 0px;
}

/* username tab */
.sdc-bs-header .username {
	max-height: 34px;
	border: 1px solid var(--adl-grey-100);
	border-radius: var(--adl-border-radius-xs);
	-webkit-border-radius: var(--adl-border-radius-xs);
	-moz-border-radius: var(--adl-border-radius-xs);
}

.sdc-bs-header #username {
	line-height: 0;
}

.sdc-bs-header #username>span {
	font-size: var(--adl-font-size-sm);
	font-weight: 600;
	position: relative;
	top: -5px;
}

.sdc-bs-header .navbar .nav .username .dropdown-menu {
	margin-top: 0px;
}

/* Remove default dropdown arrows */
.sdc-bs-header .navbar .nav>li>.dropdown-menu:before,
.sdc-bs-header .navbar .nav>li>.dropdown-menu:after {
	display: none;
}

.sdc-bs-header .navbar .nav .dropdown .caret {
	margin-left: 8px;
	margin-top: 16px;
}

.sdc-bs-header .caret,
.sdc-bs-header .navbar .nav li.dropdown>a.dropdown-toggle .caret {
	border-top-color: #e5e5e5;
	border-bottom-color: #e5e5e5;
}

.sdc-bs-header .nav .dropdown-toggle:hover .caret,
.sdc-bs-header .nav .dropdown-toggle:focus .caret,
.sdc-bs-header .navbar .nav li.dropdown>a:hover .caret,
.sdc-bs-header .navbar .nav li.dropdown>a:focus .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}

.sdc-bs-header .navbar .nav .dropdown .dropdown-toggle .dd-caret {
	width: 16px;
	height: 16px;
	position: relative;
	top: 4px;
}

/** dropdown menus **/
.sdc-bs-header .navbar .nav>.dropdown .dropdown-menu {
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	background-color: #ffffff;
	border: 0 none;
	padding: 0;
	-webkit-box-shadow: 0px 0px 5px rgba(184, 184, 184, 0.6);
	-moz-box-shadow: 0px 0px 5px rgba(184, 184, 184, 0.6);
	box-shadow: 0px 0px 5px rgba(184, 184, 184, 0.6);
}

.sdc-bs-header .dropdown-menu div {
	color: #0a0a0a;
}

.sdc-bs-header .dropdown-menu div.features,
.sdc-bs-header .dropdown-menu div.downloadNow {
	color: #333333;
}

f .sdc-bs-header .dropdown-menu li {
	background-color: #ffffff;
	margin-bottom: 0;
}

.sdc-bs-header .dropdown:hover .dropdown-menu,
.sdc-bs-header .username .sign-in-progress,
.sdc-bs-header .username .show-signIn-dropdown {
	display: block;
}

/* Sign in dropdown */
.sdc-bs-header .dropdown-menu form {
	padding: 10px 0px;
	font-size: 12px;
	color: #fff;
	margin-bottom: 5px;
}

.sdc-bs-header .dropdown-menu .checkbox {
	font-size: 12px;
	color: #0a0a0a;
}

.sdc-bs-header .dropdown-menu form a {
	position: relative;
	margin: 3px;
	font-size: 12px;
	color: #2159a8;
	text-decoration: underline !important;
	vertical-align: baseline;
}

.sdc-bs-header .dropdown-menu form a:hover {
	color: #1c9eff;
}

.sdc-bs-header .dropdown-menu form input[type="text"],
.sdc-bs-header .dropdown-menu form input[type="password"] {
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	color: #0a0a0a;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-radius: 1px;
	border-color: #a2a2a2;
}

.sdc-bs-header .dropdown-menu form input[type="text"]:focus,
.sdc-bs-header .dropdown-menu form input[type="password"]:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 1px solid #255aa6;
}

.sdc-bs-header .dropdown-menu form label {
	font-size: 12px;
	color: #848788;
}

.sdc-bs-header .dropdown-menu .download.noMac {
	text-align: left;
	border-top: 1px solid #e5e5e5;
	margin-top: 8px;
	padding: 0;
	padding-left: 18px;
	height: 41px;
	padding-top: 3px;
}

.sdc-bs-header .dropdown-menu .download.noMac .download-hover {
	display: none;
}

.sdc-bs-header .dropdown-menu .download.noMac:hover,
.sdc-bs-header .navbar .nav>li.dropdown.nav-help.active>a {
	background-color: #565e64;
	color: #ffffff;
}

.sdc-bs-header .dropdown-menu .download.noMac:hover .download-hover {
	display: block;
}

.sdc-bs-header .dropdown-menu .download.noMac:hover .download {
	display: none;
}

.sdc-bs-header .dropdown-menu .download.noMac a {
	height: 32px;
	padding: 2px 0px;
	border-bottom: 0px solid red;
	background-color: transparent !important;
}

.sdc-bs-header .dropdown-menu .download.noMac:hover div {
	color: #ffffff;
}

.sdc-bs-header .dropdown-menu .download.noMac img {
	float: left;
	width: 25px;
	height: 25px;
	margin-top: 3px;
	margin-right: 8px;
	display: inline-block;
	border: none;
}

.sdc-bs-header .dropdown-menu .download .downloadLabel {
	float: left;
	width: 100px;
	height: 32px;
	line-height: 16px;
	display: inline-block;
}

.sdc-bs-header .dropdown-menu .download .features,
.sdc-bs-header .dropdown-menu .download .downloadNow {
	height: 16px;
	font-size: 12px;
	line-height: 16px;
	display: block;
}

.sdc-bs-header .dropdown-menu .download .downloadNow {
	font-size: 12px;
	font-weight: bold;
}

.sdc-bs-header .dropdown-menu .forgot {
	font-size: 12px;
	line-height: 14px;
	margin: 5px 0 10px 18px;
	display: block;
}

.sdc-bs-header .dropdown-menu .forgot a {
	position: relative;
	text-decoration: underline;
	color: #2159a8;
}

.sdc-bs-header .dropdown-menu .forgot a:hover {
	color: #1c9eff;
}

.sdc-bs-header .dropdown-menu.help-menu>li>a .help-icon {
	position: relative;
	top: 2px;
	margin-left: 8px;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	display: inline-block;
}

.sdc-bs-header .dropdown-menu.help-menu>li>a .help-center {
	background: no-repeat url(../img/open-link.png);
}

.sdc-bs-header .dropdown-menu>li>a:hover,
.sdc-bs-header .dropdown-menu>li>a:focus,
.sdc-bs-header .dropdown-submenu:hover>a,
.sdc-bs-header .dropdown-submenu:focus>a {
	color: var(--adl-grey-black);
	background-color: #CCEFFF;
	filter: none;
	text-decoration: none;
	background-image: none;
	background-repeat: repeat-x;
	font-weight: var(--adl-font-weight-bold);
}

.sdc-bs-header .dropdown-menu>.download {
	padding: 3px 10px 10px 10px;
}

.sdc-bs-header .dropdown-menu .divider {
	width: 100%;
	margin-left: 10px;
	border-bottom: 1px solid #e5e5e5;
	height: 0px;
}

.sdc-bs-header .dropdown-menu button {
	margin-right: 5px;
}

.sdc-bs-header .btn-sign-in {
	font-size: 14px;
	color: #fff;
	background-image: none;
	background-color: #2159a8;
	border: 1px solid #2159a8;
	text-shadow: none;
	box-shadow: none;
	vertical-align: baseline;
}

.sdc-bs-header .btn-sign-in:hover {
	background-color: #1a3f74;
	-webkit-box-shadow: inset 0 1px 8px rgba(13, 37, 71, 0.53) !important;
	-moz-box-shadow: inset 0 1px 8px rgba(13, 37, 71, 0.53) !important;
	box-shadow: inset 0 1px 8px rgba(13, 37, 71, 0.53) !important;
}

.btn-show-password {
	position: absolute;
	display: inline-block;
	cursor: pointer;
	width: 44px;
	height: 40px;
	right: 0px;
	background-size: 16px 16px !important;
	border-color: transparent !important;
	background: url(../img/password_show.png) no-repeat center;
}

.btn-show-password .tooltiptext {
	text-align: left;
	text-transform: none;
	color: #0a0a0a;
	font-size: 13px;
	visibility: hidden;
	position: absolute;
	padding: 3px 3px 3px 8px;
	width: 120px;
	z-index: 19000;
	border-radius: 3px;
	border-color: transparent;
	border-width: 1px;
	border-style: solid;
	background-color: #eef2f8;
	white-space: pre-wrap;
	font-weight: normal;
	line-height: 24px;
	margin-top: 0px;
	transform: translateX(-100%) translateY(0);
}

.btn-show-password:hover .tooltiptext {
	visibility: visible;
}

.btn-show-password .tooltiptext:hover {
	visibility: hidden;
}

.btn-hide-password {
	position: absolute;
	display: inline-block;
	cursor: pointer;
	width: 44px;
	height: 40px;
	right: 0px;
	background-size: 16px 16px !important;
	border-color: transparent !important;
	background: url(../img/password_hide.png) no-repeat center;
}

.btn-hide-password .tooltiptext {
	text-align: left;
	text-transform: none;
	color: #0a0a0a;
	font-size: 13px;
	visibility: hidden;
	position: absolute;
	padding: 3px 3px 3px 8px;
	width: 115px;
	z-index: 19000;
	border-radius: 3px;
	border-color: transparent;
	border-width: 1px;
	border-style: solid;
	background-color: #eef2f8;
	white-space: pre-wrap;
	font-weight: normal;
	line-height: 24px;
	margin-top: 0px;
	transform: translateX(-100%) translateY(0);
}

.btn-hide-password:hover .tooltiptext {
	visibility: visible;
}

.btn-hide-password .tooltiptext:hover {
	visibility: hidden;
}

.password-container {
	position: relative;
	display: inline-block;
}

/* remove gap between tab and dropdown menu backgrounds */
.sdc-bs-header .nav-tabs .dropdown-menu,
.sdc-bs-header .nav-pills .dropdown-menu,
.sdc-bs-header .navbar .dropdown-menu {
	margin-top: -7px;
}

/* smaller font for the sign in link on the right side ov navbar */
.sdc-bs-header .signInLink {
	font-size: 12px;
}

/* remove outline from tabs that are focused on */
.sdc-bs-header .navbar a:focus {
	outline: none;
}

/* appcap disabled feature icon */
.sdc-bs-header .lock-icon {
	position: relative;
	margin-left: 5px;
	margin-right: 2px;
	top: 2px;

	background-size: 16px;
	display: inline-block;
	width: 16px !important;
	height: 16px !important;
	background-image: url(../img/lock.svg);
	background-position: -16px -32px;
	background-size: 48px;
}

/* SDC alert at top of page */
#sdcAlert {
	display: none;
	overflow: hidden;
}

.alert,
#sdcAlert {
	margin-bottom: 0px;
	background-color: #ffed77;
	color: #000;
	padding: 3px 35px 3px 14px;
	font-size: 12px;
}

#innerAlert p {
	width: 800px;
	margin: 5px 50px;
	line-height: 120%;
}

#alertClose {
	float: right;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
}

#alertIcon {
	float: left;
	margin-left: 20px;
	margin-top: 10px;
}

#innerAlert {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

/* sign in modal */
#signInModal {
	width: 325px;
	margin-left: -12.5%;
	border-radius: 0px;
}

#InvalidUsernamePasswordMsg,
#MutliLoginFailureMsg {
	display: none;
}

#signInModal form ul {
	list-style-type: none;
}

#signInModal .modal-header {
	padding: 5px 10px 0;
	background-color: #316aa9;
}

#signInModal .modal-header p {
	color: #fff;
}

#signInModal .close {
	color: #ffffff;
	opacity: 1.0;
	text-shadow: none;
}

#closeDetails {
	display: none;
	margin-top: -30px;
	float: right;
}

#alertDetails,
#alertDetails h3 {
	font-size: 12px;
	line-height: 20px;
}

#InvalidUsernamePasswordMsg {
	color: #a40000;
	padding: 5px;
	display: none;
	margin-bottom: 5px;
}

#InvalidUsernamePasswordMsg label {
	line-height: 14px;
	color: #c10001;
	margin: 0px;
}

#forgot_username_content .dialogInner div {
	padding: 7px 0;
}

#forgot_username_content .label {
	font-weight: bold;
}

#forgot_username_content input {
	margin: 0 15px;
}

#forgot_username_content div.errorMessage {
	background: #FEE0D9;
	color: #990000;
	display: none;
	margin: 10px;
	padding: 5px;
}

.dialogContent .dialogInner {
	padding: 0.5em 1em;
}

#forgot_username_content,
#forgot_username_response,
#password_reset_content,
#security_redirect_popup {
	display: none;
}

#password_reset_content #errorMessage {
	display: none;
	background-color: #FEDCD5;
	line-height: 1.8em;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin: 10px 10px 0px 10px;
	color: red;
}

#password_reset_content #errorMessage img {
	margin-right: 5px;
	float: left;
}

#password_reset_content .standardForm label {
	width: 12em;
	padding-top: 10px;
}

#passwordResetForm {
	margin-top: 20px;
}

#postageBalanceAmt {
	font-weight: normal;
}

#postageBalanceAmt.negative-balance {
	color: #FF6D6E;
}

/* Super encloses iframe's cancel button with the custom cancel button. */
div.dhtmlx_window_active .fpcloseButton {
	position: absolute;
	right: 13px;
	bottom: 16px;
	width: 85px;
}

/** Bootstrap selectors starts **/
/* The following  selectors are required for modal fade in, fade out and modal functionality.
 * This is since bootstrap.css is namespaced to sdc-header.css and all the selectors apply only
 * to the div element enclosing header, there these selectors are not available to modal dom
 * which is appended to body.
 */
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000;
}

.modal-backdrop.fade {
	opacity: 0;
}

.modal-backdrop,
.modal-backdrop.fade.in {
	opacity: .8;
	filter: alpha(opacity=80);
}

.fade {
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	-moz-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear;
}

.fade.in {
	opacity: 1;
}

.sdc-bs-header ul li {
	margin-bottom: 0;
}

.sdcLogo {
	border: none !important;
}

#containerLabelAlertIcon {
	font-size: 12px;
	text-align: center;
	top: 8px;
	right: 25px;
	width: auto;
	min-width: 12px;
	font-weight: bolder;
	color: white;
	border-radius: 15px;
	padding: 3px 4px;
	background-image: none;
	background-color: #FF0000;
}

.sdc-bs-header .navbar .nav>li.dropdown.nav-history .tooltiptext {
	text-align: left;
	text-transform: none;
	color: #0a0a0a;
	font-size: 13px;
	visibility: hidden;
	position: absolute;
	padding: 3px 3px 3px 8px;
	width: 400px;
	z-index: 19000;
	border-radius: 3px;
	border-color: #cc3300;
	border-width: 1px;
	border-style: solid;
	background-color: #eef2f8;
	white-space: pre-wrap;
	font-weight: normal;
	line-height: 24px;
	margin-top: 0px;
	transform: translateX(-100%) translateY(0);
}

.nav-history .hideContainerLabel {
	display: none;
}

.sdc-bs-header .navbar .nav>li.dropdown.nav-history:hover .tooltiptext {
	visibility: visible;
}

.middle-container {
	flex: 1;
	display: flex;
	justify-content: flex-end;
}


a.x-btn-upgrade-medium {
	color: #fff !important;
}

a.x-btn-upgrade-medium:hover {
	background-color: var(--adl-purple-600);
}

a.x-btn-upgrade-medium:active {
	background-color: var(--adl-purple-700);
}


.header-badge {
	display: flex;
	width: 47px;
	padding: var(--adl-padding-xs) var(--adl-padding-sm);
	justify-content: center;
	align-items: center;
	gap: var(--adl-padding-xs);
	border-radius: var(--adl-border-radius-md);
	background-color: var(--adl-badge-background-color);
	color: var(--adl-grey-white);
	font-size: var(--adl-font-size-xs);
	font-weight: var(--adl-font-weight-bold);
	line-height: var(--adl-line-height-xs);
	white-space: nowrap;
}


.header-badge.complete {
	background-color: var(--adl-purple-500);
}


.popover-element {
	position: relative;
}


.popover-element .trigger {
	background-image: url(../img/help-icon.svg);
	background-size: 16px;
	background-position: center;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}


.popover-element .content {
	display: none;
	position: absolute;
	top: 28px;
	/* height of trigger + height of indicator */
	right: 50%;
	transform: translateX(50%);
	background-color: #fff;
	border: 1px solid black;
	z-index: 1;
	padding: 6px var(--adl-margin-xs);
	border-radius: var(--adl-border-radius-xs);
	border: 1px solid var(--adl-border-light);
	max-width: 240px;
	min-height: 32px;
	max-height: 160px;
	box-shadow: var(--adl-elevation-xs);
}


.popover-element .content::before {
	content: '';
	position: absolute;
	top: -7px;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
	width: 12px;
	height: 12px;
	background-color: #fff;
	border-left: 1px solid var(--adl-border-light);
	border-top: 1px solid var(--adl-border-light);
}


.popover-element:hover .content {
	display: block;
}


.paygo-upgrade-container {
	display: flex;
	align-items: center;
	gap: var(--adl-gap);
	margin-right: var(--adl-margin-xs);
}


@media (max-width: 1304px) {
	.paygo-upgrade-container {
		display: none;
	}
}


.paygo-upgrade-container .prints-used-label {
	color: var(--adl-grey-900);
}


.paygo-upgrade-container .popover-element .content {
	min-width: 205px;
}

.typography.paragraph {
	font-size: var(--adl-font-size-xs);
	font-weight: var(--adl-font-weight-normal);
	line-height: var(--adl-line-height-xs);
}

.typography.bold {
	font-weight: var(--adl-font-weight-bold);
}

.hidden {
	display: none !important;
}

/* chatbot icon styles */
.sdc-bs-header .navbar .nav > li.chatbot {
	height: 56px;
	margin-right: 10px;
	display: flex;
	align-items: center;
}

.sdc-bs-header .navbar .nav > li.chatbot > a {
	padding: var(--adl-padding-sm) var(--adl-padding-xs);
	display: flex;
}

.sdc-bs-header .navbar .nav > li.chatbot:hover {
	background-color: transparent !important;
}

.sdc-bs-header .navbar .nav > li.chatbot:hover > a {
	background-color: var(--adl-grey-100);
	border-radius: var(--adl-border-radius-xs);
}

.device-chatbot {
	position: absolute;
	top: 0px;
	right: 45px;
	height: 56px;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;

}

.device-chatbot > a {
	padding: var(--adl-padding-sm) var(--adl-padding-xs);
	display: flex;
	align-items: center;
}

.device-chatbot .chatbot-btn-icon {
	width: 24px;
	height: 24px;
}