@font-face {
	font-family: "Aktiv Grotesk";
	src: url("//db.onlinewebfonts.com/t/6cd98f92c03c09152517c4b1042bf3e1.eot");
	src: url("//db.onlinewebfonts.com/t/6cd98f92c03c09152517c4b1042bf3e1.eot?#iefix") format("embedded-opentype"),
		url("//db.onlinewebfonts.com/t/6cd98f92c03c09152517c4b1042bf3e1.woff2") format("woff2"),
		url("//db.onlinewebfonts.com/t/6cd98f92c03c09152517c4b1042bf3e1.woff") format("woff"),
		url("//db.onlinewebfonts.com/t/6cd98f92c03c09152517c4b1042bf3e1.ttf") format("truetype"),
		url("//db.onlinewebfonts.com/t/6cd98f92c03c09152517c4b1042bf3e1.svg#Aktiv Grotesk") format("svg");
}
body {
	overflow-y: hidden;
}
input[type=file] {
	width: 100%;
	padding: 12px 20px;
	margin: 8px 0;
	box-sizing: border-box;
	color: transparent;
}

/* Popup container - can be anything you want */
.popup1 {
	position: relative;
	display: none;
	cursor: pointer;
	z-index: 42;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.popup3 {
	position: relative;
	display: none;
	cursor: pointer;
	z-index: 41;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.popup2 {
	position: relative;
	display: none;
	cursor: pointer;
	z-index: 40;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* The actual popup */
.popup1 .popuptext1 {
	visibility: hidden;
	width: 400px;
	display: inline-block;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 8px 0;
	position: relative;
	z-index: 42;
	bottom: 50%;
	left: 10%;
	margin-left: 0px;
	margin-top: -50px;
}
.popup3 .popuptext3 {
	visibility: hidden;
	display: inline-block;
	width: 200px;
	background-color: #555;
	color: #fff;
	z-index: 41;
	text-align: center;
	border-radius: 6px;
	padding: 8px 0;
	position: relative;
	bottom: 50%;
	left: 10%;
	margin-left: 150px;
	margin-top: -50px;

}
.popup2 .popuptext2 {
	visibility: hidden;
	display: inline-block;
	width: 250px;
	background-color: #555;
	color: #fff;
	z-index: 40;
	text-align: center;
	border-radius: 6px;
	padding: 8px 0;
	position: relative;
	bottom: 50%;
	left: 5%;
	margin-left: 50px;
	margin-top: -50px;

}

/* Popup arrow */
.popup1 .popuptext1::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -100px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}
.popup3 .popuptext3::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: 50px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}
.popup2 .popuptext2::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -100px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup1 .show {
	visibility: visible;
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s;
}
.popup2 .show {
	visibility: visible;
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s;
}
.popup3 .show {
	visibility: visible;
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

#app {
	width: 100%;
	height: 100%;
}

.pdf-viewer-container {
	position: absolute;
	top: 90px;
	bottom: 0;
	z-index: 30;
	width: 99%;
	overflow-y: scroll;
	overflow-x: hidden;
}

.header-branding-bar {
	line-height: 1.15;
	font-size: 100%;
	font-weight: 400;
	font-family: Proxima Nova, Open Sans, Corbel, Arial, sans-serif;
	background-color: #ffffff;
	-webkit-box-direction: normal;
	box-sizing: border-box;
	-webkit-box-ordinal-group: 2;
	order: 1;
	position: absolute;
	z-index: 1;
	width: 100vw;
	top: 142px;
}
@media only screen and (max-width: 696px) {
  .header-branding-bar {
    top: 160px;
  }
}
@media only screen and (max-width: 501px) {
  .header-branding-bar {
    top: 196px;
  }
}
@media only screen and (max-width: 405px) {
  .header-branding-bar {
    top: 242px;
  }
}

.pdf-viewer-box {
	width: 100%;
	height: 100%;
	/*overflow: auto;*/
	z-index: 30;
}

.stack-top {
	z-index: 10;
	/*width: 90%; 
  height: 550px;*/
	height: 100%;
}

.stack-top .header-search-trigger__button {
	height: 100%;
	margin-top: 81px;
	padding-top: 90px;
	margin-right: 0;
}

.sidebar-right {
	position: relative;
	z-index: 15;
}

.custom-file-upload {
	border: 1px solid #ccc;
	display: inline-block;
	padding: 6px 12px;
	cursor: pointer;
}

.header-branding-bar__inner {
	line-height: 1.15;
	font-size: 100%;
	font-weight: 400;
	font-family: Proxima Nova, Open Sans, Corbel, Arial, sans-serif;
	box-sizing: border-box;
	/* max-width: 101.5rem; */
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	/* flex-wrap: nowrap;
	-webkit-box-pack: start;
	justify-content: center;
	-webkit-box-align: center; */
  flex-wrap: wrap;
  justify-content: space-around;
  gap: 0 1.5em;
	align-items: center;
}


.header-search-trigger {
	line-height: 1.15;
	font-size: 100%;
	font-weight: 400;
	font-family: Proxima Nova, Open Sans, Corbel, Arial, sans-serif;
	z-index: 30;
	-webkit-box-direction: normal;
	box-sizing: border-box;
	-webkit-box-flex: 0;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	clip-path: inset(0 0 -0.5rem 0);
	display: block;
}

.header-search-trigger__button {
	box-sizing: border-box;
	font-size: 100%;
	line-height: 1.15;
	overflow: visible;
	text-transform: none;
	border: 0px;
	z-index: 30;
	padding: 0px;
	/* margin-right: 50px; */
	text-decoration: none;
	background: none;
	cursor: pointer;
	text-align: center;
	appearance: none;
	-webkit-appearance: none;
	font-family: inherit;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	transform: translateY(0%);
	transition: transform 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out;
}

.header-search-trigger__button-text {
	text-transform: none;
	text-align: center;
	-webkit-box-direction: normal;
	box-sizing: border-box;
	font-size: 12;
	line-height: 1.25;
	font-weight: 700;
	z-index: 30;
	text-decoration: none;
	text-decoration-skip-ink: auto;
	transition: color 0.2s ease;
	white-space: normal;
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-word;
	hyphens: none;
	margin-bottom: 0;
	font-family: Aktiv Grotesk;
	color: #0e0e0e;
}

.header-search-trigger__button:hover .header-search-trigger__button-text{
	color: #4abea6 !important;
}

.fv__ui-search-input .fv__ui-search-input-input {
	width: 264px !important;
}

#pdf-viewer {
	top: 185px !important;
	bottom: 0;
	position: absolute;
	width: 100vw;
}
@media only screen and (max-width: 991px) {
  #pdf-viewer {
    top: 216px !important;
  }
}
@media only screen and (max-width: 696px) {
  #pdf-viewer {
    top: 233px !important;
  }
}
@media only screen and (max-width: 506px) {
  #pdf-viewer {
    top: 268px !important;
  }
}
@media only screen and (max-width: 501px) {
  #pdf-viewer {
    top: 303px !important;
  }
}
@media only screen and (max-width: 405px) {
  #pdf-viewer {
    top: 350px !important;
  }
}

