/*overall page structure*/
html, body {
	height: 100%;
}

body {
	overflow: auto;
}

#wrapper {
	width: 100%;
	min-height: 100%;
	overflow: visible;
	display: flow-root;
	position: relative;
}

#main {
	padding: 96px 15px 0;
}
/*content area - within which gms and sms will have different styling */
#content {
	float: right;
	padding: 16px 15px 40px 27px;
}


/* navbar/ header */

.navbar {
	width: 100%;
	position: fixed;
	z-index: 5;
	height: 96px;
}

	.navbar .container {
		position: relative;
	}

	.navbar .logo {
		margin: 0;
		display: inline-block;
	}

	.navbar .logo img.client-logo {
		width: 240px;
		height: 69px;
		object-fit: contain;
		margin: 0;
		display: block;
	}

	.navbar .logo img.client-logo--white,
	.logo-editor-stage.client-logo--white {
		filter: brightness(0) invert(1);
	}

	.navbar .logo img.client-logo--dark,
	.logo-editor-stage.client-logo--dark {
		filter: brightness(0);
	}

	/* Sticky .navbar clips overflow, so theme art lives on a fixed overlay. */
	.client-theme-fx {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 96px;
		pointer-events: none;
		z-index: 6;
		overflow: hidden;
	}

	.logo-editor-preview.client-theme-halloween,
	.logo-editor-preview.client-theme-holiday,
	.logo-editor-preview.client-theme-haunted,
	.logo-editor-preview.client-theme-starry-night {
		position: relative;
		overflow: hidden;
	}

	.logo-editor-preview.client-theme-halloween .logo-editor-window,
	.logo-editor-preview.client-theme-holiday .logo-editor-window,
	.logo-editor-preview.client-theme-haunted .logo-editor-window,
	.logo-editor-preview.client-theme-starry-night .logo-editor-window {
		position: relative;
		z-index: 2;
	}

	.client-theme-fx.client-theme-halloween::before,
	.client-theme-fx.client-theme-halloween::after,
	.logo-editor-preview.client-theme-halloween::before,
	.logo-editor-preview.client-theme-halloween::after {
		content: "";
		position: absolute;
		top: 0;
		width: 168px;
		height: 96px;
		pointer-events: none;
		z-index: 1;
		opacity: 0.8;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 96'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.55' stroke-width='1.1' stroke-linecap='round'%3E%3Cpath d='M0 0L155 6M0 0L140 32M0 0L105 62M0 0L58 88M0 0L18 96'/%3E%3Cpath d='M16 1C20 10 10 20 1 16'/%3E%3Cpath d='M34 2C42 20 20 42 2 34'/%3E%3Cpath d='M56 3C70 32 32 70 3 56'/%3E%3Cpath d='M82 4C104 48 48 104 4 82'/%3E%3Cpath d='M112 5C138 64 64 138 5 112'/%3E%3C/g%3E%3C/svg%3E") no-repeat top left / 168px 96px;
	}

	.client-theme-fx.client-theme-halloween::before,
	.logo-editor-preview.client-theme-halloween::before {
		left: 0;
	}

	.client-theme-fx.client-theme-halloween::after,
	.logo-editor-preview.client-theme-halloween::after {
		right: 0;
		transform: scaleX(-1);
	}

	.client-snow {
		position: absolute;
		top: -22px;
		width: 14px;
		height: 14px;
		pointer-events: none;
		z-index: 1;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.85' stroke-width='1.1' stroke-linecap='round'%3E%3Cpath d='M8 1v14M1 8h14M2.9 2.9l10.2 10.2M2.9 13.1L13.1 2.9'/%3E%3Cpath d='M8 3.2l-1.1-1.1M8 3.2l1.1-1.1M8 12.8l-1.1 1.1M8 12.8l1.1 1.1M3.2 8l-1.1-1.1M3.2 8l-1.1 1.1M12.8 8l1.1-1.1M12.8 8l1.1 1.1'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain;
		animation: client-holiday-flake 9s linear infinite;
	}

	.client-snow:nth-child(1) { left: 7%;  width: 11px; height: 11px; animation-duration: 8.5s; animation-delay: -1.2s; opacity: .8; }
	.client-snow:nth-child(2) { left: 22%; width: 16px; height: 16px; animation-duration: 11s;  animation-delay: -6.4s; opacity: .95; }
	.client-snow:nth-child(3) { left: 39%; width: 10px; height: 10px; animation-duration: 7s;   animation-delay: -3.1s; opacity: .65; }
	.client-snow:nth-child(4) { left: 54%; width: 18px; height: 18px; animation-duration: 13s;  animation-delay: -8.8s; opacity: .9; }
	.client-snow:nth-child(5) { left: 68%; width: 12px; height: 12px; animation-duration: 9.5s; animation-delay: -4.7s; opacity: .7; }
	.client-snow:nth-child(6) { left: 81%; width: 9px;  height: 9px;  animation-duration: 6.5s; animation-delay: -2s;   opacity: .55; }
	.client-snow:nth-child(7) { left: 93%; width: 15px; height: 15px; animation-duration: 10s;  animation-delay: -7.3s; opacity: .85; }

	@keyframes client-holiday-flake {
		to { transform: translateY(130px) rotate(160deg); }
	}

	.client-ghost {
		position: absolute;
		left: -56px;
		width: 34px;
		height: 42px;
		pointer-events: none;
		z-index: 1;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 40'%3E%3Cpath fill='%23fff' fill-opacity='.82' d='M16 2c7 0 13 6 13 14v16c0 2-2.2 1.2-3.4.2-1.2 1.4-3.2.4-3.8-1.1-.8 1.6-3 .8-3.4-1-.7 1.7-3.1 1.1-3.5-.8C14 31 12 32.2 11 30.4 9.6 32 7.4 31.2 7 29.4 5.6 30.8 3 30 3 28V16C3 8 9 2 16 2z'/%3E%3Cellipse cx='12' cy='16' rx='2.2' ry='3' fill='%23222'/%3E%3Cellipse cx='20' cy='16' rx='2.2' ry='3' fill='%23222'/%3E%3C/svg%3E") no-repeat center / contain;
		animation: client-haunted-drift 20s linear infinite;
	}

	.client-ghost:nth-child(1) { top: 6px;  width: 38px; height: 46px; animation-duration: 18s; animation-delay: -3s; opacity: .8; }
	.client-ghost:nth-child(2) { top: 40px; width: 24px; height: 30px; animation-duration: 26s; animation-delay: -14s; opacity: .55; }
	.client-ghost:nth-child(3) { top: 22px; width: 30px; height: 38px; animation-duration: 22s; animation-delay: -9s; opacity: .7; }

	@keyframes client-haunted-drift {
		0% { transform: translateX(0) translateY(0); }
		25% { transform: translateX(30vw) translateY(8px); }
		50% { transform: translateX(58vw) translateY(-7px); }
		75% { transform: translateX(86vw) translateY(6px); }
		100% { transform: translateX(118vw) translateY(0); }
	}

	.client-moon {
		position: absolute;
		top: 14px;
		right: 32px;
		width: 50px;
		height: 50px;
		pointer-events: none;
		z-index: 1;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill='%23F6E7B0' d='M24 5a15 15 0 1 0 7 26.5A13 13 0 1 1 24 5z'/%3E%3C/svg%3E") no-repeat center / contain;
		filter: drop-shadow(0 0 8px rgba(246,231,176,.55));
	}

	.client-star {
		position: absolute;
		width: 10px;
		height: 10px;
		pointer-events: none;
		z-index: 1;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23fff' d='M6 0l1.15 4.2L12 6 7.15 7.8 6 12 4.85 7.8 0 6l4.85-1.8z'/%3E%3C/svg%3E") no-repeat center / contain;
		animation: client-starry-twinkle 3.2s ease-in-out infinite;
	}

	.client-star:nth-child(2) { left: 14%; top: 16px; width: 9px;  height: 9px;  animation-duration: 2.6s; animation-delay: -.4s; }
	.client-star:nth-child(3) { left: 28%; top: 48px; width: 7px;  height: 7px;  animation-duration: 3.8s; animation-delay: -1.8s; }
	.client-star:nth-child(4) { left: 46%; top: 12px; width: 12px; height: 12px; animation-duration: 2.2s; animation-delay: -0.9s; }
	.client-star:nth-child(5) { left: 61%; top: 52px; width: 8px;  height: 8px;  animation-duration: 4.1s; animation-delay: -2.4s; }
	.client-star:nth-child(6) { left: 74%; top: 22px; width: 6px;  height: 6px;  animation-duration: 2.9s; animation-delay: -1.1s; }
	.client-star:nth-child(7) { left: 86%; top: 58px; width: 11px; height: 11px; animation-duration: 3.5s; animation-delay: -2s; }

	@keyframes client-starry-twinkle {
		0%, 100% { opacity: .25; transform: scale(.8); }
		50% { opacity: 1; transform: scale(1.15); }
	}

	.navbar .logo2 {
		float: left;
	}

	.navbar div.navheader {
		background-color: none;
		float: none;
		color: #fff;
		overflow: hidden;
		padding: 8px 0 0 30px;
	}

	.navbar div.header1 {
		font-size: 18px;
		white-space: nowrap;
		overflow-x: hidden;
	}

		.navbar div.header1::after {
			content: "\00a0";
		}


		.navbar div.header2 {
			font-size: 25px;
			font-weight: bold;
			white-space: nowrap;
			overflow-x: hidden;
		}

	.navbar .slogan {
		color: #fff;
		font-size: 12px;
		line-height: 1.6;
		margin: 0 0 4px;
		letter-spacing: 2px;
		padding: 7px 0 5px 28px;
		border-left: 1px solid #74a1ca;
		text-transform: uppercase;
		display: inline-block;
		vertical-align: bottom;
		max-width: 346px;
		height: 50px;
		overflow: hidden;
	}

	.navbar .slogan2 {
		color: #fff;
		display: block;
		font-size: 18px;
		margin: 11px 0 -3px;
	}

	.navbar .logout {
		color: var(--primary-bg);
		position: absolute;
		background: #fff;
		border-color: #fff;
		font-weight: 900;
		letter-spacing: 1px;
		text-transform: uppercase;
		border-radius: 0 0 5px 5px;
		right: 25px;
		top: -13px;
		padding: 4px 15px 2px;		
	}

