@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

	/* Begin CSR Tools Styles */
	#enterpriseHeader .csrControls {
		background: #dddd8f url(../images/enterprisenavsprite.png) repeat-x 0px -320px;
		padding: 4px 8px;
		text-align: right;
		color: #313131;
		clear: both;
	}

	#enterpriseHeader .csrControls form {
		display: inline;
	}

	#enterpriseHeader .csrControls input,
	#enterpriseHeader .csrControls button,
	#enterpriseHeader .csrControls select {
		font-size: 11px;
		vertical-align: middle;
	}

	#enterpriseHeader .csrControls a,
	#enterpriseHeader .csrControls a:visited {
		color: #16518b;
		text-decoration: none;
	}

	#enterpriseHeader .csrControls a:hover {
		color: #8D5216;
		text-decoration: underline;
	}

	/* End CSR Tools */


/* Begin Enterprise Footer Styles */
#enterpriseFooter {
	font: normal 11px Arial, Helvetica, sans-serif;
	padding: 3px 10px 0;
	min-height: 18px;
	clear: both;
	background: #7a8186 url(../images/enterprisenavsprite.png) repeat-x left top;
	color: #fff;
	text-align: center;
	border-top: 3px solid #bdbdbd;
	margin: 0px -1px;
	*zoom: 1; /* fix required for IE 6 & 7 */
}

#enterpriseFooter img {
	vertical-align: middle;
	border: none;
}

#enterpriseFooter #footerLinks {
	padding-left: 5px;
}

#enterpriseFooter a {
	color: #fff;
	text-decoration: none;
	margin: 0px 5px;
	font-weight: normal;
}

#enterpriseFooter a:hover {
	text-decoration: underline;
}
/* End Enterprise Footer Styles */

/* Recovery Email Popup Style Begin*/

@font-face {
    font-family: "Lato";
    src: url("../fonts/Lato-Regular.ttf");
}

@font-face {
    font-family: "Open Sans";
    src: url("../fonts/OpenSans-Regular.ttf");
}



@media screen
  and (min-device-width: 375px)
  and (max-device-width: 812px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) {
	.form-popup{
		width: 75% !important;
		height: 60% !important;
	}
  }



.form-popup {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: none;
	border: 1px solid #f1f1f1;
	box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	z-index: 300;
	width: 300px;
	padding: 20px 30px 0px 30px;
	background-color: #FFFFFF;
	min-height: 475px;
    max-height: 100%;
    overflow: auto;
}

.form-popup label, .form-popup p, .form-popup input{
	font-family: "Source Sans 3", sans-serif !important;
	font-style: normal;
	display: flex;
	color: #4F4F4F;
	align-items: center;
	text-align: left !important;
}

.form-popup .label-title{
	padding-top: 20px;
	font-weight: bold;
	font-size: 22px;
	line-height: 33px;
}

.form-popup .popup-description{
	font-weight: normal;
	font-size: 16px;
	line-height: 25px;
}

.form-popup .label-field{
	font-weight: normal;
	font-size: 16px;
	line-height: 22px;
}

.form-popup input{
	width: 100%;
	padding: 15px;
	margin: 5px 0 5px 0;
	background: #FFFFFF;
	border: 1px solid #939196;
	box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.25);
	border-radius: 4px;
	box-sizing: border-box !important;
	font-size: 16px;
	line-height: 22px;
	background: white !important;
}

.form-popup img{
	width: 55%;
	margin-left: 20%;
	display: block;
}

.form-popup input[type=text]:focus{
	background-color: #ddd;
	outline: none;
}

.form-popup .btn:disabled{
	background: #82aeb7 !important;
	cursor: no-drop;
}

.form-popup .btn {
	background: rgba(26, 119, 186, 1) !important;
	border-radius: 4px;
	font-family: Lato !important;
	font-style: normal !important;
	font-weight: 900;
	box-sizing: border-box !important;
	font-size: 20px !important;
	line-height: 24px;
	display: block;
	text-align: center !important;
	align-items: center;
	color: #FFFFFF !important;
	height: 55px !important;
	width: 100%;
	cursor: pointer;
}

.form-popup .recovery-email-warning-label{
	font-family: Lato !important;
	font-style: normal !important;
	font-weight: normal;
	font-size: 14px;
	line-height: 17px;
	color: #4F4F4F !important;
	background-color: #fff7f7;
	border: 1px solid #d63924;
	border-radius: 4px;
	padding: 5px;
	margin-bottom: 5px;
}

