.psc-nav
{
	border-top-left-radius  : 9px !important;
	border-top-right-radius : 9px !important;
	background-color        : #007B85;
	color                   : white;
	height                  : 42px;
}
.container-fluid
{
	padding-left  : 0 !important;
	padding-right : 0 !important;
}
.psc-h6
{
	font-size : 18px;
}
.nav-header-size
{
	font-size : 20px;
}
.tdColspan
{
	background-color : #207AA0 !important;
}
.rowOddBG
{
	background-color : #FFF !important;
}
#rHeader
{
	font-size : 14px !important;
}
#ResultsDisplayTbl tbody
{
	font-size : 14px !important;
}
.totalValueRow
{
	border-color : white;
}
.btn-primary
{
	background   : #005189;
	border-color : #005189;
}
.btnLightBorder
{
	border : 1px solid #007B85;
}
.submitBtnDisplay
{
	display        : flex;
	flex-direction : row;
}
.submitBtn
{
	text-align : right;
}
.passcodeBtn
{
	display : none;
}
.newRequestBtn
{
	width      : 25%;
	margin-top : 0;
}
.contactInfoBtn
{
	width : 50%;
}
.optionsBtn
{
	padding   : 0;
	position  : absolute;
	bottom    : 56px;
	left      : 50%;
	transform : translateX(-50%);
}
.buttonContainer
{
	background : none;
	color      : inherit;
	border     : none;
	padding    : 0;
	font       : inherit;
	cursor     : pointer;
	outline    : inherit;
}
.dropdown-menu
{
	z-index : 1;
}
.dropdown-menu li
{
	position : relative;
}
.red
{
	color : red;
}
.invalid
{
	color		: red;
	border-color : #FCC;
}
.modal-backdrop
{
	background-color : rgba(0, 0, 0, 0.5) !important;
}
.dropdown-menu .dropdown-submenu
{
	display  : none;
	position : absolute;
	left     : 100%;
	top      : -7px;
}
.dropdown-menu .dropdown-submenu-left
{
	right : 100%;
	left  : auto;
}
.dropdown-menu > li:hover > .dropdown-submenu
{
	display : block;
}
a
{
	text-decoration : none;
}
.divBorder
{
	border-top    : 1px solid black;
	border-bottom : 1px solid black;
	width         : 30%;
}
.roundCorners
{
	background-color : #EFEFEF;
	border           : 1px solid #DEDEDE;
	border-radius    : 3px;
	width            : 300px;
	height           : 50px;
}
.otherDoc
{
	display         : flex;
	justify-content : space-between;
}
.tdColspan
{
	background-color : #207AA0;
}
.textHeader
{
	color : #369;
}
.gridStyle
{
	grid-template-columns : repeat(auto-fill, minmax(266px, 1fr));
	display               : grid;
	justify-items         : center;
	padding-right         : 80px;
	padding-left          : 80px;
}
.mobView
{
	width         : 150px;
	height        : 170.15px;
	border-radius : 10px;
	border        : 1px solid #CDD1D4;
}
.mobViewIcons
{
	width  : 73px;
	height : 73px;
}
.showTitle
{
	display : none !important;
}
.uploadCard
{
	cursor          : pointer;
	text-decoration : none;
	width           : 270px;
}