.logout {
	text-decoration: none;
}

/*left menu / sidebar*/
.panel-group {
	padding-top: 12px;
}

#sidebar {
	padding: 0 0 0 15px;
	position: relative;
	background: #f6f6f6;
	position: fixed;
	max-width: 256px;
	top: 96px; /*suparna update 11_15_17*/
	bottom: 0;
	z-index: 5; /* keep horizontally-scrolling #content under the sidebar background */
}

.jcf-scrollable {
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.jcf-scrollable-wrapper {
	overflow: hidden;
	width: 100%;
	height: 100%;
}

#sidebar:before {
	background: #f6f6f6;
	position: absolute;
	height: 100%;
	width: 1px;
	top: 0;
	right: 0;
	content: "";
	padding: 0 0 0 9999px;
	margin: 0 0 0 -9999px;
	-webkit-box-shadow: inset 0px -18px 16px 10px rgba(28,67,121,0.06);
	-moz-box-shadow: inset 0px -18px 16px 10px rgba(28,67,121,0.06);
	box-shadow: inset 0px -18px 16px 10px rgba(28,67,121,0.06);
}

.translated-ltr > body > .skiptranslate + #wrapper > .container > .row > #sidebar {
	top: 135px;
}

.burger-sublink {
	font-size: 9px;
	padding: 0px 3px;
}
.btn-group-burger .dropdown-menu > li.locked > a {
	color: var(--disabled-text);
}
.panel-group .panel {
	font-size: 15px;
	font-weight: 700;
	padding: 0px;
	color: var(--strong-text);
}


	.panel-group .panel span {
		padding:11px 0px 12px 12px;
		display:inline-block;
	}
	.panel-group .panel div.panel-collapse {
		margin: -13px 0px 0px 13px;
		padding-bottom: 13px;

	}
	.panel-group .panel div.panel-collapse span {
		padding: 0px;
	}
