@font-face {
	font-family: 'Roboto-Light';
	src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Light.otf') format('opentype'), url('../fonts/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light.ttf') format('truetype'), url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto-LightItalic';
	src: url('../fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-LightItalic.otf') format('opentype'), url('../fonts/Roboto-LightItalic.woff') format('woff'), url('../fonts/Roboto-LightItalic.ttf') format('truetype'), url('../fonts/Roboto-LightItalic.svg#Roboto-LightItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto-Regular';
	src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular.otf') format('opentype'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto-Italic';
	src: url('../fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Italic.otf') format('opentype'), url('../fonts/Roboto-Italic.woff') format('woff'), url('../fonts/Roboto-Italic.ttf') format('truetype'), url('../fonts/Roboto-Italic.svg#Roboto-Italic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto-Medium';
	src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Medium.otf') format('opentype'), url('../fonts/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto-Medium.ttf') format('truetype'), url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto-MediumItalic';
	src: url('../fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-MediumItalic.otf') format('opentype'), url('../fonts/Roboto-MediumItalic.woff') format('woff'), url('../fonts/Roboto-MediumItalic.ttf') format('truetype'), url('../fonts/Roboto-MediumItalic.svg#Roboto-MediumItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto-Bold';
	src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Bold.otf') format('opentype'), url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf') format('truetype'), url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto-BoldItalic';
	src: url('../fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-BoldItalic.otf') format('opentype'), url('../fonts/Roboto-BoldItalic.woff') format('woff'), url('../fonts/Roboto-BoldItalic.ttf') format('truetype'), url('../fonts/Roboto-BoldItalic.svg#Roboto-BoldItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}

:root {
	--grey-bg-color: #F4F4F4;
	--light-grey-text: #85939E;
	--dark-grey-text: #43484D;
	--btn-light-bg: #DCE3E8;
	--firstrand-purple: #201E34;
	--firstrand-blue: #5E707A;
	--firstrand-blue-light: #00A7DF;
}

body {
	font-family: 'Roboto-Regular', sans-serif;
	font-size: 16px;
	width: 100%;
	overflow-x: hidden;
}

a {
	text-decoration: none;
	transition: all 0.35s ease;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
}

img {
	width: 100%;
}

h1 {
	font-family: 'Roboto-Medium', sans-serif;
	font-size: 18px;
}

h2, .page-title {
	font-family: 'Roboto-Light', sans-serif;
	font-size: 52px;
	line-height: 55px;
	margin-bottom: 18px;
	color: var(--dark-grey-text);
	opacity: 1 !important;
}

	h2 span, .page-title span {
		font-family: 'Roboto-Medium', sans-serif;
	}

.font-light {
	font-family: 'Roboto-Light', sans-serif !important;
}

.font-regular {
	font-family: 'Roboto-Regular', sans-serif !important;
}

.font-medium {
	font-family: 'Roboto-Medium', sans-serif !important;
}

.dark-grey-text {
	color: var(--dark-grey-text) !important;
}

.light-grey-text {
	color: var(--light-grey-text) !important;
}

.color-red {
	color: #FF0000;
}

.w-35 {
	width: 35% !important;
}
.custom-select {
    background-color: #E1E8EE;
    appearance: auto;
}

.custom-select option {
    background-color: #E1E8EE;
}

.custom-select:focus {
    background-color: #E1E8EE;
}

/* Header START */
header {
	padding: 12px 0px;
	box-shadow: 0px 3px 6px #00000029;
	background-color: #FFFFFF;
	transition: all 0.35s ease;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
}

	header.header-sticky {
		position: fixed;
		width: 100%;
		top: 0px;
		left: 0px;
		padding: 5px 0px;
		z-index: 999999999;
	}

	header nav.navbar .nav-item a {
		color: var(--light-grey-text);
		font-family: 'Roboto-Regular', sans-serif;
		font-size: 18px;
	}

	header .navbar-toggler {
		padding: 8px 10px;
		border-radius: 6px;
		background: #FFFFFF;
		border: 1px solid #DCE3E8;
		transition: all 0.35s ease;
		-webkit-transition: all 0.35s ease;
		-moz-transition: all 0.35s ease;
		-o-transition: all 0.35s ease;
	}

		header .navbar-toggler:hover {
			background-color: #DCE3E8;
		}

		header .navbar-toggler, header .navbar-toggler:active, header .navbar-toggler:focus {
			box-shadow: none;
			outline: none;
		}

			header .navbar-toggler .navbar-toggler-icon {
				transition: all 0.35s ease;
				-webkit-transition: all 0.35s ease;
				-moz-transition: all 0.35s ease;
				-o-transition: all 0.35s ease;
			}

			header .navbar-toggler:hover .navbar-toggler-icon {
				transform: rotate(90deg);
			}

.main-nav-bell {
	width: 20px;
	transition: all 0.35s ease;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
}

.notification-dropdown:hover .main-nav-bell {
	transform: rotate(15deg);
}

.badge-notification {
	position: absolute;
	font-size: 0.6rem;
	padding: 0.2em 0.45em;
	margin-top: -0.1rem;
	margin-left: -0.5rem;
	background-color: #F0142F;
}

.notification-dropdown-menu {
	top: 31px !important;
	border-radius: 0px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	background-color: #E1E8EE;
	min-width: 220px;
}

header.header-sticky .notification-dropdown-menu {
	top: 24px !important;
}

.notification-dropdown-menu a.dropdown-item {
	padding: 12px 25px;
	color: var(--dark-grey-text);
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	font-family: 'Roboto-Medium', sans-serif;
}

	.notification-dropdown-menu a.dropdown-item:hover {
		background-color: #EEF2F4;
	}

	.notification-dropdown-menu a.dropdown-item:active, .notification-dropdown-menu a.dropdown-item.active {
		background-color: var(--firstrand-blue);
		color: #FFFFFF;
	}

	.notification-dropdown-menu a.dropdown-item .item-number {
		width: 30px;
		height: 20px;
	}

.notification-dropdown:after, .avatar-dropdown:after {
	display: none;
}

.avatar-dropdown {
	padding-right: 20px;
}

	.avatar-dropdown:hover {
		background-color: #E1E8EE;
		border-radius: 35px;
	}

#navbarDropdownMenuAvatar .avatar-container {
	width: 50px;
	height: 50px;
}

	#navbarDropdownMenuAvatar .avatar-container .initials {
		font-size: 20px;
	}

.avatar-dropdown .avatar-text {
	margin-left: 10px;
	padding-right: 22px;
	color: #131523;
	position: relative;
	font-family: 'Roboto-Regular', sans-serif;
}

	.avatar-dropdown .avatar-text:after {
		content: "";
		width: 10px;
		height: 10px;
		transform: rotate(45deg);
		border: 2px solid #7E84A3;
		border-left: none;
		border-top: none;
		position: absolute;
		right: 0px;
		top: 5px;
	}

.dropdown .offcanvas .sidebar {
	overflow-y: auto;
	position: relative;
}

.offcanvas-close-btn {
	color: #FFFFFF;
	font-size: 18px;
	font-family: 'Roboto-Light', sans-serif;
	position: absolute;
	right: 20px;
	top: 20px;
	box-shadow: none;
	border: 2px solid #FFFFFF;
	outline: none;
	background-color: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
}

	.offcanvas-close-btn:hover {
		color: #F0142F;
		border-color: #F0142F;
	}
/* Header END */

/* Footer START */
footer {
	background-color: #FFFFFF;
}

	footer .footer-top {
		background-color: #FFFFFF;
		padding: 70px 0px 20px;
	}

		footer .footer-top h3.footer-list-title {
			color: var(-dark-grey-text);
			font-size: 18px;
			margin-bottom: 20px;
		}

		footer .footer-top .footer-list {
			padding: 0px;
			list-style: none;
			margin-bottom: 40px;
		}

			footer .footer-top .footer-list .footer-list-item {
				margin-bottom: 8px;
				color: var(--light-grey-text);
				font-size: 16px;
				line-height: 24px;
			}

				footer .footer-top .footer-list .footer-list-item a {
					position: relative;
					color: var(--light-grey-text);
					display: flex;
					align-items: center;
				}

					footer .footer-top .footer-list .footer-list-item a img {
						width: 25px;
						margin-right: 6px;
					}

	footer .footer-copyright {
		padding: 25px 0px;
		border-top: 1px solid #C1C1C1;
	}

		footer .footer-copyright .footer-copyright-nav a {
			color: var(--light-grey-text);
			font-size: 16px;
		}

		footer .footer-copyright .footer-copyright-text {
			color: var(--light-grey-text);
			font-size: 14px;
			text-align: right;
		}
/* Footer END */

/* Form START */
#regForm {
	background-color: #ffffff;
	margin: 100px auto;
	padding: 40px;
	width: 70%;
	min-width: 300px;
}

input, select, textarea, .choices, .form-control {
	padding: 10px;
	width: 100%;
	font-size: 12px;
	border: 2px solid #E1E8EE;
	border-radius: 6px;
	color: #5E6977;
}

	input:active, input:focus, select:active, select:focus, textarea:active, textarea:focus, .choices:active, .choices:focus {
		border-color: #86B995 !important;
		outline-color: #86B995 !important;
		box-shadow: none !important;
	}

	.form-control.is-invalid, .was-validated .form-control:invalid {
		border-color: var(--bs-form-invalid-border-color) !important;
	}

	.form-control.is-valid, .was-validated .form-control:valid {
		border-color: var(--bs-form-valid-border-color) !important;
	}

	::-ms-input-placeholder, .form-control::-ms-input-placeholder { /* Edge 12-18 */
		color: var(--light-grey-text);
	}

	::placeholder, .form-control::placeholder {
		color: var(--light-grey-text);
	}

select, .choices {
	background-color: #E1E8EE;
}

.choices {
	padding-top: 7px;
	padding-bottom: 7px;
}

	.choices[data-type*=select-one] .choices__inner {
		all: unset;
		line-height: 0px;
		font-size: 12px;
	}

.choices__list--dropdown .choices__item--selectable, .choices__list[aria-expanded] .choices__item--selectable {
	padding-right: 10px !important;
}

.choices__list--dropdown, .choices__list[aria-expanded] {
	left: 0;
}

	.choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item {
		padding: 6px 10px;
		font-size: 12px !important;
	}

.termsbox-holder a {
	text-decoration: underline;
}

/* Hide all steps by default: */
form .form-steps-indicators {
	margin-bottom: 30px;
	border-bottom: 1px solid #EBF0F5;
}

form h2 {
	color: #5E6977;
	font-family: 'Roboto-Medium', sans-serif;
	font-size: 18px;
	margin-bottom: -10px;
}

form p, form label {
	color: var(--light-grey-text);
	font-size: 14px;
	margin-top: 15px;
}

	form p sup, form label sup {
		color: #FF0000;
	}

form .tab {
	display: none;
}

form .step {
	color: #BDC6CF;
	padding: 15px 12px;
	margin: 0 2px;
	border-bottom: 3px solid #FFFFFF;
	display: inline-flex;
	align-items: center;
	font-size: 14px;
	font-family: 'Roboto-Medium', sans-serif;
}

	form .step.active {
		color: #000000;
		border-color: #000000;
	}

	form .step div {
		border: 2px solid #BDC6CF;
		border-radius: 50%;
		width: 25px;
		height: 25px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-right: 5px;
		font-size: 12px;
	}

	form .step.active div {
		border-color: #000000;
	}

form .invalid-feedback {
	line-height: 16px;
}

.file-input-container, .doc-file-input-container {
	display: flex;
	align-items: center;
	border: 2px solid #E1E8EE;
	border-radius: 6px;
	background-color: #FFFFFF;
}

.fileName, .docFileName {
	flex-grow: 1;
	margin-right: 10px;
	margin-left: 15px;
	font-size: 12px;
	color: var(--light-grey-text);
}

.fileButton, .docFileButton {
	background-color: #000000;
	border: none;
	color: #BDC6CF;
	padding: 10px;
	height: 100%;
	width: 42px;
	cursor: pointer;
	border-left: 1px solid #E1E8EE;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

	.fileButton i, .docFileButton i {
		pointer-events: none;
	}

		.fileButton i.upload-icon, .docFileButton i.upload-icon {
			background-image: url('../images/resources/link-Icon-white.png');
			background-size: cover;
			width: 20px;
			height: 20px;
			display: block;
		}

		.fileButton i.remove-upload-icon, .docFileButton i.remove-upload-icon {
			background-image: url('../images/resources/cross-icon-white.png');
			background-size: cover;
			width: 20px;
			height: 20px;
			display: block;
		}

.fileInput, .docFileInput {
	display: none;
}

.file-input-container.has-file, .doc-file-input-container.has-file {
	background-color: #F0F4F7;
	border-color: #F0F4F7;
}

.fileButton.has-file, .docFileButton.has-file {
	background-color: #00A7DF;
	color: #FFFFFF;
	border: none;
}

.trustee-holder {
	position: relative;
	background-color: #FFFFFF;
}

/* Mark the steps that are finished and valid: */
.step.finish {
	background-color: #04AA6D;
}

.form-check .form-check-input {
	float: unset;
}

.form-switch #sameAsAddress {
	width: 35px;
	margin-left: 8px;
}

.form-switch label {
	font-size: 12px;
	color: var(--light-grey-text);
}

.yes-no-check {
	display: flex;
	align-items: center;
}

.checkbox {
	display: block;
	position: relative;
	padding-left: 30px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 12px;
	color: #5E6977;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

	.checkbox input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}

	.checkbox .checkmark {
		position: absolute;
		top: -3px;
		left: 0;
		height: 24px;
		width: 24px;
		border-radius: 6px;
		background-color: #E1E8EE;
	}

	.checkbox:hover input ~ .checkmark {
		background-color: #E1E8EE;
	}

	.checkbox input:checked ~ .checkmark {
		background-color: #E1E8EE;
	}

	.checkbox .checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}

	.checkbox input:checked ~ .checkmark:after {
		display: block;
	}

	.checkbox .checkmark:after {
		left: 9px;
		top: 5px;
		width: 5px;
		height: 10px;
		border: solid var(--light-grey-text);
		border-width: 0 3px 3px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

.termsbox {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 12px;
	color: #5E6977;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

	.termsbox a {
		color: #5E6977;
	}

		.termsbox a:hover {
			color: #000000;
		}

	.termsbox input {
		cursor: pointer;
		position: absolute;
		left: -2px;
		top: -5px;
		width: 28px;
		height: 28px;
		padding: 0px !important;
		border-radius: 7px;
		background-color: transparent;
		z-index: 0;
		border: 2px solid #dc3545;
		opacity: 0;
	}

		.termsbox input.is-invalid {
			opacity: 1;
			background-size: 0px !important;
			background-image: unset !important;
		}

		.termsbox input.was-validated {
			border: 2px solid #198754;
			opacity: 1;
			background-size: 0px !important;
			background-image: unset !important;
		}

	.termsbox .checkmark {
		position: absolute;
		top: -3px;
		left: 0;
		height: 24px;
		width: 24px;
		border-radius: 6px;
		background-color: #E1E8EE;
	}

	.termsbox:hover input ~ .checkmark {
		background-color: #E1E8EE;
	}

	.termsbox input:checked ~ .checkmark {
		background-color: #E1E8EE;
	}

	.termsbox .checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}

	.termsbox input:checked ~ .checkmark:after {
		display: block;
	}

	.termsbox .checkmark:after {
		left: 9px;
		top: 5px;
		width: 5px;
		height: 10px;
		border: solid var(--light-grey-text);
		border-width: 0 3px 3px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

.file-acceptable-format-holder {
	display: flex;
	align-items: center;
}

	.file-acceptable-format-holder div {
		border: 2px solid #E1E8EE;
		border-radius: 50%;
		color: var(--light-grey-text);
		font-size: 15px;
		line-height: 0px;
		font-family: 'Roboto-Medium', sans-serif;
		margin-right: 8px;
		width: 25px;
		height: 25px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.file-acceptable-format-holder span {
		color: #5E6977;
		font-size: 12px;
		line-height: 14px;
	}

.ts-wrapper.single .ts-control {
	padding: 10px;
	width: 100%;
	font-size: 12px;
	border: 2px solid #E1E8EE;
	border-radius: 6px;
	color: #5E6977;
	background-color: #E1E8EE;
}

.ts-wrapper:not(.form-control,.form-select).single .ts-control {
	background-size: 12px 11px !important;
}

.ts-dropdown .ts-dropdown-content {
	font-size: 14px !important;
}

@media only screen and (min-width: 1200px) {
	/* Header START */
	header nav.navbar .nav-item a {
		margin-right: 30px;
	}
	/* Header START */
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	/* Header START */
	header nav.navbar .nav-item a {
		font-size: 17px;
	}
	/* Header START */
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	/* Header START */
	header nav.navbar .nav-item a {
		margin-right: 20px;
		font-size: 16px;
	}
	/* Header START */
}

@media only screen and (max-width: 991px) {
	/* Header START */
	header nav.navbar #navbarSupportedContent {
		position: absolute;
		width: 300%;
		background-color: #F8F8F8 !important;
		top: 76px;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		background-color: #FFFFFF;
		z-index: 999;
		box-shadow: 0px 5px 6px rgba(0,0,0,0.3);
		border: 1px solid #CCC;
	}

	header.header-sticky nav.navbar #navbarSupportedContent {
		top: 69px;
	}

	header nav.navbar #navbarSupportedContent ul li.nav-item a {
		padding: 10px 20px;
	}

		header nav.navbar #navbarSupportedContent ul li.nav-item a:hover {
			background-color: #E1E8EE;
		}

	.notification-dropdown-menu {
		top: 36px !important;
	}

	header.header-sticky .notification-dropdown-menu {
		top: 29px !important;
	}
	/* Header END */

	form .form-steps-indicators {
		text-align: center;
	}
}
/* Form END */

@media only screen and (max-width: 991px) {
}

@media only screen and (max-width: 767px) {
	/* Header START */
	.avatar-dropdown {
		padding-right: 0px;
	}

		.avatar-dropdown .avatar-text {
			display: none;
		}
	/* Header END */
	/* Footer START */
	.footer-copyright {
		text-align: center;
	}

	footer .footer-copyright .footer-copyright-text {
		text-align: unset;
		margin-top: 10px;
	}
	/* Footer END */
}