/* not necessary? */
.mainContainer
{
	margin-bottom : 8px;
	margin-left   : 16px;
	margin-top    : 24px;
	margin-right  : 16px;
}
.cardBorder
{
	border-radius : 9px;
	box-shadow    : 5px 10px 18px #CECECE;
}
.entireCard
{
	border-radius : 9px;
	box-shadow    : 5px 10px 18px #CECECE;
}
.responsiveTitleBorder
{
	border-top-left-radius  : 9px !important;
	border-top-right-radius : 9px !important;
	background-color        : #007B85;
	color                   : white;
}
.fullScreen
{
	min-height : calc(100vh - 160px);
}
.cardHeader
{
	border-radius : 10px 10px 0 0 !important;
}
.hidden
{
	display : none;
}
.dropdwonMobileSubmenu
{
	position  : absolute;
	inset     : 0 auto auto 0;
	margin    : 0;
	transform : translate(0px, 26px);
}
.investmentInfoMob
{
	display : none;
}
.dropdownDisplay
{
	background              : gray;
	border-top-left-radius  : 0;
	border-top-right-radius : 0;
}
.confirmationsTable
{
	background : #FFF;
}
.displayTaxContent
{
	display        : flex;
	flex-direction : row;
}
.amountInfo
{
	margin-left : 128px;
	font-size   : 14px;
	color       : red;
}
.inputFieldWidth
{
	width : 286px;
}
.divMargin
{
	margin-top : 0;
}
.divContentMargin
{
	margin-top : 0;
}
.planMemberEliteDropdown
{
	width       : 64%;
	color       : #007B85;
	font-weight : bold;
}
.displayBar
{
	display : block;
	color   : #939393;
}
.menuButtonTopMargin
{
	margin-top  : 0;
	margin-left : 8px;
}
.contactPlanmember
{
	display        : flex;
	flex-direction : row;
}
.infoContent
{
	display : block;
}
.infoContent-mobile
{
	display : none;
	margin	: 1.5rem 0;
}
.loginModal
{
	left   : 24px;
	width  : 600px;
	height : 464px;
}
.benefeciaryButton
{
	display         : flex;
	flex-direction  : row;
	justify-content : flex-start;
}
.inputFieldMargin
{
	margin-top : 0;
}
.benefeciaryWebContent
{
	display : none;
}
.titleBorder
{
	border-bottom : 1px solid #939393;
	margin-bottom : 16px;
}
.InsertNewclassWeb
{
	display : block;
}
.InsertNewclassMob
{
	display : none;
}
.beneficiaryEliteDropdown
{
	width       : 32%;
	color       : #007B85;
	font-weight : bold;
}
.containerDiv
{
	border        : 1px solid #C6C6C6;
	border-radius : 8px;
	margin-top    : 10px;
}
.contentDiv
{
	margin-left  : 48px;
	margin-right : 16px;
}
.modal-footer
{
	border-top : 0 none;
}
.disclosureAcknowledgement
{
	color        : red;
	display      : none;
	padding-left : 28px;
}
.text-underline-hover
{
	text-decoration : none;
}
.text-underline-hover:hover
{
	text-decoration : underline;
}
.container_RecurringTable
{
	display       : block;
	border        : 1px solid #CCC;
	border-radius : 8px;
	margin-right  : 16px;
	height        : 400px;
	overflow      : auto;
	margin-top    : 10px;
}

/* Dropdown menu carets */
.dropdown-toggle[aria-expanded="true"]:after
{
	transform : translateY(4px) rotate(180deg);
}
.dropdown-toggle:after
{
	transition   : .25s ease-out;
	transform    : translateY(4px);
	border-style : solid;
	border-width : 10px 10px 0 10px;
	border-color : #ffffff transparent transparent transparent;
}
.down-caret
{
	width        : 0;
	height       : 0;
	border-style : solid;
	border-width : 7px 7px 0 7px;
	border-color : #ffffff transparent transparent transparent;
	display      : inline-block;
	top          : 8px;
	position     : relative;
	transform    : rotate(0deg);
	transition   : all .25s ease-in;
	float        : right;
}
.open-caret
{
	transform  : rotate(180deg);
	transition : all .25s ease-out;
}
.optionsIcon
{
	font-weight : 300;
	color       : #005189
}
.uploadIcon
{
	font-weight : 300;
}

/* topnav */
.ellipses
{
	display : none;
}
.menu-container
{
	width       : 1000px;
	display     : flex;
	align-items : flex-start;
}
.menu-row
{
	display         : flex;
	flex-direction  : row;
	justify-content : flex-start;
	gap             : 44px 168px;
}
.optionsCard
{
	cursor          : pointer;
	text-decoration : none;
	border-radius   : 10px;
	border          : none;
}
.profileSettingsCard
{
	cursor          : pointer;
	text-decoration : none;
	border-radius   : 10px;
	border          : none;
}
.profileSettings-col-icon
{
	position  : absolute;
	top       : 30px;
	left      : 50%;
	transform : translatex(-50%);
}
.documents-col-icon
{
	position  : absolute;
	top       : 30px;
	left      : 50%;
	transform : translatex(-50%);
}
.menu-nowrap
{
	white-space : nowrap;
}

