@font-face {
	font-family: 'PT Root UI';
	src: url(fonts/PT Root UI_Regular.tff);
	font-weight: 400;
}

@font-face {
	font-family: 'PT Root UI';
	src: url(fonts/PT Root UI_Light.otf);
	font-weight: 300;
}


@font-face {
	font-family: 'PT Root UI';
	src: url(fonts/PT Root UI_Medium.otf);
	font-weight: 500;
}


@font-face {
	font-family: 'PT Root UI';
	src: url(fonts/PT Root UI_Bold.otf);
	font-weight: 700;
}

.clearQ .rgHeader {
	display: none !important;
}

.clearQ .RadGrid_MetroTouch {
	border: none;
}

.clearQ .RadGrid_MetroTouch .rgAltRow {
	background: #fff;
}

.clearQ .RadGrid_MetroTouch .rgAltRow td,
.clearQ .RadGrid_MetroTouch .rgRow td {
	border: none;
}


.clearQ .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell,
.clearQ .RadGrid.RadGrid_MetroTouch .rgSelectedRow,
.clearQ .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow,
.clearQ .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted,
.clearQ .RadGrid.RadGrid_MetroTouch th.rgSorted,
.clearQ .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell,
.clearQ .RadGrid.RadGrid_Metro .rgSelectedRow,
.clearQ .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow,
.clearQ .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted,
.clearQ .RadGrid.RadGrid_Metro th.rgSorted {
	background-color: transparent;
	border-color: transparent;
}

.clearQ .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell a,
.clearQ .RadGrid.RadGrid_MetroTouch .rgSelectedRow a,
.clearQ .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow a,
.clearQ .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted a,
.clearQ .RadGrid.RadGrid_MetroTouch th.rgSorted a,
.clearQ .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell a,
.clearQ .RadGrid.RadGrid_Metro .rgSelectedRow a,
.clearQ .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow a,
.clearQ .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted a,
.clearQ .RadGrid.RadGrid_Metro th.rgSorted a {
	color: transparent !important;
}

.clearQ .RadGrid.RadGrid_MetroTouch .rgMasterTable,
.clearQ .RadGrid.RadGrid_Metro .rgMasterTable {
	background-color: transparent !important;
}

.clearQ .RadGrid_MetroTouch {
	background-color: transparent !important;
}

.clearQ .RadGrid.RadGrid_MetroTouch .rgRow td,
.clearQ .RadGrid.RadGrid_MetroTouch .rgRow td:first-child,
.clearQ .RadGrid.RadGrid_MetroTouch .rgAltRow td,
.clearQ .RadGrid.RadGrid_MetroTouch .rgAltRow td:first-child {
	padding: 0px;
}

.clearQ .panel-body,
.clearQ .PanelBody {
	padding: 0px;
}

.clearQ .GridTitlePanel,
.clearQ .GridFooterPanel {
	margin-top: 0px;
	margin-bottom: 0px;
}


.topNav {
	background: #06275c;
	color: #fff;
	padding: 0px 15px;
	height: 35px;
}

.topNav .ContentItemContainer {
	display: inline-block;
	vertical-align: middle;
}

#ste_container_ciLogout,
#ste_container_ciLink_8454c43f2d9a4f63baf233c9db82376c {
	float: right;
}

.ste-toggle {
	background-position: -35px -106px;
}

#masterLogoArea img {
	max-width: 200px;
}

.nav-auxiliary .nav-aux-cart .nav-text {
	background-image: url(images/cart.svg);
	background-position: 0px 2px;
	color: transparent;
	background-size: 26px 23px;
	width: 22px;
	display: block;
	height: 24px;
	line-height: 24px;
}

.nav-auxiliary .nav-aux-cart a {
	text-decoration: none;
	width: 22px;
}

.socialIcons a,
.socialIcons a:visited {
	display: block;
	float: left;
	margin-right: 10px;
	width: 25px;
	height: 35px;
	text-align: center;
	padding-top: 3px;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.socialIcons a:hover,
.socialIcons a:focus {
	margin-top: -5px;
	padding-bottom: 5px;
}

.socialIcons img {
	height: 18px !important;
}

#ft .socialIcons a,
#ft .socialIcons a:visited {
	display: block;
	float: left;
	margin-right: 20px;
	width: 35px;
	height: 45px;
}