.panel-group .locked {
	color: var(--disabled-text);
}

.panel-group .panel > a {
	position: relative;
	display: block;
	color: inherit;
	z-index: 2;
	padding: 0 25px 0 31px;
}

.panel-group .panel.active {
	background: #fff;
	position: relative;
}

.panel-group .panel:hover:not(.locked) {
	background: #fff url(../images/bg-sidebar.gif) repeat-y 100% 0;
}

.panel-group .panel:hover > a {
	text-decoration: none;
}

.panel-group .panel a:focus {
	color: var(--active-text);
	text-decoration: underline;
}

.panel-group .panel > a:focus {
	text-decoration: none;
}

.panel-group .panel.active > a {
	color: var(--active-text);
}

	.panel-group .panel.active > a span {
		text-decoration: underline;
	}

.panel-group .panel.active.has-drop > a {
	color: inherit;
}

	.panel-group .panel.active.has-drop > a span {
		text-decoration: none;
	}

.panel-group .panel > a:before {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 14px;
	position: absolute;
	left: 0;
	top: 2px;
	text-decoration: none;
}

.panel-group .panel > a.program-dashboard:before {
	content: "\e90f";
	top: 15px;
	left: 10px;
}

.panel-group .panel > a.agency:before {
	content: "\e90e";
	font-size: 16px;
	top: 11px;
	left: 12px;
}