@media (min-width : 744px)
{
	.optionsCard
	{
		width  : 200px;
		height : 236px;
	}
	.fa-investment
	{
		position  : absolute;
		top       : -30px !important;
		left      : 50%;
		transform : translatex(-50%);
	}
	.profileSettingsCard
	{
		width  : 200px;
		height : 236px;
	}
	.menu-col
	{
		width   : 200px;
		padding : 0;
	}
	.menu-container
	{
		padding-top : 75px;
	}
	.responsiveTitleBorder, .card-header
	{
		min-height : 41px !important;
	}
}

@media (min-width : 1482px) and (max-width : 1922px)
{
	.menu-row
	{
		gap : 44px 90px;
	}
}

@media (min-width : 1530px) and (max-width : 1828px)
{
	.menu-container
	{
		width : 1056px;
	}
}

@media (min-width : 1280px) and (max-width : 1482px)
{
	.menu-container
	{
		width : 800px;
	}
	.menu-row
	{
		gap : 44px 26px;
	}
}

@media (min-width : 1120px) and (max-width : 1279px)
{
	.menu-container
	{
		width       : 1030px;
	}
	.menu-row
	{
		gap : 40px 80px;
	}
}

@media (min-width : 744px) and (max-width : 1120px)
{
	.menu-container
	{
		width       : 95%;
	}
	.menu-row
	{
		gap : 44px 43px;
	}
}

@media (max-width : 744px)
{
	.menu-container
	{
		width           : 95%;
		align-items     : flex-start;
		justify-content : center;
	}
	.menu-row
	{
		gap : 30px 30px;
	}
	.menu-col
	{
		width   : 150px;
		padding : 0;
	}
	.responsiveNavMid
	{
		display : none !important;
	}
}

@media (min-width : 588px) and (max-width : 743px)
{
	.menu-row
	{
		width : 514px;
		gap   : 30px 30px;
	}
}

@media (min-width : 523px) and (max-width : 587px)
{
	.menu-row
	{
		width : 452px;
		gap   : 30px 0;
	}
}

@media (min-width : 400px) and (max-width : 522px)
{
	.menu-row
	{
		width : 331px;
		gap   : 30px 0;
	}
	.infoContent-mobile
	{
		display : block;
	}
}

@media (max-width : 399px)
{
	.menu-row
	{
		width : 150px;
		gap   : 30px 0;
	}
	.infoContent-mobile
	{
		display : block;
	}
}

@media (min-width : 700px) and (max-width : 900px) 
{
	.contactName
	{
		width: 185px;
	}
	.contactPlanmember
	{
		width: 141px;
	}
}

@media (min-width : 700px) and (max-width : 800px)
{
	.contact-and-search
	{
		margin    : 0;
		width     : 100% !important;
		padding   : 0;
		max-width : 390px !important;
	}
	.search-site
	{
		width       : 128px !important;
		margin-left : 30px;
	}
	.repContact-width
	{
		text-align-last : center;
	}
	.me-4
	{
		margin-right : 0 !important;
	}
}

@media (min-width : 801px) and (max-width : 900px)
{
	.contact-and-search
	{
		margin    : 0;
		width     : 100% !important;
		padding   : 0;
		max-width : 460px !important;
	}
	.search-site
	{
		width       : 140px !important;
		margin-left : 30px;
	}
	.repContact-width
	{
		text-align-last : center;
	}

	.me-4
	{
		margin-right : 15px !important;
	}
}

@media (min-width : 1301px) and (max-width : 1450px)
{
	.contact-and-search
	{
		max-width : 576px;
	}
	.search-site
	{
		width : 250px !important;
	}
}