.form-popup .recovery-email-warning{
	min-height: 30px;
}

.form-popup .popup-skip-label{
	font-family: "Source Sans 3", sans-serif !important;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 25px;
	display: block;
	align-items: center;
	text-align: right;
	color: rgba(26, 119, 186, 1);
	cursor: pointer;
	text-decoration: underline;
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: center !important;
}

.popup-overlay{
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 200;
}
/* Recovery Email Popup Style End*/

#toolbrand {
	font: 23px Arial, Helvetica, sans-serif;
	color: #16518b;
	display: block;
	position: relative;
	margin: 0;
	min-height: 27px;
}
#toolbrand .logo {
	display: inline-block;
}



/*-- UI 2.0 --*/
body.no-overflow {
	overflow: hidden !important;
}
#enterpriseHeader {
	all: unset;
	display: block;
	height: 110px;
	position: relative;
	background: #ffffff;
	z-index: 9999;
}
#enterpriseHeader:has(.csrControls:not(:empty)) {
    height: 138px;
}

/*-- page fixes --*/
#enterpriseHeader ~ #mainContent #brandTypes {
	margin-top: 0;
}
#enterpriseHeaderContainer ~ .content .back-container.top-left {
	top: 110px;
}

/*-- csrControls --*/
/* defaults */
#enterpriseHeader .csrControls {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
    z-index: 9999;
	box-sizing: border-box;
}

/*-- welcomeBar --*/
/* defaults */
#enterpriseHeader .welcomeBar {
	all: unset;
    background: #ffffff;
    padding: 0 24px;
	box-sizing: border-box;
    height: 60px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
    z-index: 9999;
}
@media (min-width: 1200px) {
	#enterpriseHeader .welcomeBar {
		max-width: 1488px;
		transform: translateX(-50%);
		left: 50%;
	}
}
#enterpriseHeader:has(.csrControls:not(:empty)) .welcomeBar {
    top: 28px;
}
#enterpriseHeader .welcomeBar * {
	all: unset;
}
/*-- companyBrand --*/
#enterpriseHeader .welcomeBar .companyBrand {
	margin: 0 auto 0 0;
}
#enterpriseHeader .welcomeBar .companyBrand > span > a {
	cursor: pointer;
}
#enterpriseHeader .welcomeBar .companyBrand > span > a > img {
	width: 136px;
    display: block;
}
/*-- dealerInfo --*/
#enterpriseHeader .welcomeBar .dealerInfo {
    padding: 0;
    height: 60px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
	font-family: "Source Sans 3", sans-serif;
}
#enterpriseHeader .welcomeBar .dealerInfo > li {
	padding: 6px 12px;
	cursor: pointer;
	display: inline-flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
    position: relative;
}
#enterpriseHeader .welcomeBar .dealerInfo > li > a {
	color: #2C272D;
	font-family: "Source Sans 3", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	text-align: center;
	display: inline-flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
#enterpriseHeader .welcomeBar .dealerInfo > li > a > img {
	width: 10px;
}
#enterpriseHeader .welcomeBar .dealerInfo > li > a > img:first-of-type {
	width: 19px;
	height: 19px;
	margin-right: 6px;
}
#enterpriseHeader .welcomeBar .dealerInfo > li > a > * + * {
	margin-left: 6px;
}
#enterpriseHeader .welcomeBar .dealerInfo > li > ul {
	display: none;
	position: absolute;
	top: 46px;
	left: 0;
	background: #FFFFFF;
	padding: 12px;
	box-sizing: border-box;
	border-radius: 0 0 4px 4px;
	filter: drop-shadow(0 4px 3px rgba(0,0,0,.2));
	min-width: calc(100% + 2px);
}
#enterpriseHeader .welcomeBar .dealerInfo:hover > li > ul {
	display: block;
}
#enterpriseHeader .welcomeBar .dealerInfo:hover > li > a > img:last-of-type {
	transform: rotate(180deg);
}
#enterpriseHeader .welcomeBar .dealerInfo > li > ul > li {
	display: block;
	text-align: left;
}
#enterpriseHeader .welcomeBar .dealerInfo > li > ul > li:not(:last-of-type) {
	margin-bottom: 6px;
}
#enterpriseHeader .welcomeBar .dealerInfo > li > ul > li > a {
	font-family: "Source Sans 3", sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
    white-space: nowrap;
	color: #1F1F1F;
}
#enterpriseHeader .welcomeBar .dealerInfo > li > ul > li:hover > a {
	font-weight: 700;
}
/*-- hamburguer-menu --*/
#enterpriseHeader .welcomeBar .hamburguer-menu {
	display: none;
	cursor: pointer;
}
#enterpriseHeader .welcomeBar .hamburguer-menu > img {
	width: 24px;
    height: 24px;
}