.panel-group .panel > a.workplan:before {
	content: "\e90d";
	font-size: 20px;
	top: 11px;
	left: 14px;
}

.panel-group .panel > a.invoices:before {
	content: "\e90c";
	font-size: 18px;
	top: 12px;
	left: 14px;
}

.panel-group .panel > a.participants-n-staff:before {
	content: "\e90b";
	font-size: 18px;
	top: 11px;
	left: 11px;
}

.panel-group .panel > a.activities:before {
	content: "\e90a";
	font-size: 18px;
	top: 11px;
	left: 11px;
}

.panel-group .panel > a.search:before {
	content: "\e900";
	font-size: 15px;
	top: 13px;
	left: 12px;
}

.panel-group .panel > a.ta-activities:before {
	content: "\e909";
	font-size: 17px;
	top: 12px;
	left: 12px;
}

.panel-group .panel > a.ypqa:before {
	content: "\e908";
	font-size: 16px;
	top: 14px;
	left: 11px;
}

.panel-group .panel > a.reports:before {
	content: "\e907";
	font-size: 17px;
	top: 13px;
	left: 13px;
}

.panel-group .panel > a.resources:before {
	content: "\e906";
	font-size: 14px;
	top: 15px;
	left: 13px;
}

.panel-group .panel > a.user-accounts:before {
	content: "\e905";
	font-size: 17px;
	top: 12px;
	left: 13px;
}

.panel-group .panel > a.admin-list:before {
	content: "\e911";
	font-size: 19px;
	top: 12px;
	left: 17px;
}

.panel-group .panel > a.incomplete:before {
	content: "\e921";
	font-size: 17px;
	top: 13px;
	left: 13px;
}

.panel-group .panel > a.ready-to-submit:before {
	content: "\e922";
	font-size: 17px;
	top: 13px;
	left: 13px;
}

.panel-group .panel > a.submitted-copy-3:before {
	content: "\e923";
	font-size: 17px;
	top: 13px;
	left: 13px;
}

.panel-group .panel > a.proposal-application:before {
	content: "\e924";
	font-size: 17px;
	top: 14px;
	left: 12px;
}

.panel-group .panel > a.proposal-list:before {
	content: "\e925";
	font-size: 15px;
	top: 13px;
	left: 12px;
}

.panel-group .panel > a.uploads:before {
	content: "\e914";
	font-size: 16px;
	top: 13px;
	left: 15px;
}

.panel-group .panel > a.edit-02:before {
	content: "\e926";
	font-size: 18px;
	top: 12.25px;
	left: 12px;
}