#ft .socialIcons img {
	height: 24px !important;
}


#ft .socialIcons {
	display: block;
	float: right;
}

@media(max-width:767px) {
	#ft .socialIcons {
		display: block;
		float: none;
	}
}


#ste_container_ciSocialIcons {
	border-right: 1px solid #fff;
}

.header-search .search-field {
	background: transparent url(images/search.svg) no-repeat;
	background-position: 10px center;
	background-size: 19px;
	padding-left: 30px !important;
	color: #fff;
	border: 0px;
	height: 35px;
	padding: 0;
	margin: 0;
	width: 20px;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.header-search .search-field:focus,
.header-search .search-field:hover {
	width: 200px;
	padding-left: 37px !important;
}

#ste_container_ciLink_8454c43f2d9a4f63baf233c9db82376c a,
#ste_container_ciLink_8454c43f2d9a4f63baf233c9db82376c a:visited,
a.UtilityAuthenticationLink,
a.UtilityAuthenticationLink:visited {
	color: #fff;
	text-decoration: none;
	line-height: 35px;
	margin: 0px 5px;
}

#ste_container_ciLink_8454c43f2d9a4f63baf233c9db82376c a:hover,
#ste_container_ciLink_8454c43f2d9a4f63baf233c9db82376c a:focus,
a.UtilityAuthenticationLink:hover,
a.UtilityAuthenticationLink:focus {
	text-decoration: underline;
}

.UtilitySTEToggle {
	margin-left: 30px;
}

.HomePageFullWidthArea .panel-body,
.HomePageFullWidthArea .PanelBody {
	padding: 0px;
}

.HomePageFullWidthArea .panel,
.HomePageFullWidthArea .StandardPanel {
	border: 0px;
}

.header-bottom-container {
	padding: 0px 0px 10px 0px;
}

.header-top-container {
	padding-top: 10px;
}

@media(min-width:768px) {
	#ste_container_ciMobileNav {
		display: none;
	}
}

@media(max-width:767px) {

	#ste_container_ciUtilityNavigation .nav-auxiliary .UtilityNavigationToggle,
	.OnBehalfOf,
	.UtilitySTEToggle {
		display: none;
	}

	.topNav #ste_container_ciLogout a,
	.topNav #ste_container_ciLink_8454c43f2d9a4f63baf233c9db82376c a {
		font-size: 14px;
	}

	.header-logo-container {
		float: none;
	}

	#ste_container_ciMobileNav,
	#ste_container_ciLogoContent {
		display: inline-block;
	}

	#ste_container_ciMobileNav {
		float: right;
		margin-top: 40px;
		margin-right: 10px;
	}

	#ctl01_ciUtilityNavigation_search-collapse {
		display: none;
	}

	#masterLogoArea img {
		max-width: 180px;
	}

	#ste_container_ciMobileNav .header-search .search-field {
		background: transparent;
		background-position: 10px center;
		background-size: 19px;
		padding-left: 0px !important;
		color: #06275c;
		border: 0px;
		height: 35px;
		padding: 0;
		font-size: 20px;
		margin: 0;
		font-weight: 500;
		box-shadow: none;
		width: 100%;
		-webkit-transition: all 0.2s ease-in;
		-moz-transition: all 0.2s ease-in;
		-ms-transition: all 0.2s ease-in;
		-o-transition: all 0.2s ease-in;
		transition: all 0.2s ease-in;
	}

	#ste_container_ciMobileNav .header-search {
		padding: 0px;
	}

	#ste_container_ciMobileNav .search-container {
		display: block;
		padding: 15px;
	}

	.menu-toggle {
		background-image: url(images/menu.svg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: 38px;
	}

}

.row.padding110 {
	padding-top: 110px;
	padding-bottom: 110px;
}

.row.padding60 {
	padding-top: 60px;
	padding-bottom: 60px;
}