/*-- appsLinks --*/
/* defaults */
#enterpriseHeader .appsLinks {
	all: unset;
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	z-index: 9998;
    background: #1A77BA;
	box-sizing: border-box;
    font-size: 0;
    display: block;
}
#enterpriseHeader:has(.csrControls:not(:empty)) .appsLinks {
    top: 88px;
}
#enterpriseHeader .appsLinks * {
	all: unset;
}
/*-- mainAppLinks --*/
#enterpriseHeader .appsLinks .mainAppLinks {
    display: block;
	text-align: left;
	max-width: 1488px;
    margin: 0 auto;
    padding: 0 24px;
	box-sizing: border-box;
}
#enterpriseHeader .appsLinks .mainAppLinks > li {
	padding: 6px 0;
	box-sizing: border-box;
	display: inline-flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
    position: relative;
    cursor: pointer;
	flex-wrap: wrap;
}
#enterpriseHeader .appsLinks .mainAppLinks > li:not(:last-of-type) {
	margin-right: 24px;
}
#enterpriseHeader .appsLinks .mainAppLinks > li > a {
    color: #FFFFFF;
	font-family: "Source Sans 3", sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 38px;
	box-sizing: border-box;
	display: inline-flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
}
#enterpriseHeader .appsLinks .mainAppLinks > li > a > img {
	width: 10px;
	margin-left: 6px;
}
#enterpriseHeader .appsLinks .mainAppLinks > li:hover > a > img:last-of-type {
	transform: rotate(180deg);
}
@media (min-width: 1200px) {
	#enterpriseHeader .appsLinks.flex-spacer {
		display: none;
	}
	#enterpriseHeader .appsLinks .mainAppLinks > li.on,
	#enterpriseHeader .appsLinks .mainAppLinks > li:hover {
		border-bottom: 4px solid #95C3E5;
		padding-bottom: 2px;
	}
}
#enterpriseHeader .appsLinks .mainAppLinks > li.on > a {
	font-weight: 700;
}
#enterpriseHeader .appsLinks .mainAppLinks > li.accountDropDown {
	display: none;
}
#enterpriseHeader .appsLinks .mainAppLinks > li.accountDropDown > a > img.userIcon {
	width: 19px;
	height: 19px;
	margin-right: 6px;
	margin-left: 0;
}
/*-- accordeon --*/
#enterpriseHeader .appsLinks .mainAppLinks > li > ul {
	display: none;
	position: absolute;
    top: 50px;
	left: 0;
	background: #FFFFFF;
    padding: 12px;
    box-sizing: border-box;
    border-radius: 0 0 4px 4px;
	filter: drop-shadow(0 4px 3px rgba(0,0,0,.2));
	min-width: 100%;
}
#enterpriseHeader .appsLinks .mainAppLinks > li:hover > ul {
    display: block;
}
#enterpriseHeader .appsLinks .mainAppLinks > li > ul > li {
	display: block;
	text-align: left;
    cursor: pointer;
}
#enterpriseHeader .appsLinks .mainAppLinks > li > ul > li:not(:last-of-type) {
	margin-bottom: 12px;
}
#enterpriseHeader .appsLinks .mainAppLinks > li > ul > li > a {
	font-family: "Source Sans 3", sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
    white-space: nowrap;
	color: #1F1F1F;
}
#enterpriseHeader .appsLinks .mainAppLinks > li > ul > li:hover > a {
	font-weight: 700;
}