@media (min-width : 1101px) and (max-width : 1300px)
{
	.contact-and-search
	{
		max-width    : 800px !important;
		margin-right : 0;
	}
	.search-site
	{
		width : 210px !important;
	}
	.repContact-width
	{
		text-align-last : center;
	}
	.me-4
	{
		margin-right : 0 !important;
	}
}

@media (min-width : 901px) and (max-width : 1000px)
{
	.contact-and-search
	{
		width        : 100% !important;
		max-width    : 550px !important;
		margin-right : 0;
	}
	.search-site
	{
		width : 150px !important;
	}
	.repContact-width
	{
		text-align-last : center;
	}
	.me-4
	{
		margin-right : 0 !important;
	}
	.contactEmailAddress
	{
		width: calc(70% - 20px) !important;
	}
}

@media (min-width : 1000px) and (max-width : 1100px)
{
	.contact-and-search
	{
		width        : 100% !important;
		max-width    : 664px !important;
		margin-right : 0;
	}
	.search-site
	{
		width : 180px !important;
	}
	.repContact-width
	{
		text-align-last : center;
	}
	.me-4
	{
		margin-right : 0 !important;
	}
	.contactEmailAddress
	{
		width: calc(70% - 20px) !important;
	}
}

@media (max-width : 330px)
{
	#repPhoto
	{
		display : none;
	}
	.repInfo
	{
		display : none;
	}
	.contactRep
	{
		display : inline-block !important;
	}
	.contactPlanmember
	{
		display : inline-block !important;
	}
	.planmemberServiceCenter
	{
		display : none;
	}
	.searchSiteForm
	{
		display : inline-block !important;
	}
}

@media (max-width : 1279px)
{
	.gridStyle
	{
		grid-template-columns : repeat(auto-fill, minmax(154px, 1fr));
		padding-right         : 10px;
		padding-left          : 10px;
	}
	.menu-row .col-sm-6
	{
		display : inline-block;
	}
	.menu-row .col-sm-6 .card
	{
		width : 220px;
	}
	.mainContainer
	{
		margin-bottom : 8px;
		margin-left   : 4px;
		margin-top    : 4px;
		margin-right  : 0;
	}
	.investmentInfoMob
	{
		display : block;
	}
	.investmentInfoWeb
	{
		display : none;
	}
	#dropdownMenuButtonSelect
	{
		margin-left : 50px;
	}
	.confirmationsTable
	{
		background : none;
	}
	.displayTaxContent
	{
		display        : flex;
		flex-direction : column;
	}
	.amountInfo
	{
		margin-left : 0;
	}
	.inputFieldWidth
	{
		width : 312px;
	}
	.divMargin
	{
		margin-top : 40px;
	}
	.divContentMargin
	{
		margin-top : 24px;
	}
	.submitBtnDisplay
	{
		flex-direction : column-reverse;
	}
	.planMemberEliteDropdown
	{
		width       : 100%;
		color       : #007B85;
		font-weight : bold;
	}
	.displayBar
	{
		display : none;
	}
	.menuButtonTopMargin
	{
		margin-top  : 11px;
		margin-left : 0;
	}
	.contactPlanmember
	{
		flex-direction : column;
	}
	.submitBtn
	{
		text-align : left;
	}
	.loginModal
	{
		top   : 144px;
		width : 336px;
	}
	.passcodeBtn
	{
		display : block;
	}
	.displayPendingContent
	{
		margin-top     : 16px;
		flex-direction : column;
	}
	.newRequestBtn
	{
		width      : 64%;
		margin-top : 24px;
	}
	.benefeciaryMobContent
	{
		display        : flex;
		flex-direction : column;
	}
	.contactInfoBtn
	{
		width : 30%;
	}
	.inputFieldMargin
	{
		margin-top : 16px;
	}
	.benefeciaryWebContent
	{
		display : none;
	}
	.titleBorder
	{
		border-bottom : none;
		margin-bottom : 0 !important;
	}
	.InsertNewclassWeb
	{
		display : none;
	}
	.InsertNewclassMob
	{
		display : block;
	}
	.beneficiaryEliteDropdown
	{
		width : 100%;
	}
	.containerDiv
	{
		border : none !important;
	}
	.contentDiv
	{
		margin-left  : 0;
		margin-right : 0;
	}
	.divider
	{
		display : none !important;
	}
}