@media(max-width:767px) {

	.row.padding110 {
		padding-top: 60px;
		padding-bottom: 60px;
	}


	.row.padding60 {
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

.HomePageFullWidthArea .carousel-caption {
	left: 0px;
	right: 60%;
	background-color: #fff;
	color: #000;
	text-align: left;
	top: 0;
	bottom: 0;
	text-shadow: none;
	padding: 20px 20px 20px 3%;
}

.HomePageFullWidthArea .carousel-caption p {
	margin: 0;
}

.HomePageFullWidthArea .carousel-caption:after {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100px;
	content: '';
	right: -100px;
	background-image: url(images/cutout.svg);
	background-position: center;
	background-size: 108%;
	background-repeat: no-repeat;
}

.HomePageFullWidthArea .carousel-caption h1 {
	color: #06275c;
	font-size: 42px;
	font-weight: 900;
	font-family: Open Sans;
	line-height: 1.1;
}

.linkStack ul {
	list-style: none;
	padding: 0;

}

.linkStack ul a,
.linkStack ul a:visited {
	text-decoration: none;
	color: #000;
	display: block;
	padding: 10px 0px;
	font-weight: bold;
	font-size: 18px;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.linkStack ul a:hover,
.linkStack ul a:focus {
	color: #f7941d;
}

.linkStack ul li:last-child a {
	border: 0;
}

.linkStack ul a:after {
	display: block;
	content: '';
	width: 20px;
	height: 20px;
	right: 10px;
	background-image: url(images/cta-arrow-black.svg);
	background-position: center;
	background-repeat: no-repeat;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
}

.linkStack ul a:hover:after,
.linkStack ul a:focus:after {
	background-image: url(images/cta-arrow-orange.svg);
}

.HomePageFullWidthArea {
	position: relative;
}

/* removing this old homepage slider code via commenting */
/*
#ste_container_LinkStack{
    position: absolute;
    bottom: 5px;
    width: 35%;
    left: 3%;
}

.HomePageFullWidthArea .carousel-control{
	display:none;
}

@media(min-width:768px) and (max-width:1100px){
	.HomePageFullWidthArea .carousel-caption h1{
		color:#06275c;
		font-size: 44px;
		font-weight:900;
		font-family:Open Sans;
		line-height:1.1;
	}

	#ste_container_LinkStack{
		position: relative;
		bottom: auto;
		width: 60%;
		left: 0;
		right:0;
		margin:auto;
		top: 10px;
	}



}


@media(max-width:767px){
	#ste_container_LinkStack{
		position: relative;
		bottom: 0px;
		width:100%;
		padding:20px;
		left:auto;
	}

.carousel-inner.bg-img > .item{
	height:500px!important;
}

	.linkStack ul a,
	.linkStack ul a:visited{
		padding: 10px;
		font-size:18px;
	}

	.Wrapper-HomePage #masterContentArea {
	  margin-top: 0px;
	}

	.HomePageFullWidthArea .carousel-caption {
		left: 0px;
		right: 0px;
		background-color: #fff;
		color: #000;
		text-align: left;
		top: auto;
		bottom: 0;
		text-shadow: none;
		padding: 0px 20px 20px 20px;
	}

.carousel-indicators {
    top: 15px;
    bottom:auto;
}

	.HomePageFullWidthArea .carousel-caption h1{
		font-size:30px;
	}


	.HomePageFullWidthArea .carousel-caption:after{
		display:block;
		position:absolute;
		top: -101px;
		bottom:0;
		width: 100%;
		height: auto;
		z-index: -1;
		content:'';
		right:0px;
		background-image:url(images/swoop.svg);
		background-position:center;
		background-size: cover;
		background-repeat:no-repeat;
	}

}

.carousel-indicators {
    bottom: 0px;
}

.carousel-indicators li {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 2px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
}

.carousel-indicators .active {
    margin: 2px;
    width: 14px;
    height: 14px;
    background-color: #fff;
}
*/

.CTA {
	text-align: center;
	display: block;
}

.CTA a,
.CTA a:visited {
	text-decoration: none;
	font-weight: 600;
	color: #000;
	font-size: 18px;
	display: block;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.CTA a:hover,
.CTA a:focus {
	color: #536eaf;
	margin-top: -20px;
	padding-bottom: 20px;
}

.CTA a img {
	display: block;
	margin: 0px auto 10px auto;
	border-radius: 5px;
	border: 1px solid #ccc;
	max-width: 180px;
	width: 100%;
}

@media(max-width:767px) {
	.icons .col-sm-3 {
		display: inline-block;
		width: 49%;
		vertical-align: top;
	}


	.CTA {
		text-align: center;
		display: block;
		margin-bottom: 30px;
	}


	.CTA a:hover,
	.CTA a:focus {
		color: #536eaf;
		margin-top: 0px;
		padding-bottom: 0px;
	}
}

.Wrapper-FullWidth #masterContentArea,
.Wrapper-FullWidth #masterContentArea .row.full {
	max-width: 10000px;
	padding-left: 0;
	padding-right: 0;
}


.Wrapper-FullWidth #masterContentArea .row,
.Wrapper-FullWidth #masterContentArea .row .content {
	max-width: 1170px;
	margin: 0px auto;
}

.row.full {
	background-position: center;
	background-size: cover;
}

@media(max-width:767px) {
	.darkMob {
		position: relative;
		color: #fff;
	}

	.darkMob h1,
	.darkMob h2,
	.darkMob h3,
	.darkMob h4,
	.darkMob h5,
	.darkMob h6 {
		color: #fff;
	}

	.darkMob:before {
		position: absolute;
		content: '';
		display: block;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.4);
	}

	.row.full.imgLeft {
		background-position: 30% center;
	}
}

.contentTaggedListImageThumbnailR {
	display: none;
}

.threeAcross .newsImage {
	display: block;
	width: 100%;
	height: 170px;
	background-position: center;
}

.threeAcross {
	max-width: 30%;
	display: block;
	position: absolute;
	border: 0px;
	padding: 0;
}

.TaggedListPanel {
	position: relative;
}

.news {
	min-height: 480px;
}

.threeAcross:nth-child(3) {
	right: 0;
}

.threeAcross:nth-child(2) {
	right: 0;
	left: 0;
	margin: auto;
}

.threeAcross h4 {
	margin: 15px 0px;
}

.threeAcross h4 a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	font-size: 20px;
}