/*-- BREAKPOINTS --*/
@media (max-width: 1199px) {
	#enterpriseHeader {
		height: 60px;
	}
	#enterpriseHeader:has(.csrControls:not(:empty)) {
		height: 88px;
	}
	#enterpriseHeader.fixed .csrControls,
	#enterpriseHeader.fixed .welcomeBar {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 9999;
	}
	#enterpriseHeader.fixed:has(.csrControls:not(:empty)) .welcomeBar {
		top: 28px;
	}

	#enterpriseHeader .appsLinks .mainAppLinks > li > a {
		color: #1F1F1F;
	}

	#enterpriseHeader .appsLinks .mainAppLinks > li.on > a {
		font-weight: 700;
		width: auto;
		border-bottom: 4px solid #95C3E5;
	}

	#enterpriseHeader .appsLinks .mainAppLinks > li > a > img.arrow,
	#enterpriseHeader .welcomeBar .dealerInfo > li > a > img.arrow {
		content: url("../images/arrow_down_black.png");
	}

	/*-- welcomeBar --*/
	#enterpriseHeader .welcomeBar {
		border-bottom: 1px solid #2C272D;
	}
	#enterpriseHeader .welcomeBar .dealerInfo {
		display: none;
	}
	#enterpriseHeader .welcomeBar .hamburguer-menu {
		display: block;
	}

	/*-- appsLinks --*/
	#enterpriseHeader .appsLinks {
		height: calc(100% - 60px);
		position: fixed;
		overflow-y: auto;
		display: none;
		scroll-behavior: contain;
	}
	#enterpriseHeader .appsLinks.show {
		display: block;
		background: #E8F1F7;
	}
	#enterpriseHeader:has(.csrControls:not(:empty)) .appsLinks {
		height: calc(100% - 88px);
	}
	#enterpriseHeader .appsLinks > .mainAppLinks {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		min-height: 100%;
	}
	#enterpriseHeader .appsLinks > .mainAppLinks > .flex-spacer {
		flex-grow: 1;
	}
	#enterpriseHeader .appsLinks > .mainAppLinks > li,
	#enterpriseHeader .appsLinks > .mainAppLinks > li.accountDropDown {
		display: flex;
		width: 100%;
	}
	#enterpriseHeader .appsLinks > .mainAppLinks > li.accountDropDown {
		border-top: 1px solid #95C3E5;
		margin: 0 -36px;
		width: calc(100% + 60px);
		padding-left: 42px;
		background: #F4F8FB
	}

	/*-- accordeons --*/
	#enterpriseHeader .appsLinks .mainAppLinks > li:hover > ul {
		display: none;
	}
	#enterpriseHeader .appsLinks .mainAppLinks > li:hover > a > img:last-of-type {
		transform: rotate(0deg);
	}
	#enterpriseHeader .appsLinks .mainAppLinks > li.show > ul {
		display: block;
	}
	#enterpriseHeader .appsLinks .mainAppLinks > li.show > a > img:last-of-type {
		transform: rotate(180deg);
	}
	#enterpriseHeader .appsLinks .mainAppLinks > li > ul {
		position: relative;
		top: 0;
		border-radius: 0;
		filter: none;
		margin: 0 -36px;
		width: calc(100% + 60px);
		padding-left: 36px;
	}
	#enterpriseHeader .appsLinks > .mainAppLinks > li.accountDropDown > ul {
		width: calc(100% + 36px);
		background: #FFFFFF
	}
}

/*-- MOBILE -- */
@media (hover: none) and (pointer: coarse) {
    * {
		cursor: default !important;
	}

	/*-- accordeons --*/
	#enterpriseHeader .welcomeBar .dealerInfo:hover > li > ul,
	#enterpriseHeader .appsLinks .mainAppLinks > li:hover > ul {
		display: none;
	}
	#enterpriseHeader .welcomeBar .dealerInfo:hover > li > a > img:last-of-type,
	#enterpriseHeader .appsLinks .mainAppLinks > li:hover > a > img:last-of-type {
		transform: rotate(0deg);
	}
	#enterpriseHeader .welcomeBar .dealerInfo.show > li > ul,
	#enterpriseHeader .appsLinks .mainAppLinks > li.show > ul {
		display: block;
	}
	#enterpriseHeader .welcomeBar .dealerInfo.show > li > a > img:last-of-type,
	#enterpriseHeader .appsLinks .mainAppLinks > li.show > a > img:last-of-type {
		transform: rotate(180deg);
	}
	#enterpriseHeader .appsLinks .mainAppLinks > li:hover {
		border-bottom: none;
		padding-bottom: 6px;
	}
	@media (min-width: 1200px) {
		#enterpriseHeader .appsLinks .mainAppLinks > li.show {
			border-bottom: 4px solid #95C3E5;
			padding-bottom: 2px;
		}
	}
}

/*-- PAGE TRANSFORMS --*/
/* home */
#root > #header {
	margin: 0;
	max-width: 100%;
}
/* inventory */
body > #siteContainer {
	width: 100% !important;
	background: none;
}
body > #siteContainer > #innerContainer {
	background: none;
}
body > #siteContainer > #innerContainer > #innerContainer2 {
	margin: 0;
	border: none;
}
body > #siteContainer > #innerContainer > #innerContainer2 > #mainContent {
	width: 992px;
	margin: 0 auto;
	border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
	background: #fff;
    filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, .2));
}
body > #siteContainer > #innerContainer > #innerContainer2 > #enterpriseFooter {
	width: 1010px;
	margin: 0 auto;
}