.panel-group .panel > a.megaphone:before {
	content: "\e927";
	font-size: 18px;
	top: 12.25px;
	left: 12px;
}

.panel-group .panel > a.clock:before {
	content: "\e928";
	font-size: 18px;
	top: 12.25px;
	left: 12px;
}

.panel-group .panel > a.facilities:before {
	content: "\e929";
	font-size: 20px;
	top: 10px;
	left: 13px;
}

.panel-group .panel > a.partners:before {
	content: "\e92a";
	font-size: 14.5px;
	top: 15px;
	left: 9px;
}

.panel-group .panel > a.lock:before {
	content: "\e92b";
	font-size: 17px;
	top: 13px;
	left: 13px;
}

.panel-group .panel > a.up-arrow:before {
	content: "\e92c";
	font-size: 17px;
	top: 13px;
	left: 13px;
}

.panel-group .panel > a.down-arrow1:before {
	content: "\e92d";
	font-size: 17px;
	top: 13px;
	left: 13px;
}

.panel-group .panel > a.solid-check:before {
	content: "\e930";
	font-size: 17px;
	top: 13px;
	left: 13px;
}

.panel-group .panel > a.stack:before {
	content: "\e92e";
	font-size: 17px;
	top: 13px;
	left: 13px;
}

.panel-group .panel > a.warning1:before {
	content: "\e92f";
	font-size: 17px;
	top: 13px;
	left: 13px;
}

.panel-group .panel > a.award-solid:before {
	content: "\e935";
	font-size: 21px;
	top: 12px;
	left: 13px;
}

.panel-group .panel > a.Organization_icon:before {
	content: "\e936";
	font-size: 17px;
	top: 13px;
	left: 13px;
}

.panel-group .panel > a.lifebuoy:before {
	content: "\e941";
	font-size: 17px;
	top: 13px;
	left: 13px;
}

.panel-group .panel > a.barcode:before {
	content: "\e937";
	font-size: 19px;
	top: 13px;
	left: 12px;
}

.panel-group .panel > a.phone:before {
	content: "\e942";
	font-size: 17px;
	top: 13px;
	left: 13px;
}

.panel-group .panel > a.address-book:before {
	content: "\e944";
	font-size: 17px;
	top: 13px;
	left: 12px;
}

.panel-group .panel > a.location:before {
	content: "\e947";
	font-size: 22px;
	top: 10px;
	left: 10px;
}

.panel-group .panel > a.compass2:before {
	content: "\e94a";
	font-size: 17px;
	top: 13px;
	left: 13px;
}

.panel-group .panel > a.bell:before {
	content: "\e951";
	font-size: 17px;
	top: 13px;
	left: 13px;
}

.panel-group .panel > a.download:before {
	content: "\e960";
	font-size: 17px;
	top: 13px;
	left: 13px;
}

.panel-group .panel > a.upload:before {
	content: "\e961";
	font-size: 17px;
	top: 13px;
	left: 13px;
}

.panel-group .panel > a.bubbles4:before {
	content: "\e970";
	font-size: 17px;
	top: 13px;
	left: 13px;
}

.panel-group .panel > a.pie-chart:before {
	content: "\e99a";
	font-size: 17px;
	top: 13px;
	left: 13px;
}

.panel-group .panel > a.stats-dots:before {
	content: "\e99b";
	font-size: 17px;
	top: 13px;
	left: 13px;
}

.panel-group .panel > a.stats-bars2:before {
	content: "\e99d";
	font-size: 17px;
	top: 13px;
	left: 13px;
}

.panel-group .panel > a.meter:before {
	content: "\e9a6";
	font-size: 17px;
	top: 13px;
	left: 13px;
}

.panel-group .panel > a.sphere:before {
	content: "\e9c9";
	font-size: 17px;
	top: 13px;
	left: 13px;
}

.panel-group .panel > a.warning:before {
	content: "\ea07";
	font-size: 17px;
	top: 13px;
	left: 13px;
}

.panel-group .panel > a.notification:before {
	content: "\ea08";
	font-size: 17px;
	top: 13px;
	left: 13px;
}