#pageNumber {
	text-align: right;
}

#drop_zone {
	margin: 0 2em;
}

#drop_zone .header-search-trigger__button-text {
	display: none !important;
}

.bg-dark {
	background-color: #000 !important;
}

.mat-button {
	line-height: 1.8em;
	letter-spacing: 0px;
	background-color: #49bea6 !important;
	background-image: none;
	font-weight: 600;
	border-radius: 0px;
}

.mat-button:hover {
	background-color: #3C9E8B !important;
	background-image: none;
}

.mat-button svg {
	width: 2em;
	height: 33px;
}

.bg-dark .nav-link {
	font-size: 0.93rem !important;
	font-weight: 500 !important;
	text-decoration: none !important;
}

.top-bar {
	align-items: center;
}

.nav-pills .nav-link {
	font-weight: 600 !important;
	text-transform: none !important;
	font-size: 16px !important;
}

.offcanvas-body img {
	width: 40px;
	display: inline-block;
	margin-right: 10px;
	margin-top: -12px;
}

.offcanvas-body h2 {
	font-size: 16px;
	font-weight: 500;
	display: inline-block;
}

#offcanvasRightLabel {
	color: #000;
	font-family: "aktiv-grotesk", Sans-serif;
	font-size: 32px;
	font-weight: 900;
}

.ser-itm {
	padding-bottom: 10px;
	padding-top: 3px;
	border-bottom: 1px solid #d3d3d3;
}

.offcanvas-body {
	padding: 25px;
	padding-top: 0px;
}

.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
	--bs-offcanvas-width: 300px !important;
	width: 300px;
}

.offcanvas a {
	color: #000;
	text-decoration: none;
}

.nav-link:hover {
	color: #4abea6 !important;
}

header .nav-link:hover {
	border-bottom: 3px solid #4abea6 !important;
}