/* account */
body > #siteContainer > #innerContainer > #innerContainer2 > table {
	width: 1034px;
	margin: 0 auto;
}

/* leads */
body > #siteContainer > #innerContainer > #innerContainer2 > #fsbodiv {
	width: 992px;
	margin: 0 auto;
	border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
	background: #fff;
    filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, .2));
}
body > #siteContainer > #innerContainer > #innerContainer2 > #fsbodiv + font {
	width: 1034px;
	display: block;
	margin: 0 auto;
}

/* reports */
body > .boat-wizard #main-content > .content {
	max-width: 1488px;
}
body > .boat-wizard + footer {
	max-width: 1488px;
	margin: 0 auto;
}

/* contact manager */
body[style="background-color: white"] > #siteContainer > #innerContainer > #innerContainer2 > #mainContent,
body[style="background-color: white"] > #siteContainer > #innerContainer > #innerContainer2 > #menucontainer,
body[style="background-color: white"] > #siteContainer > #innerContainer > #innerContainer2 > #contentcontainer,
body[style="background-color: white"] > #siteContainer > #innerContainer > #innerContainer2 > #changeaccountcontainer {
	width: 916px;
    margin: 0 auto;
	box-sizing: border-box;
}
body[style="background-color: white"] > #siteContainer > #innerContainer > #innerContainer2 > #changeaccountcontainer + #enterpriseFooter {
	width: 916px;
}

@media (max-width: 1199px) {
	body > #siteContainer > #innerContainer > #innerContainer2:has(#mainContent) #enterpriseHeader {
		min-width: 1030px;
	}
	body > #siteContainer > #innerContainer > #innerContainer2:has(#fsbodiv) #enterpriseHeader {
		min-width: 1035px;
	}
	body[style="background-color: white"] > #siteContainer > #innerContainer > #innerContainer2 #enterpriseHeader {
		min-width: 936px;
	}
}