.threeAcross .PublishDate {
	font-size: 16px;
	font-style: normal;
	display: block;
	margin-bottom: 15px;
}

.threeAcross a.readMore,
.threeAcross a.readMore:visited {
	display: block;
	margin-top: 15px;
	text-decoration: none;
	font-weight: 500;
}

.threeAcross a.readMore:hover,
.threeAcross a.readMore:focus {
	text-decoration: underline;
}


.threeAcross.multi {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 0px 1% 0px 1%;
}



@media(min-width:768px) and (max-width:1000px) {
	.threeAcross:nth-child(3) {
		display: none;
	}

	.threeAcross.multi:nth-child(3) {
		display: inline-block;
	}

	.threeAcross.multi {
		display: inline-block;
		max-width: 47%;
		margin: 0px 1% 30px 1%;
	}

	.threeAcross {
		max-width: 48%;
	}

	.threeAcross:nth-child(2) {
		right: 0;
		left: auto;
	}
}

@media(max-width:767px) {

	.threeAcross,
	.threeAcross:nth-child(2),
	.threeAcross.multi {
		display: block;
		position: relative;
		max-width: 350px;
		margin: 0px auto 50px auto;
	}

	.threeAcross:nth-child(3) {
		margin-bottom: 0px;
	}

	.threeAcross.multi:nth-child(3) {
		margin-bottom: 50px;
	}

	.news {
		min-height: auto;
	}


}

.centerContent {
	text-align: center;
}

.profile-picture-wrapper {
	display: none !important;
}

.account-toggle .nav-text {
	color: #fff;
	font-weight: 400;
}

@media (max-width: 991px) {

	.account-toggle .nav-text,
	.account-toggle.dropdown-toggle .caret {
		position: relative;
		left: auto;
		z-index: 2000;
		font-size: 100%;
	}
}


.obo-toggle-wrapper {
	display: none !important;
}

.open>.dropdown-menu {
	display: block;
	left: auto;
	right: 0;
}

.obo-actions a {
	color: #fff;
}

.UtilityNavigation .account-menu>li>a,
.UtilityNavigation .account-menu>li>a:hover,
.UtilityNavigation .account-menu>li>a:visited,
.UtilityNavigation .account-menu>li>a:active {
	text-decoration: none;
	color: #fff;
	padding: 0;
}

.UtilitySection.UtilityAccountArea {
	float: none;
	height: 35px;
	display: block;
	line-height: 35px;
}