.panel-group .panel > a.eye:before {
	content: "\e9ce";
	font-size: 17px;
	top: 13px;
	left: 13px;
}

.panel-group .panel > a.eye-blocked:before {
	content: "\e9d1";
	font-size: 17px;
	top: 13px;
	left: 13px;
}

.panel-group .panel > a.cancel-circle:before {
	content: "\ea0d";
	font-size: 17px;
	top: 13px;
	left: 13px;
}

.panel-group .panel > a.blocked:before {
	content: "\ea0e";
	font-size: 17px;
	top: 13px;
	left: 13px;
}


.panel-group .panel > a.arrow-left:before {
	content: "\e915";
	font-size: 17px;
	top: 13px;
	left: 17px;
}

.panel-group .panel > a.utilities:before {
	content: "\e91f";
	font-size: 19px;
	top: 11px;
	left: 12px;
}

.panel-group .panel > a.calendar:before {
	content: "\e916";
	font-size: 19px;
	top: 11px;
	left: 12px;
}


.panel-group .panel ul {
	margin: 0;
	padding: 11px 0 0 18px;
	list-style: none;
	font-size: 14px;
}

	.panel-group .panel ul li {
		padding: 0 0 12px;
	}

		.panel-group .panel ul li:last-child {
			padding: 0;
		}

	.panel-group .panel ul a {
		position: relative;
		color: inherit;
		padding: 0 0 0 13px;
		display: block;
	}

		.panel-group .panel ul a:hover {
			color: var(--active-text);
			text-decoration: none;
		}

			.panel-group .panel ul a:hover span {
				text-decoration: underline;
			}

		.panel-group .panel ul a:before {
			font-family: 'icomoon' !important;
			speak: none;
			font-style: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			line-height: 1;
			font-size: 9px;
			content: "\e903";
			position: absolute;
			left: 0;
			top: 6px;
		}

	.panel-group .panel ul .active a,
	.panel-group .panel ul .active a:before {
		color: var(--active-text);
	}

		.panel-group .panel ul .active a span {
			text-decoration: underline;
		}

.panel-group .panel.has-drop {
	position: relative;
}

	.panel-group .panel.has-drop:after {
		top: 19px;
		right: 14px;
		content: " ";
		position: absolute;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 9px solid #9b9b9b;
	}

	.panel-group .panel.has-drop.active,
	.panel-group .panel.active {
		background: #fff url(../images/bg-sidebar.gif) repeat-y 100% 0;
	}

		.panel-group .panel.has-drop.active:after {
			top: 14px;
			border-top: 0;
			border-left: 6px solid transparent;
			border-right: 6px solid transparent;
			border-bottom: 9px solid #9b9b9b;
		}

.panel-spacer {
	padding: 0px;
	margin: 0px;
}

	.panel-spacer > hr.spacer {
		margin: 5px 13px;
		border-top: 1px solid var(--medium-grey-2);
	}

.globalfootnote {
	font-size: 85%;
	margin-top: 30px;
	border-top: 1px solid #dfe1df;
}


@media only screen and (max-width: 767px) {
	/* App chrome only: horizontal slack for sticky navbar over wide lists.
	   Full-page forms (registration/login, no #sidebar) must stay viewport-width —
	   otherwise sections expand to content max-content and ignore the screen. */
	body:has(#sidebar) #wrapper {
		min-width: max-content;
	}

	.navbar {
		position: sticky;
		left: 0;
		width: calc(100vw - var(--scrollbar-width, 17px));
		height: auto;
		padding: 13px 0 0px;
		z-index: 5;
	}

	div.navbar {
		min-height: unset;
		padding-top: 0px;
	}
	.navbar div.navheader {
		background-color: none;
		float: none;
		color: #fff;
		overflow: hidden;
		padding: 4px 10px 0 10px;
	}

	.navbar div.header1 {
		font-size: 15px;
		white-space: unset;
		overflow-x: unset;
	}

		.navbar div.header1::after {
			content: "";
		}

	.navbar div.header2 {
		font-size: 18px;
		font-weight: bold;
		white-space: unset;
		overflow-x: unset;
	}

}