/* Mobile Phone Popup Styles */
.country-dropdown {
	position: relative;
	display: inline-block;
	width: 220px;
	display: flex;
	height: auto;
	min-height: 32px;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	background: var(--Neutral-neutral-10-White, #FFF);
	cursor: pointer;
	width: 100%;
}
.country-dropdown-arrow {
	width: 20px;
	height: 20px;
  background-image: url(../images/expand_more.svg);
}
.rotate-dropdown-arrow {
	transform: rotate(180deg);
}
.country-dropdown-toggle {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #2C272D;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
}
.country-dropdown-toggle:hover {
  border-color: #999;
}
.country-dropdown-menu {
  display: none;
  width: 298px;
  height: 145px;
  top: calc(100% + 2px);
  border-radius: 4px;
  border: 1px solid var(--Neutral-neutral-50-C2C2C2, #C2C2C2);
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  overflow-y: auto;
  position: absolute;
  background: var(--Neutral-neutral-10-White, #FFF);
  z-index: 1;
}
.country-dropdown-selected {
	display: flex;
	height: 40px;
	padding: 0px 8px;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	border-radius: 4px;
	border: 1px solid var(--Neutral-neutral-50-C2C2C2, #C2C2C2);
	background: var(--Neutral-neutral-10-White, #FFF);
	cursor: pointer;
}
.country-dropdown-item {
	display: flex;
	padding: 0px 16px;
	align-items: center;
	gap: 8px;
	align-self: stretch;
	width: 100%;
}
.country-dropdown-item:hover {
	background: var(--Neutral-neutral-30-EDEDED, #EDEDED);
}
.country-flag {
	width: 16px;
	height: 16px;
	border-radius: 50px;
	box-shadow: 0px 0px 2px 1px #9f9090;
}
.country-dropdown-label {
	flex: 1 0 0;
	color: #2C272D;
	font-family: "Open Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 142.857% */
}

/* User Type Dropdown Styles */
.usertype-dropdown {
	position: relative;
	display: inline-block;
	width: 220px;
	display: flex;
	height: 40px;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	background: var(--Neutral-neutral-10-White, #FFF);
	cursor: pointer;
	width: 100%;
}
.usertype-dropdown-arrow {
	width: 20px;
	height: 20px;
  background-image: url(../images/expand_more.svg);
}
.usertype-dropdown-toggle {
	display: flex;
	align-items: center;
	gap: 8px;
	flex: 1;
}
.usertype-dropdown-toggle:hover {
  border-color: #999;
}
.usertype-placeholder {
	color: #999;
	font-family: "Source Sans 3", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}
.usertype-selected {
	color: #2C272D;
	font-family: "Source Sans 3", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}
.usertype-dropdown-menu {
  display: none;
  width: 300px;
  max-height: 140px;
  top: calc(100% + 2px);
  border-radius: 4px;
  border: 1px solid var(--Neutral-neutral-50-C2C2C2, #C2C2C2);
  flex-direction: column;
  align-items: flex-start;
  overflow-y: auto;
  position: absolute;
  background: var(--Neutral-neutral-10-White, #FFF);
  z-index: 1000;
}
.usertype-dropdown-selected {
	display: flex;
	height: 40px;
	padding: 0px 8px;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	border-radius: 4px;
	border: 1px solid var(--Neutral-neutral-50-C2C2C2, #C2C2C2);
	background: var(--Neutral-neutral-10-White, #FFF);
	cursor: pointer;
	position: relative;
}
popup-mobile-phone-input.error, .usertype-dropdown-selected.error {
	border: 1px solid var(--Negative-Main, #B00020) !important;
}
.usertype-dropdown-item {
	display: flex;
	padding: 6px 16px;
	align-items: center;
	align-self: stretch;
	cursor: pointer;
	color: #2C272D;
	font-family: "Source Sans 3", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	box-sizing: border-box;
}
.usertype-dropdown-item:hover {
	background: var(--Neutral-neutral-30-EDEDED, #EDEDED);
}

.mobile-phone-container {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
}
.mobile-phone-country-code-container {
	display: flex;
	align-items: flex-end;
	align-content: flex-end;
	gap: 16px;
	flex-wrap: wrap;
	min-width: 107px;
	flex: 1 0 0;
}
.mobile-phone-country-code-label {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	flex: 1 0 0;
	position: relative;
	max-width: 100px;
	width: 100px;
}
.mobile-phone-country-code-label > label {
	display: flex;
	align-items: center;
	gap: 4px;
}
.mobile-phone-input-container {
	display: flex;
	align-items: stretch;
	align-content: flex-end;
	gap: 4px;
	flex: 1 0 0;
	flex-wrap: wrap;
	position: relative;
}
.mobile-phone-input-search {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	flex: 1 0 0;
}
.mobile-phone-form-popup-main-content > label {
	display: flex;
	align-items: center;
	gap: 4px;
	color: var(--Neutral-neutral-90-404040, #404040);
	font-family: "Source Sans 3", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px; /* 171.429% */
	letter-spacing: 0.15px;
}
.popup-mobile-phone-input {
	display: flex;
	max-height: 40px;
	height: 40px;
	padding: 0px 8px;
	align-items: center;
	gap: 8px;
	align-self: stretch;
	border-radius: 4px;
	border: 1px solid var(--Neutral-neutral-50-C2C2C2, #C2C2C2);
	background: var(--Neutral-neutral-10-White, #FFF);
	font-family: "Source Sans 3", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 142.857% */
	margin: 0;
}
.popup-mobile-phone-input.default-text {
	color: var(--Neutral-neutral-60-9E9E9E, #9E9E9E);
}
.popup-mobile-phone-input.user-text {
	color: var(--Neutral-neutral-90-404040, #404040);
}

.role-container {
	display: flex;
	align-items: stretch;
	align-content: flex-end;
	gap: 4px;
	align-self: stretch;
	flex-wrap: wrap;
	flex-direction: column;
}
.role-search {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	flex: 1 0 0;
	position: relative;
	width: 100%;
}
.role-search > label {
	display: flex;
	align-items: center;
	gap: 4px;
	padding-left: 1px;
}
.user-type-error-warning {
	color: var(--Negative-Main, #B00020);
	font-family: "Source Sans 3", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 14px; /* 116.667% */
	visibility: hidden;
	width: 100%;
	position: absolute;
	top: 71px;
}

.mobile-phone-popup-overlay {
	position: fixed; /* covers the whole screen */
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: rgba(0, 0, 0, 0.5); /* semi-transparent grey/black */
	justify-content: center;
	align-items: center;
	z-index: 99999;
}
.mobile-phone-form-popup {
	display: flex;
	width: 600px;
	height: 425px;
	min-width: 300px;
	max-width: 600px;
	padding: 24px 16px;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-end;
	flex-shrink: 0;
	border-radius: 4px;
	background: var(--Neutral-neutral-10-White, #FFF);
	box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.20);
	font-family: "Source Sans 3", sans-serif;
	text-align: left;
}
.mobile-phone-form-popup label {
	color: var(--Neutral-neutral-90-404040, #404040);
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px; /* 171.429% */
	letter-spacing: 0.15px;
	padding: 0;
}
.mobile-phone-form-popup-main-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
}
.mobile-phone-form-popup-main-content-header {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
}
.mobile-phone-form-popup-main-content-header-title {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	align-self: stretch;
}
.mobile-phone-form-popup-main-content-header-title-text {
	color: #2C272D;
	font-family: "Source Sans 3", sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px; /* 100% */
	margin: 0;
}
.mobile-phone-form-popup-close {
	width: 24px;
	height: 24px;
}
.mobile-phone-form-popup-close:hover {
	cursor: pointer;
}
.mobile-phone-form-popup-description {
	color: #2C272D;
	font-family: "Source Sans 3", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 142.857% */
}
.mobile-phone-form-popup-description > p {
	padding: 0;
}
.mobile-phone-form-popup-footer {
	display: flex;
	padding: 12px 0px;
	justify-content: flex-end;
	align-items: center;
	gap: 12px;
	align-self: stretch;
}
.mobile-phone-form-popup-footer-area {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex: 1 0 0;
}
.mobile-phone-form-popup-skip {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	padding: 7px 16px;
}
.mobile-phone-form-popup-skip-button {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 4px;
	background: var(--Neutral-neutral-10-White, #FFF);
	color: rgba(26, 119, 186, 1);
	text-align: center;
	font-family: "Source Sans 3", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px; /* 142.857% */
	cursor: pointer;
}
.mobile-phone-form-popup-submit {
	display: flex;
	width: 100px;
	justify-content: space-between;
	align-items: flex-start;
	cursor: pointer;
}
.mobile-phone-form-popup-submit-button {
	display: flex;
	padding: 7px 16px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex: 1 0 0;
	border-radius: 4px;
	color: var(--Neutral-neutral-10-White, #FFF);
	text-align: center;
	font-family: "Source Sans 3", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px; /* 142.857% */
}
.mobile-phone-form-popup-submit-button.enabled {
	background: rgba(26, 119, 186, 1);
}
.mobile-phone-form-popup-submit-button.disabled {
	background: rgba(26, 119, 186, 0.5);
}
.mobile-popup-error {
	border: 1px solid var(--Negative-Main, #B00020) !important;
}
#mobilePhoneThankYouPopup {
	display: none;
}
.mobile-phone-thank-you-popup {
	display: flex;
	width: 600px;
	height: 394px;
	min-width: 300px;
	max-width: 600px;
	padding: 0px 16px;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	flex-shrink: 0;
	border-radius: 4px;
	background: var(--Neutral-neutral-10-White, #FFF);

	/* shadow-medium */
	box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.20);
}
.mobile-phone-thank-you-popup-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
}
.mobile-phone-thank-you-header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-self: stretch;
	align-items: center;
}
.mobile-phone-thank-you-header-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	flex: 1 0 0;
	text-align: center;
	flex-direction: column;
}
.mobile-phone-thank-you-header-title > h2 {
	color: #2C272D;
	text-align: center;
	font-family: "Source Sans 3", sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px; /* 100% */
}
.mobile-phone-thank-you-popup-content > p {
	align-self: stretch;
	color: #2C272D;
	text-align: center;
	font-family: "Source Sans 3", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 142.857% */
}
.mobile-phone-thank-you-close-tick {
	width: 96px;
	height: 96px;
	flex-shrink: 0;
}
.mobile-phone-thank-you-footer-text {
	align-self: stretch;
	color: #2C272D;
	text-align: center;
	font-family: "Source Sans 3", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 142.857% */
}

/* OTP Section Styles */
.mobile-phone-form-popup-otp {
	display: none;
}

.otp-content-container {
	align-self: stretch;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	gap: 30px;
	display: flex;
}

.otp-inputs-section {
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	gap: 8px;
	display: flex;
}

.otp-inputs-row {
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 8px;
	display: flex;
}

.otp-input,
.mobile-phone-form-popup .otp-input,
input.otp-input,
input[type="text"].otp-input {
	width: 48px !important;
	height: 48px !important;
	text-align: center !important;
	border: 0 !important;
	border-bottom: 2px solid #757575 !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-width: 0 0 2px 0 !important;
	border-style: solid !important;
	border-color: #757575 !important;
	background: #fff !important;
	background-color: #fff !important;
	background-image: none !important;
	background-repeat: no-repeat !important;
	background-position: initial !important;
	font-size: 18px !important;
	font-family: "Source Sans 3", sans-serif !important;
	outline: none !important;
	color: #2C272D !important;
	box-sizing: border-box !important;
	padding: 0 !important;
	margin: 0 !important;
}

.otp-input.error,
.mobile-phone-form-popup .otp-input.error,
input.otp-input.error,
input[type="text"].otp-input.error {
	color: #B00020 !important;
	border-bottom-color: #B00020 !important;
	border-color: #B00020 !important;
	background-image: none !important;
}

.otp-input:focus,
.mobile-phone-form-popup .otp-input:focus,
input.otp-input:focus,
input[type="text"].otp-input:focus {
	border-bottom-color: rgba(26, 119, 186, 1) !important;
	border-color: rgba(26, 119, 186, 1) !important;
	background-image: none !important;
}

.otp-input.error:focus,
.mobile-phone-form-popup .otp-input.error:focus,
input.otp-input.error:focus,
input[type="text"].otp-input.error:focus {
	border-bottom-color: #B00020 !important;
	border-color: #B00020 !important;
	background-image: none !important;
}

.otp-input-label {
	color: #757575;
	font-size: 12px;
	font-family: "Source Sans 3", sans-serif;
	font-weight: 400;
	line-height: 14px;
	word-wrap: break-word;
	text-align: center;
}

.otp-error-warning {
	color: #B00020;
	font-family: "Source Sans 3", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 14px;
	visibility: hidden;
	width: 100%;
	text-align: center;
	margin-top: 4px;
}

.otp-resend-container {
	align-self: stretch;
	height: 30px;
	position: relative;
	border-radius: 16px;
}

.otp-resend-content {
	width: 100%;
	height: 30px;
	text-align: center;
	justify-content: center;
	display: flex;
	flex-direction: column;
}

.otp-resend-text {
	color: #0A0A0A;
	font-size: 14px;
	font-family: "Source Sans 3", sans-serif;
	font-weight: 400;
	word-wrap: break-word;
}

.otp-resend-link {
	color: rgba(26, 119, 186, 1);
	font-size: 14px;
	font-family: "Source Sans 3", sans-serif;
	font-weight: 400;
	word-wrap: break-word;
	cursor: pointer;
	text-decoration: underline;
}

.otp-resend-link:hover {
	color: #155f95
}

.mobile-phone-warning-label {
	font-family: "Source Sans 3", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 17px;
	color: #B00020;
	background-color: #fff7f7;
	border: 1px solid #d63924;
	border-radius: 4px;
	padding: 8px;
	margin: 8px 0;
	text-align: center;
}

@media (max-width: 768px) {
	.mobile-phone-form-popup, .mobile-phone-thank-you-popup {
		width: 300px;
		height: 475px;
	}
	.mobile-phone-form-popup-main-content-header-title-text {
		width: 200px;
	}
	.mobile-phone-form-popup-description {
		margin: 0;
	}
	.usertype-dropdown-menu {
		max-height: 122px;
		width: 298px;
	}
	
	/* OTP Mobile Responsive Styles */
	.mobile-phone-form-popup-otp {
		padding: 16px 4px;
	}
	
	.otp-content-container {
		gap: 20px;
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		padding: 0 4px;
	}
	
	.otp-inputs-section {
		gap: 4px;
		width: 100%;
	}
	
	.otp-input,
	.mobile-phone-form-popup .otp-input,
	input.otp-input,
	input[type="text"].otp-input {
		width: 36px !important;
		height: 36px !important;
		font-size: 14px !important;
		border-bottom-width: 1px !important;
		border-width: 0 0 1px 0 !important;
		background-image: none !important;
		font-family: "Source Sans 3", sans-serif !important;
	}
	
	.otp-inputs-row {
		gap: 4px;
		flex-wrap: nowrap;
		justify-content: center;
		width: 100%;
	}
	
	.otp-input-label {
		font-size: 11px;
		line-height: 13px;
		padding: 0 4px;
	}
	
	.otp-resend-container {
		height: auto;
		min-height: 24px;
	}
	
	.otp-resend-content {
		height: auto;
		flex-wrap: wrap;
		gap: 4px;
	}
	
	.otp-resend-text,
	.otp-resend-link {
		font-size: 12px;
		line-height: 16px;
	}
	
	.otp-error-warning {
		font-size: 11px;
		line-height: 13px;
		margin-top: 2px;
	}
}