.backToTop,
.backToTop:visited {
	display: block;
	position: fixed;
	right: 20px;
	bottom: 100px;
	width: 40px;
	height: 40px;
	border: 2px solid #333;
	border-radius: 40px;
	background-image: url(images/btt.svg);
	background-position: 47% 46%;
	background-size: 22px 11px;
	background-repeat: no-repeat;
	background-color: #fff;
}

.backToTop:hover,
.backToTop:focus {
	background-image: url(images/btt-white.svg);
	background-color: #333;
}

.clearQ.memDir .RadGrid.RadGrid_MetroTouch .rgSelectedRow a {
	color: #23749d !important;
}


.clearQ.memDir .RadGrid.RadGrid_MetroTouch .rgSelectedRow {
	color: #000 !important;
}

.clearQ.memDir .RadGrid.RadGrid_MetroTouch .rgSelectedRow {
	border-bottom: 1px solid #ccc;
}

.memDir tr {
	padding: 35px 0px;
	display: block;
	border-bottom: 1px solid #ccc;
	font-size: 18px;
}

.memDir h2 {
	margin: 0px 0px 15px 0px;
	line-height: 1;
}

.clearQ thead {
	display: none;
}

.memDir .image {
	display:
		inline-block;
	width: 200px;
	height: 200px;
	margin-right: 20px;
	background-size:
		contain;
	background-repeat:
		no-repeat;
	background-position:
		center;
	vertical-align: middle;
}

.memDir .content {
	display:
		inline-block;
	max-width: 74%;
	vertical-align: middle;
	width: 100%;
}

.memDir td {
	width: 100%;
	display: block;
}

.memDet tr {
	font-size: 18px;
	line-height: 1.8;
	display: block;
}

.memDet .RadGrid.RadGrid_MetroTouch .rgSelectedRow {
	color: #000;
}

.memDet .image {
	display:
		inline-block;
	width: 200px;
	height: 200px;
	margin-right: 20px;
	background-size:
		contain;
	background-repeat:
		no-repeat;
	background-position:
		center top;
	vertical-align: top;
}

.memDet td {
	width: 100%;
	display: block;
}

.memDet .content {
	display:
		inline-block;
	max-width: 80%;
	vertical-align: top;
	width: 100%;
}


@media(min-width:768px) and (max-width:1200px) {
	.memDet .content {
		max-width: 70%;
	}
}

@media(max-width:767px) {

	.memDir .image,
	.memDet .image {
		display: block;
		margin: 0;
		background-position: bottom center;
	}

	.memDir .content,
	.memDet .content {
		display: block;
		max-width: 100%;
	}
}

.reportHide .wrHvDisplay {
	display: none;
}

.reportHide .wrHvTbContainer {
	border: 0;
}

.reportHide .wrHvRightTbArea {
	display: none;
}

.reportHide .wrRippleButton.wrExportButton {
	height: 40px !important;
	border: 0 !important;
	font-size: 18px !important;
	font-family: PT Root UI, Arial, sans-serif;
	color: #fff;
	padding: 5px 30px !important;
	font-weight: 700;
	line-height: 15px !important;
}

.reportHide .wrExportTypeDropdown {
	height: 40px !important;
	border-radius: 50px !important;
	font-size: 100% !important;
	border: 1px solid transparent;
	background: #f7941d;
	transition: background 0.2s ease-out;
}

.reportHide .wrExportTypeDropdown:hover,
.reportHide .wrExportTypeDropdown:active,
.reportHide .wrExportTypeDropdown:focus {
	background: #b26008;
}

.reportHide .wrExportDropdownButton {
	display: none !important;
}

.reportHide .panel-body {
	padding: 0;
}

.reportHide .wrHvTbContainer {
	padding: 0 !important;
}


/*
Bootstrap 5.0 compatibility
*/
.row>.content {
	display: flex;
	flex-wrap: wrap;
}

.row>.content>div[class^="col-"] {
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
	position: relative;
}

@media(min-width:768px) {
	.row>.content>div[class^="col-"] {
		flex-shrink: 0;
	}

}


.BlueButton,
.BlueButton:visited {
	background-color: #007cc2;
}

.BlueButton:hover,
.BlueButton:focus {
	background-color: #004e7a;
}