@media (max-width : 743px)
{
	body
	{
		background-color : #FFFFFF !important;
	}
	.containerMargin
	{
		background-color : #FFFFFF !important;
	}
	.pageBackground
	{
		background-color : #FFFFFF !important;
		box-shadow       : none !important;
		border           : none !important;
	}
	.hideBtn
	{
		display : none !important;
	}
	.optionsCard
	{
		width       : 150px !important;
		height      : 165px;
		padding-top : 15px !important;
		margin-top  : 0 !important;
	}
	.profileSettingsCard
	{
		width       : 150px !important;
		height      : 205px;
		padding-top : 15px !important;
		margin-top  : 0 !important;
	}

	.uploadCard
	{
		width       : 150px !important;
		padding-top : 15px !important;
		margin-top  : 0 !important;
	}
	.showTitle
	{
		display     : block !important;
		font-size   : 16px;
		color       : #005189;
		font-weight : 700;
		margin-top  : 0;
	}
	.profileSettings-col-icon
	{
		font-size        : 9px;
		width            : 75px;
		height           : 75px;
		color            : #FFFFFF;
		background-color : #005189;
		border-radius    : 60px;
		margin           : 80px auto auto;
	}
	.documents-col-icon
	{
		font-size        : 9px;
		width            : 75px;
		height           : 75px;
		color            : #FFFFFF;
		background-color : #005189;
		border-radius    : 60px;
		margin           : 40px auto auto;
	}
	.customColIcon
	{
		margin-top : 80px !important;
	}
	.optionsIcon
	{
		padding-top : 14px;
		color       : #FFFFFF !important;
		font-weight : 300;
	}
	.uploadIcon
	{
		padding-top : 14px;
		color       : #FFFFFF !important;
		font-weight : 300;
	}
	.cardBorder
	{
		background-color : #FFFFFF;
		border-radius    : 0;
		border           : none;
		box-shadow       : none;
	}
	.infoContent,.ellipses
	{
		display : none !important;
	}
	.accountBalanceTitle
	{
		font-size: 15px !important;
	}
	.top-nav-border
	{
		padding-bottom: 5px;
	}
	#hamburgerIcon
	{
		align-self : flex-end !important;
		margin     : 2px !important;
		font-size  : 23px !important;
	}
	.contactEmailAddress
	{
		width : calc(100% - 20px) !important;
	}
}
.responsive
{
	display         : flex;
	justify-content : space-between;
	flex-wrap       : nowrap;
}

@media (min-width : 1280px)
{
	.responsiveTitleBorder, .card-header
	{
		min-height : 41px !important;
	}
	.contactEmailAddress
	{
		width: calc(70% - 20px) !important;
	}
}

@media (min-width : 1920px)
{
	.responsiveTitleBorder, .card-header
	{
		min-height : 55px !important;
	}
	.contactEmailAddress
	{
		width: calc(50% - 20px) !important;
	}
}

.dateRangeAlignment
{
	margin-right : 1.5rem !important;
}

@media	(max-width: 743px)
{
	.dateRangeAlignment
	{
		padding-bottom : 25px;
	}
	.dateRangeAlignment label
	{
		padding-bottom: 10px;
	}
	.transactionsCardBody
	{
		max-height: 1100px;
		overflow-y: hidden !important;
	}
}
@media (min-width : 700px) and (max-width : 1000px)
{	
	.contactEmailAddress
	{
		width: calc(100% - 20px) !important;
	}
}

.accordion-button:focus
{
	border-color: transparent !important;
	box-shadow: none !important;
}
.accordion-button:not(.collapsed)
{
	color: transparent !important;
	background-color: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
}
.accordion-button:not(.collapsed)::after
{
	background-image : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}