html, body {
	height: 100%;
	width: 100%;
}

/*layout section*/
.mainlayout {
	overflow: hidden;
}

.mainlayout-header {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -o-sticky;
	position: -ms-sticky;
	position: sticky;
	top: 0;
	z-index: 1000;
}

.mainlayout-content {
	overflow: auto;
	width: 100%;
	height: 100%;
}

/* Global logo styling */
.logo {
	color: var(--grey-70);
	font-size: 14px;
}

.logo img {
	height: 36px;
}

.logo .main-title {
	font-size: 14px;
}

.logo .secondary-title {
	font-size: 10px;
}

.logo a,
.logo:active a,
.logo:hover a {
    font-weight: bold;
    color: var(--grey-70);
}

/*errors ui*/
#blazor-error-ui {
	background: lightyellow;
	bottom: 0;
	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
	display: none;
	left: 0;
	padding: 0.6rem 1.25rem 0.7rem 1.25rem;
	position: fixed;
	width: 100%;
	z-index: 1000;
}

	#blazor-error-ui .dismiss {
		cursor: pointer;
		position: absolute;
		right: 0.75rem;
		top: 0.5rem;
	}


/*edit form*/
.dxbl-modal-content {
	border-radius: 0.4rem;
	border: 1px solid var(--default-border);
}

/* add extra padding for password fields to avoid overlapping of text with eye icon */
.new-password-text-box input,
.confirm-password-text-box input {
	padding-right: 32px !important;
}

.actual-studies-header {
	background-color: var(--new-background);
	color: var(--new-text);
	font-size: 12px;
	padding: 3px;
	display: inline-flex;
	align-items: center;
}

.actual-studies-header .icon {
	font-size: 12px;
	margin-right: 2px;
}

.context-container {
	background-color: var(--primary-green_alpha-1);
	font-size: 14px;
}

/* Multiple input list */

.input-multiple-list {
	width: 100%;
	border: none;
}

	.input-multiple-list::before {
		opacity: 0 !important;
	}

.long-word {
	word-break: break-word;
}

/* Back navigator customization */
.ist-back-navigator {
	--back-navigator-color: var(--primary-green);
	--back-navigator-color--hover: var(--focused-green);
	--back-navigator-icon-color: var(--primary-green);
}