article.marketing em {
     color: #257ab3;
}

.privacy-policy article.marketing em {
	color: #6b6b6b;
}

.left-indented {
	margin-left: 1.5in;
}
.article-large-title {
	font-weight: bold; font-size: 44px; line-height:42px; color: #5d6770;
}

.color-orange {
	color:#f8a244;
}
.font-size-24 {
	font-size: 24px;
}
.font-size-20 {
	font-size: 20px;
}
.font-size-18 {
	font-size: 18px;
}

ul.ul-centered {
	width: 450px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}


.centered-article {
	display: block; max-width: 80%; margin: 0px auto;
}
.underlined {
	text-decoration: underline;
}
.left-indented-one {
	margin-left: 0.5in;
}

.deposit-options {
	font-size: 18px; 
	color: #5d6770;
	margin-bottom: 100px;
}

/* support the 2-col auth pages e.g. create-account  */
section.cols-2 article.marketing .wrapper
{
	width: auto;
    padding-top: 0;
}

/*this class allows us to override the styling in the content manager RTF, hence why this is given "important" */
.align-left {
	text-align: left !important;
}
.align-right {
	text-align: right !important;
}

article.article-content-block h1 {
    color: #013c5b;
    font: 300 30px/1.1 "proxima-nova-n3","proxima-nova",Helvetica,Arial,sans-serif;
    margin-top: 0;
    text-align: left;
}

.centered {
	text-align: center;
}

@media only screen and (max-width: 767px) {
	
	.oam-page section.layout {
        padding-top: 35px;
    }
    
	.page-wrapper .wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }
	.basic-page .page-wrapper .no-headline {
		margin-top: 47px;
	}
}

.hide {
	display: none;
}

.relative {
	position: relative;
}

.float_right {
	float: right;
}

.float_left {
	float: left;
}

.pointer,
article.article-content-block a, 
div.auth-forgot-password-text-section a {
	cursor: pointer;
}
/*Padding CSS*/
.paddingTopBottom10 {
	padding: 10px 0px;
}

.paddingLeft5 {
	padding-left: 5px;
}
.paddingBottom15{
	padding-bottom: 15px;
}
.padding15 {
	padding: 15px;
}

/* Margin CSS */
.marginTop4 {
	margin-top: 4px !important;
}

.marginTop20 {
	margin-top: 20px !important;
}
.marginRight10 {
	margin-right: 10px;
}

.marginBottom20 {
	margin-bottom: 20px !important;
}

.statedrpdwnposition {
	position: absolute;
	top: 10px;
	right: 18px;
	z-index: 10;
}

#selectState {
	padding-left: 0px !important;
}

.dropdown-menu-left li a {
	padding: 5px 0px !important;
}

#state-select.input-group-btn ul li a:hover {
	background-color: #2080b4c7 !important;
	color: #fff;
}

/* address search CSS starts */
.li_list {
	padding: 10px 15px;
	color: #178fcd;
}

.li_list .dpBtn {
	float: right;
	display: none;
	color: #0971cd !important;
	background-color: #fff !important;
	padding: 2px 8px !important;
}

.labelAdd:hover {
	background-color: #0971cd !important;
	color: #fff !important;
}

.li_list:hover {
	background-color: #0971cd;
	color: #fff !important;
}

.li_list:hover .dpBtn {
	display: inline-block;
	float: right;
	color: #0971cd !important;
	background-color: #fff !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active,
	a.ui-button:active, .ui-button:active {
	border: none !important;
	background: transparent !important;
	color: #0971cd !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active,
	a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover
	{
	border: none !important;
	background: transparent !important;
	color: #fff !important;
}

a.ui-button:active, .ui-button:active, .ui-button:hover {
	color: #0971cd !important;
	background-color: #fff !important;
}

.ui-autocomplete-loading {
	background: white url("../images/LoaderIcon.gif") calc(100% - 10px)
		center no-repeat;
}

/*  Address search CSS ends */
.clickcompare {
	font-size: 12px !important;
	font-weight: 800 !important;
}

/* OE Error Message CSS*/
#utilityFlowPlans .error {
	color: #f20000;
}

/* Common */
.ng-hide {
	display: none !important;
}

article.marketing .intro {
	font-size: 26px;
}

article.marketing.marketingIntro p {
	margin: 1em 0;
}


/* OAM Navigation */
.subNav {
	visibility:hidden;
	transition:0s 0.1s;
	transition-property: visibility;
	position: absolute;
}

.level-one:hover > .level-two, 
.level-two:hover {
	visibility:visible;
	transition:0s;
}

#subnavTriangle-0 {
	position: absolute;
    left: 50px;
    top: 0px !important;
}

#subnavitem-0 {
	white-space: nowrap;
	display:inline-block;
	top: 10px !important;
	left:-250px;
}

#subnavTriangle-1 {
	left: 50px;
    top: 0px !important;
}

#subnavitem-1 {
	white-space: nowrap;
	display:inline-block;
	top: 10px !important;
}

#subnavTriangle-2 {
	left: 25px;
    top: 0px !important;
}

#subnavitem-2 {
	white-space: nowrap;
	display:inline-block;
	top: 10px !important;
	left:-400px; 
}

.triangle {
	top: 0px !important;
}

.subitems {
	top: 10px !important;
    left: -16px !important;
    white-space: normal !important;
	position:relative !important;
}

@media (min-width:768px) and (max-width:1026px) {
    header.site-header .secondary-nav .links ul li a {
	    font-size: 12px !important;
	}
	header.site-header .secondary-nav .links ul li {
	    margin-right: 7px !important;
	}
	.secondary-nav .links ul {
	    padding: 0 !important;
	}
}​

/* Hero Carousel CSS */
.carousel {
	position: relative;
}

.carousel .wrapper {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.carousel-inner .item {
	display: none;
}

.carousel-inner .item.carousel-selected {
	display: block;
	visibility: visible;
	width: 100%;
}

.carousel-inner img {
	height: 420px;
	width: 100%;
}

.carousel-inner .wrapper .carousel-content {
	color: white;
	font-size: 36px;
	color: #fff;
	text-align: center;
	line-height: 1.2em;
}

.carousel-inner .wrapper .carousel-content-container {
	width: 60%;
	margin: 140px auto 0 auto;
}

.marketing-page .banner .headline {
	color: #ffffff; 
	font-size: 42px; 
	font-weight: 500px; 
	letter-spacing: 0px;
}

/* alert */
.alert-message {
	height: auto;
	width: 100%;
	background-color: #f36523;
}

.alert-message p {
	color: #fff;
	margin: 0 auto;
	padding: 5px 5px 5px 55px;
	max-width: 800px;
	background: url(/system/assets/images/i/icon/alert-exclamation.png) 15px
		center no-repeat;
}

.ease {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
}

/* OE */
.promo.autopay {
	margin-top: 20px;
}

.lineHeight0.6 {
	line-height: 0.6 !important;
}

.modal {
	overflow-y: auto;
}

button.additional-address {
	font-weight: 600;
	font-size: 16px;
	color: #000;
	background-color: #fff;
	background-image: none;
	padding: 0;
}


/* Promo blocks */
.cta-block-left .content-block-container, .cta-block-right .content-block-container
	{
	padding-bottom: 20px;
	padding-left: 10px;
}

.cta-block-left .content-block-container
	{
	padding-right: 10px;
}

.cta-block-left .content-block-container ul, .cta-block-right .content-block-container ul
	{
	padding: 0 0 0 20px;
	margin: 0.5em 0;
}

.cta-block-left .content-block-container li, .cta-block-right .content-block-container li
	{
	letter-spacing: 0px;
	font-size: 18px;
	color: #5d6770;
	margin-left: 10px;
}

.title {
	font-weight: bold;
	letter-spacing: 0px;
	line-height: 40px;
	font-size: 42px;
	color: #5d6770;
}

.content-container {
	letter-spacing: 0px;
	font-size: 18px;
	color: #5d6770;
}

.cta-button-container {
	font-weight: 600px;
	font-size: 18px;
}

.cta-button-primary {
	font-size: 18px;
	font-weight: 600;
	color: #ffffff;
	text-decoration: none;
	border-radius: 5px;
	padding: 12px 30px;
	display: inline-block;
	background-color: #0071b9;
}

.cta-button-secondary {
	font-size: 18px;
	font-weight: 600;
	color: #006fbc;
	text-decoration: none;
	border-radius: 5px;
	padding: 12px 30px;
	display: inline-block;
	background-color: #ffffff;
	border: 2px solid #006fbc;
}

.green-contact-us-btn {
	font-weight: 600;
	font-size: 24px;
	text-decoration: none;
}

.alert-message a{
	font-size: 16px;
	color: #f36523;
	text-decoration: none;
	border-radius: 5px;
	font-weight: 600;
	padding: 12px 15px;
	display: inline-block;
	background-color: #ffffff;
}
.checkbox_manual_address label{
	display: inline-block !important;
}
.bussiness_tx_btn{
	margin: 0 auto;
    width: 115px;
    color: #fff;
}
.showTooltipAddr{
    position: relative;
    padding-left: 29px;
}
.showTooltipAddrDC{
    position: relative;
    left: -50px;
	top: 20px;
}
.tooltipAddr{
    bottom: 100px;
    left: 102px;
}
.showTooltipssnlbl{
    position: relative;
    font-size:15px !important;
}
.tooltipSSN {
    bottom: 19px;
    left: -193px;
}
.tooltipSSN {
	bottom: 19px;
	left: -240px;
}
.tooltipSSNDC {
	bottom: 19px;
	left: -170px;
}
.ssnext {
    top: -77px;
    position: relative;
    left: 168px;
}

.ssnextDC {
    top: -15px0;
    position: relative;
    left: 168px;
}

.ssn_ne .ssnext {
	top: inherit;
    position: absolute;
    margin-top: -75px;
}

.ui-autocomplete{
	z-index: 10000;
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  .showSSN span, .hideSSN span{
	    word-break: break-word;
	    width: 51px;
	    position: absolute;
	    margin-top: -2px;
	    line-height: 15px;
	    margin-left: 4px;
	}
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  .showSSNDC span, .hideSSNDC span{
	    word-break: break-word;
	    width: 51px;
	    position: absolute;
	    margin-top: -2px;
	    line-height: 15px;
	    margin-left: 4px;
	}
}



.showTooltip:hover + .tooltip{
    opacity: 1;
    z-index: 101;
}
.commercialssntooltip:hover + .tooltip{
    opacity: 1;
    z-index: 101;
}

.commercialssntooltip{
	z-index: -1;
}
.price-to-compare-link{
	cursor: pointer;
}

.site-header .cart-toggle.icon-cart {
	cursor: pointer;
}

.marketing.center.full-html .heading {
	text-align: center; 
	letter-spacing: 0px; 
	line-height: 42px; 
	font-size: 44px; 
	color: #5d6770;
}

.marketing.center.full-html .content-paragraph {
	letter-spacing: 0px;
	text-align: center;
	font-size: 20px;
	color: #5d6770;
}

.marketing.center.full-html .content {
	letter-spacing: 0px; 
	text-align: center; 
	font-size: 20px; 
	color: #5d6770;
	padding: 0;
}

.marketing.center.full-html .image-block {
	height: auto; 
	width: 100%; 
	padding: 20px;
}

.marketing.center.full-html .plan-content a {
	font-size: 18px; 
	color: #ffffff; 
	text-decoration: none; 
	border-radius: 5px; 
	font-weight: 600; 
	padding: 12px 30px; 
	display: inline-block; 
	background-color: #ff9e31;
}

article.footnote .wrapper {
	padding: 0px;
	text-align: center;
	background:none;
}

article.footnote hr {
    margin: 10px auto;
    width: 75%;
}

.marketing.conservation-tips.first .CTA-heading {
	font-weight: bold; 
	text-align: center; 
	letter-spacing: -0.32px; 
	font-size: 32px; 
	color: #5d6770;
}

.marketing.conservation-tips.first .CTA-content{
	letter-spacing: 0px; 
	font-size: 16px; 
	color: #5d6770;
}

.marketing.conservation-tips.first .CTA-media {
	text-align: center;
}

.marketing.conservation-tips.first .CTA-body {
	text-align: center;
}

.marketing.conservation-tips.first .grid.three img {
	width: 73px;
	height: 122px;
}

/* ----- Page Specific Styling ---- */

/* about-us */ 
.about-us .marketing.full-html .wrapper {
	padding:0;
}
.about-us .marketing .wrapper p.intro {
	margin: 1em 9.61538%;
    line-height: 1.5;
}

/* term-us-use */
.term-of-use article.marketing ul li {
	list-style-type: none;
}
 
/* for-home */
.for-home article.marketing:first-child .wrapper {
	padding-bottom: 0px
}
.for-home article.marketing:nth-child(3) .wrapper {
	padding-bottom: 10px;
}
.for-home article.marketing:nth-child(2) .wrapper,
 .for-home article.marketing:nth-child(4) .wrapper{
	background-image: none;
	padding-top: 0px;
}

/* Contact us page */
.CCPA-page .contact-us-request-intro {
	display:none;
}

.contact-us-request-intro {
	text-align: center;
}

.contact-us-request-intro span{
	text-align: center; 
	letter-spacing: 0px; 
	line-height: 40px; 
	font-size: 42px; 
	color: #5d6770; 
	font-weight: semibold;
}

/* stream-green  */
.stream-green article.marketing .wrapper {
	background: none;
}
.stream-green hr {
	margin:0px;	
}

.stream-green #addressForm hr{
	border: none;
	border-top: 1px solid #cecece;
	margin: 25px 0;
}
.stream-green article.footnote p.footnote {
	font-size: 10px;
}
.stream-green article.footnote p.footnote em {
	color: #000;
}
.stream-green .marketing.conservation-tips.first .grid.three img {
	width: auto;
	height: auto;
}
.stream-green .marketing.full-html .why-content p {
	line-height: 1.375;
}
.stream-green #energy-rates-module .grid.tabs, .stream-green #energy-rates-module .enrollment-type-radios{
	display: none;
}
.stream-green .page-column article:last-child .wrapper,
.stream-green .cta-block-right .wrapper div:first-child {
	padding-bottom: 0px;
}
.stream-green article.marketing.energy-rates {
	margin-bottom:20px;
}
.stream-green .column-one .cta-block-right,
.stream-green .column-two article:first-child,
.stream-green .column-two article:last-child{
	background-color: #f9f9f9;
}
.stream-green .column-two article:first-child .image-block img {
	width: 194px;
	height: 95px;
}
.stream-green .cta-block-left .col:first-child {
	width:60%;
}
.stream-green .cta-block-left .col:first-child .title {
	color: #039447;
	font-size: 34px;
	margin: 0;
	font: 300 34px/1.1 "proxima-nova-n3","proxima-nova",Helvetica,Arial,sans-serif;
}
.stream-green .content-container {
	margin-top: .5em;
	line-height: 1.8em;
	font-size: 24px;
}
.stream-green .cta-block-left p a.button {
	padding: 11px 27px;
	font-size: 19px;
}
.stream-green .button, .stream-green .marketing.center.full-html .plan-content a {
	background-color: #91c737;
	background-image: none;
}
.stream-green .cta-block-left .col:last-child {
	width: 33%;
	padding-top:24px;
}
.stream-green .cta-block-right .wrapper .col:first-child {
	float: left;
	width: 33%;
}
.stream-green .cta-block-right .wrapper .col:first-child img {
	padding-top: 24px;
}
.stream-green .cta-block-right .wrapper .col:last-child {
	float: right;
	width: 60%;
}
.stream-green .cta-block-right .wrapper .col .green-heading {
	color: #039447;
	font-size: 34px;
	margin: 0;
}
.stream-green .cta-block-right .wrapper .col .green-heading strong{
    font-size: 60px;
}
.stream-green .cta-block-right .wrapper .col .green-heading span {
	border-left: 1px solid #039447;
	padding-left: 10px;
}
.stream-green .marketing.full-html .heading .headline{
	color: #039447;
	margin: 0;
	font: 300 34px/1.1 "proxima-nova-n3","proxima-nova",Helvetica,Arial,sans-serif;
}
.stream-green .marketing.full-html .content, 
.stream-green .marketing.full-html p  {
	font-size: 24px;
	margin-bottom: 0;
}
.stream-green .marketing.full-html p.source {
	font-size: 20px;
	line-height: 1.4em;
}
.stream-green .banner {
    height: 290px;
}
.stream-green .banner h1  {
    font-size: 26px;
    text-align: center;
}
.stream-green .banner h1 span {
    font-size: 26px;
}
.stream-green .marketing.center.full-html .image-block {
	padding: 0px;
}
.stream-green .banner .wrapper {
	padding-top: 36px;
    padding-bottom: 36px;
}
.stream-green .article-with-image .wrapper .content-column {
	width:50%;
	float: left;
}
.stream-green .article-with-image .wrapper .content-column .content-block-container .green-heading {
	color: #039447;
	font-size: 34px;
	margin: 0;
}
.stream-green .article-with-image .wrapper .content-column .content-block-container .green-heading .blooms.gradient {
	background: linear-gradient(to right,#91c737 0%,#039447 100%);
    background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.stream-green .article-with-image .wrapper .content-column .content-block-container .content-container .big {
	font-size: 30px;
}
.stream-green .article-with-image .wrapper .content-column .content-block-container .content-container span {
	color: #91c737;
}
.stream-green .article-with-image .wrapper .media-column {
	width: 33%;
	float: right;
}
.stream-green .marketing.full-html .footnote {
	font-size: 10px;
}
.stream-green span.blooms {
    font-family: "Blooms";
    font-size: 50px;
}
.stream-green .marketing.conservation-tips.first .CTA-content {
	font-size: 24px;
}
.stream-green .marketing.conservation-tips.first .CTA-content span {
	font-weight: 600;
	font-style: italic;
	color: #039447;
}
.stream-green .marketing.conservation-tips.first .wrapper {
	padding-top: 0;
	padding-bottom: 20px;
}
.stream-green .marketing.conservation-tips.first .grid.two .col .tip.first {
	max-width: 340px;
}
.stream-green .marketing.conservation-tips.first .grid.two .col:first-child .tip.first {
	float: right;
}
.stream-green .marketing.conservation-tips.first .grid p {
	padding: 0 20px;
	font-size: 24px;
}
.stream-green .marketing.full-html.article-with-image .wrapper .media-column img {
	padding-top: 24px;
}
.stream-green .CTA-body {
	padding-top: 15px;
}
@media only screen and (min-width:768px)and (max-width:1024px) {
    .stream-green .banner {
        height: 210px;
    }
    .cart-overlay{
    	display: none !important;
    }
}

@media only screen and (max-width:767px) {
	.stream-green .article-with-image .wrapper .content-column .content-block-container .green-heading {
		font-size: 24px;
	}
    .stream-green .banner {
        height: 140px;
    }
    .stream-green .banner {
        background-position: 20%;
    }
    
    .stream-green .banner h1, .stream-green .banner h1 .headline {
        font-size: 18px;
    }
    .stream-green .banner .wrapper {
        padding: 10px 0 40px 20px;
    }
    .stream-green .column-one article {
    	padding: 0 50px;
    }
    .stream-green article.marketing.energy-rates  {
    	padding: 0 0 40px 0;
    }
    .stream-green .cta-block-left .col:last-child  {
		width: 100%;
		float: none;
		text-align: center;
	}
	.stream-green .content-block-container hr{
		display: none;
	}
	.stream-green .column-two article:nth-child(4){
		display: block;
	}
	.stream-green .cta-block-left .col img, 
	.stream-green .cta-block-right .col img, 
	.stream-green .marketing.full-html.article-with-image .wrapper .media-column img {
		width: 329px;
		height: 328px;
	}
	.stream-green .cta-block-left .col:first-child, 
	.stream-green .cta-block-right .wrapper .col:last-child,
	.stream-green .cta-block-right .wrapper .col:first-child,
	.stream-green .article-with-image .wrapper .content-column,
	.stream-green .article-with-image .wrapper .media-column
	 {
		width: 100%; 
		text-align: center;
		padding-top: 20px;
	}
	.stream-green .marketing.full-html .content {
		font-size: 18px;
	}
	.stream-green .cta-block-left .col:first-child .title,
	.stream-green .marketing.full-html .heading .headline,
	.stream-green .cta-block-right .wrapper .col .green-heading span {
		font-size: 24px;
		font-weight: 500;
	}
	.stream-green .content-container {
		font-size: 18px;
		line-height: 1.4em;
	}
	.stream-green .cta-block-right .wrapper .col .green-heading strong {
		display: block;
		font-size: 50px;
	}
	.stream-green .cta-block-right .wrapper .col .green-heading span {
		border-left: none;
	}
	.stream-green .green-contact-us-btn, 
	.stream-green .marketing.full-html p {
		font-size: 18px;
	}
	.stream-green .carousel-inner .wrapper {
		height: 400px;
	}
	.stream-green .carousel-inner .wrapper .carousel-content-container {
		margin: 90px auto 0 auto;
		width: 100%;
	}
	.stream-green .carousel-inner .wrapper .carousel-content {
		font-size: 32px;
	}
	.stream-green .article-with-image .wrapper .content-column .content-block-container .content-container .big {
		display: block;
		margin-bottom: 20px;
		font-size: 20px;
	}
	.stream-green iframe {
		height: 264px;
		width: 100%;
	}
	.stream-green .marketing.conservation-tips.first .grid.two .col:first-child .tip.first,
	.stream-green .marketing.conservation-tips.first .grid.two .col:nth-child(2) .tip.first {
		float: none;
		max-width: 100%;
	}
	.stream-green .CTA-body {
		padding-top: 15px;
	}
	.stream-green .cta-block-left .grid.two {
		display: flex; 
		flex-direction: column-reverse; 
	}
	.stream-green .cta-block-left .grid.two .col:first-child {
		padding-top: 20px;
	}
	.stream-green .marketing.full-html p.source {
		font-size: 12px;
	}
}


.stream-green .carousel .wrapper .carousel-content-container {
    width: 60%;
    margin: 140px auto 0 auto;
}

.stream-green .carousel .wrapper .carousel-content-container p {
    font-size: 36px;
    color: #fff;
    text-align: center;
    line-height: 1.2em;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .stream-green .carousel .wrapper .carousel-content-container {
        margin-top: 110px;
    }
    .stream-green .carousel .wrapper .carousel-content-container p {
        font-size: 32px;
    }
}

@media only screen and (max-width:767px) {
    .stream-green .carousel .wrapper .carousel-content-container p {
        font-size: 32px;
    }
}

@media only screen and (max-width:767px) {
    .stream-green .carousel .wrapper {
        height: 400px;
    }
    .stream-green .carousel .wrapper .carousel-content-container {
        width: 100%;
        margin-top: 90px;
    }
}

.contact-form-explain-request-section, .contact-form-account-number-input {
	display: none;
}

.contact-us .contact-form-explain-request-section, .contact-us .contact-form-account-number-input {
	display: block;
}
@media only screen and (min-width:1400px)and (max-width:1724px) {
    .stream-green .banner {
        height: 335px;
    }
    .cart-overlay{
    	display: none !important;
    }
}

@media only screen and (min-width:1725px)and (max-width:2000px) {
    .stream-green .banner {
        height: 400px;
    }
    .cart-overlay{
    	display: none !important;
    }
}
/* End of Stream Green style*/

/* eGift banner*/
.egift-card .banner {
    height: 500px;
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .egift-card .banner {
        height: 290px;
    }
}

@media only screen and (max-width:767px) {
    .egift-card .banner {
        height: 245px;
		margin-top: 40px;
    }
}
@media only screen and (min-width:1400px)and (max-width:1724px) {
    .egift-card .banner {
        height: 440px;
    }
}
@media only screen and (min-width:1725px)and (max-width:2000px) {
    .egift-card .banner {
        height: 475px;
    }
}
/* End of Gift */

/* Button style*/
.button {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    padding: 7px 18px;
    background-color: #257ab3;
    border: 0;
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.375;
    text-shadow: 0 1px 0 rgba(0,0,0,.1);
    cursor: pointer;
    background-image: -moz-linear-gradient(#75b7e2,#257ab3);
    background-image: -webkit-linear-gradient(#75b7e2,#257ab3);
    background-image: linear-gradient(#75b7e2,#257ab3);
}

.contact-intro .intro-last {
	margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
	.page-content {
		padding-top: 47.2px;
	}
	
	.alert-message {
		padding-top: 47.2px;
	}
	#Typeahead-Input_IL{
	width: 100%;
    float: left;
	}
}

@media screen and (min-width:767px) {
	.cart-toggle{
		display: none;
	}
	#Typeahead-Input_IL{
		width: calc(100% - 415px);
    	float: left;
	}
	.input-group-control #Typeahead-Input_IL{
		width: calc(100% - 215px) !important;
    	float: left;
	}
}
.cart_empty{
	background-color: #fff;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0;
    border-radius: 0 0 5px 5px !important;
}
.enrollment_dpdwn{
	background-image: none !important;
    padding-left: 0 !important;
}
#state-select{
	z-index: 100;
}
.stateList{
	top: 45px;
}

#state-select-support .texas {	
    background-image: url('../images/i/bg/texas-black-icon.png');	
}	
#state-select-support .georgia {	
    background-image: url('../images/i/bg/georgia-black-icon.png');	
}	
#state-select-support .delaware {	
    background-image: url('../images/i/bg/delaware-black-icon.png');	
}	
#state-select-support .illinois {	
    background-image: url('../images/i/bg/illinois-black-icon.png');	
}	
#state-select-support .maryland {	
    background-image: url('../images/i/bg/maryland-black-icon.png');	
}	
#state-select-support .new-jersey {	
    background-image: url('../images/i/bg/newJersey-black-icon.png');	
}	
#state-select-support .new-york {	
    background-image: url('../images/i/bg/newYork-black-icon.png');	
}	
#state-select-support .ohio {	
    background-image: url('../images/i/bg/ohio-black-icon.png');	
}	
#state-select-support .pennsylvania {	
    background-image: url('../images/i/bg/pennsylvania-black-icon.png');	
}	
#state-select-support .washington-dc {	
    background-image: url('../images/i/bg/DC-black-icon.png');	
}
.support section.layout .support-container .faqs p  {
	font-size:16px;
}
.mble_plan_header{
	border: 1px solid #e8e8e8;
    background-color: #efefef;
    font-weight: 600;
    padding: 10px 10px;
}
.mble_plan_second_row{
	padding: 5px 10px;
    border: 1px solid #eaeaea;
    display: table-cell;
    width: 42%;
    vertical-align: middle;
}
.mobile-plan-table td{
	padding: 0px !important; 
	border:none !important;
}
.mble_viewplan_btn_colomn{
	display: table-cell;
    width: 100%;
    padding: 0 10px;
    vertical-align: middle;
}
.mble_select_btn_colomn{
	display: table-cell;
    width: 30%;
    padding: 5px 10px;
}
.paddingRight14{
	padding-right: 14%;
}


/* OE Calendar CSS */
/* .ui-state-active, .ui-widget-content .ui-state-active {
	color: black!important;
} */

/* #ui-datepicker-div {
	width: 45%;
} */
.ui-widget{
	font-size: 12px;
}
div.ui-datepicker{
	font-size: 18px;
}
.ui-datepicker{
	width: 500px;
}
.ui-datepicker-title{
color: #fff;
    font-size: 18px;
    font-weight: 500;
    background-color: #2aa4dc;
    border: 1px solid #229acd;
    padding: 10px 40px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-image: -moz-linear-gradient(bottom,#008cd2 0%,#2aa4dc 100%);
    background-image: -webkit-linear-gradient(bottom,#008cd2 0%,#2aa4dc 100%);
    background-image: linear-gradient(to top,#008cd2 0%,#2aa4dc 100%);
}
  
.ui-datepicker-prev.ui-corner-all, .ui-datepicker-next.ui-corner-all {
	width: 36px;
    height: 83%;
	background-color: #2aa4dc;
	margin: 2px;
}
.ui-datepicker-prev.ui-corner-all, .ui-datepicker-next.ui-corner-all ::hover {
	width: 36px;
    height: 83%;
	background-color: #2aa4dc;
	margin: 2px;
}
.ui-datepicker .ui-datepicker-prev{
	left: 0px;
}
.ui-datepicker .ui-datepicker-next{
	right: 0px;
}
.ui-icon.ui-icon-circle-triangle-w {
	margin-top: 0px;
}
.ui-datepicker .ui-datepicker-title {
	line-height: 0.8em;
}
/* .ui-datepicker .ui-datepicker-title {
	margin: 0 5.3em;
} */
.ui-state-disabled span {
	background-color: #2aa4dc;
}
.ui-datepicker .ui-state-active, .ui-widget-content .ui-state-active{
	background-color: #2aa4dc;
    color: #fff;
    border: 1px solid #229acd;
    border-radius: 5px;
}
.ui-datepicker .ui-state-default, .ui-widget-content .ui-state-default {
	background-color: #2aa4dc;
    color: #fff;
    border: 1px solid #229acd;
    border-radius: 5px;
}
.ui-datepicker .ui-state-default .ui-state-active{
	background-color: #2aa4dc !important;
    color: #fff !important;
    border: 1px solid #229acd;
    border-radius: 5px;
}
.ui-datepicker.ui-state-active, .ui-widget-content .ui-state-active{
	background-color: #2aa4dc !important;
    color: #fff !important;
    border: 1px solid #229acd;
    border-radius: 5px;
}
.ui-state-disabled .ui-state-default {
	color: #333;
}
.ui-datepicker .ui-state-default:hover{
	color: #007cb5;
}
.enrollment .datepicker-input {
	background-image: url(../images/i/icon/calendar2.png);
}
.ui-datepicker .color0 a { 
	background-color: #f9e5aa; 
	color: #000;	
}
.ui-datepicker .color0 a:hover {
	background-color:#d1e8f3;
	color: #2aa4dc;
}
.ui-datepicker th {
	padding: 4px; 
    text-align: center;
    font-weight: 100 !important; 
    border: 0;
    width: 10%;
}
.ui-datepicker td span, .ui-datepicker td a {
	text-align: center;
}
.ui-datepicker td {
    font-size: 18px;
    font-weight: 500;
}

/* .ui-datepicker div.legend li {
	list-style-type: none;
	padding-left: 30px;
	margin-bottom: 5px;
} */
.ui-datepicker div.legend span { 
	float: left;
	margin-left: -30px;
	padding: 2px 4px;
	font-size: 12px;
	min-width: 22px;
	color: #333;
	background-color: #fff;
	border: 1px solid #cdcdcd;
	color: #fff;
	/* background-color: #2aa4dc;
	background-image: -moz-linear-gradient(bottom, #008cd2 0%, #2aa4dc 100%);
	background-image: -webkit-linear-gradient(bottom, #008cd2 0%, #2aa4dc 100%);
	background-image: linear-gradient(to top, #008cd2 0%, #2aa4dc 100%); */
}
.ui-datepicker div.legend span.disabled-dates {
	background-color: #a9d9f1;
	border: 1px solid #99cee8;
	
}
.ui-datepicker div.legend span.normal-dates {
	background-color: #2aa4dc;
	border: 1px solid #229acd;
	
}
.ui-datepicker div.legend span.priority-dates{
	background-color: #f9e5aa;
	background-image: none;
	color: #999;
}
@media only screen and (max-width: 767px) {
	#ui-datepicker-div {
		width: auto;
	}
}



.item.example a.single-link {
	cursor: pointer;
}

/*Following article.service-tabs .grid .col.energy are introduced in dropdown implementation in /pay page */

article.service-tabs .grid .col.energy .link a.sublink:after {
    content: "";
    height: 0;
    width: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #28a5de;    
    position: absolute;
    margin: 7px;   
}

article.service-tabs .grid .col.energy .link a.sublink {
    font-weight: 500;
    color: #28a5de;
}

article.service-tabs .grid .col.energy .link .show-dropdown-menu {
	 display: block;
}

article.service-tabs .grid .col.energy .link .hide-dropdown-menu {
	display: none;
}

/*Following styles is replacement for inline styling in pay page*/

.marketing.center.full-html .pay-heading {
	font-weight: bold;
    text-align: center;
    letter-spacing: 0px;
    font-size: 48px;
    color: #5d6770;
}

.marketing.center.full-html .pay-content-paragraph {
	text-align: center;
    letter-spacing: 0px;
    font-size: 24px;
    color: #5d6770;
}


/* OAM Modal spacing */
#remove-payment-method .modal-body, #auto-pay-warning .modal-body {
	font-size: 0; 
}

#remove-payment-method .modal-body span, #auto-pay-warning .modal-body span {
	font-size: 16px;
	line-height: 1.375;
	color: #333;
}
.payment-options .credit-card > .name #NameCC{
	width: 100% !important;
}
.payment-options .credit-card > .name{
	width: 50% !important;
}

/* Contact us tab selector line-style replacement */
   
article.marketing.contact .wrapper .center
 {
    padding: 20px;
    text-align: center;
 }

article.marketing.contact .wrapper .center span.contact-heading {
	font-weight: bold;
    text-align: center;
    letter-spacing: 0px;
    font-size: 44px;
    color: #5d6770;   
    line-height: 44px;
}

article.full-html.bg-white h2, article.full-html.bg-white h3 {
	color: #4f4c4d;	
}

 /* Start: My Stream Connect App */
 
 
.my-stream-connect-app article.full-html.bg-white h2, .my-stream-connect-app article.full-html.bg-white h3 {
	color: #257ab3;	
}
 
 .my-stream-connect-app .banner.marketing {
     height: 515px;
 }
 
 @media only screen and (min-width:768px)and (max-width:1024px) {
     .my-stream-connect-app .banner.marketing {
         height: 380px;
     }
 }
 
 @media only screen and (max-width:767px) {
     .my-stream-connect-app .banner.marketing {
         height: 160px;
     }
 }

 .my-stream-connect-app article.marketing>.wrapper {
     background-image: none;
     padding-top: 0;
 }
 
 .my-stream-connect-app article>.wrapper .grey {
     background-color: #f8f7f7;
     padding: 20px 0 70px 0;
 }
  
 .my-stream-connect-app article.marketing>.wrapper .shop img,
 .my-stream-connect-app article.marketing>.wrapper .simplify img {
     float: left;
     margin: 0 80px 0 30px;
 }
 
 .my-stream-connect-app article.marketing>.wrapper .shop p,
 .my-stream-connect-app article.marketing>.wrapper .simplify p {
     padding-right: 100px;
 }
 
 .my-stream-connect-app article.marketing>.wrapper h2 {
     padding-top: 35px;
     color: #0071b9;
     font-weight: 800;
     margin-bottom: 0;
     font-size: 48px;
 }
 
 .my-stream-connect-app article.marketing>.wrapper p {
     font-size: 24px;
 }
 
 .my-stream-connect-app article.marketing>.wrapper .manage {
     padding: 0 90px 40px 60px;
 }
 
 .my-stream-connect-app article.marketing>.wrapper .manage img {
     margin-left: 80px;
     float: right;
 }
 
 @media only screen and (min-width:768px)and (max-width:1024px) {
     .my-stream-connect-app article.marketing>.wrapper .manage img {
         margin-left: 0;
     }
 }
 
 .my-stream-connect-app article.marketing>.wrapper .manage h2 {
     padding-top: 280px;
     margin-top: 0;
 }
 
 .my-stream-connect-app article.marketing>.wrapper p.intro img {
     margin: 0 10px 10px 10px;
 }
 
 .my-stream-connect-app article.marketing>.wrapper h3 {
     color: #0071b9;
     font-size: 36px;
     margin-bottom: .5em;
 }
 
 .my-stream-connect-app .connectapp-buttons img {
 	width: auto !important;
 }
 
 @media only screen and (max-width:767px) {
     .my-stream-connect-app article.marketing>.wrapper .shop,
     .my-stream-connect-app article.marketing>.wrapper .manage,
     .my-stream-connect-app article.marketing>.wrapper .simplify {
         text-align: center;
         padding-bottom: 40px;
     }
     .my-stream-connect-app article.marketing>.wrapper .shop img,
     .my-stream-connect-app article.marketing>.wrapper .manage img,
     .my-stream-connect-app article.marketing>.wrapper .simplify img {
         float: none;
         margin: 0 auto;
         display: table-cell;
         height: auto;
     }
     .my-stream-connect-app article.marketing>.wrapper .shop h2,
     .my-stream-connect-app article.marketing>.wrapper .manage h2,
     .my-stream-connect-app article.marketing>.wrapper .simplify h2 {
         padding: 0;
         margin: 20px 0 15px 0;
     }
     .my-stream-connect-app article.marketing>.wrapper .shop p,
     .my-stream-connect-app article.marketing>.wrapper .manage p,
     .my-stream-connect-app article.marketing>.wrapper .simplify p {
         padding: 0 20px;
         font-size: 20px;
     }
     .my-stream-connect-app article.marketing>.wrapper .manage {
         padding: 20px 0 40px 0;
     }
     .my-stream-connect-app article.marketing>.wrapper p.intro {
         margin: 1em 0;
         font-size: 20px;
     }
     .my-stream-connect-app article.marketing>.wrapper p.intro img {
         width: 42%;
         height: auto;
         margin: 0;
     }
     .my-stream-connect-app article.marketing>.wrapper h3 {
         font-size: 26px;
     }
 }
 
 @media only screen and (max-width:767px) {
     .my-stream-connect-app article.marketing.marketingIntro.wrapper .wrapper p.intro {
         font-size: 20px;
         padding: 0 20px;
     }
 }
 
 @media only screen and (max-width:767px) {
     .my-stream-connect-app article.marketing {
         padding: 0;
     }
 }
 
 .my-stream-connect-app article.marketing.faqs-header>.wrapper {
     padding-bottom: 10px;
 }
 /* End: My Stream Connect App */
 
/* EZ Start Page styles */

div.minimize-width
{
	display: block; max-width: 80%; margin: 0px auto;
}

div.minimize-width .promo-heading
{
	letter-spacing: 0px; line-height: 28px; font-size: 28px; font-weight: bold; color: #5d6770;
	
}

div.minimize-width .promo-content .content-heading
{
	letter-spacing: 0px; font-size: 18px; color: #5d6770;
}

div.minimize-width .promo-content .numberList
{
	font-size: 18px; color: #5d6770;
}

div.minimize-width .promo-content .alphaList
{
	list-style-type: upper-alpha; font-size: 18px; color: #5d6770;
}
div.minimize-width .promo-content .disclaimer
{
	font-size: 14px; color: #5d6770;
}
.CrtActAccountNumberformError.parentFormCrtActForm.formError,
.CrtActSsnLastFourformError.parentFormCrtActForm.formError,
.CrtActForm_Email_AddressformError.parentFormCrtActForm-st2.formError,
.CrtActAccountNumberformError.parentFormCrtActForm-1.formError,
.CreAccUsernameformError.parentFormCrtActForm-st3.formError{
	width:50%;
}


/* support footer */
.support section.layout .support-container .category .address-footer {
    width: 100%;
    height: 75px;
    background-color: #f7f8f9;
    padding: 27px 50px;
}
.support section.layout .support-container .category .address-footer p {
    font-size: 20px;
    margin: 0;
}

/* support footer  */
.complete_order_show .content .content-divider:last-child{
	display: none;
}
enrollment hr.content-divider {
    margin: 20px 20px !important;
}
/* support footer end  */

/* GA coivd model  */

.ga-covid-questions .modal-body ul {
    list-style: none;
    padding-left: 0;
}

.ga-covid-questions .modal-body ul li {
    position: relative;
    padding-left: 48px;
    margin-bottom: 20px;
    font-weight: 500;
}

.ga-covid-questions .modal-body ul li .number {
    position: absolute;
    top: calc(50% - 16px);
    left: 5px;
    border: 2px solid #00a8e1;
    border-radius: 16px;
    width: 32px;
    height: 32px;
    font-size: 18px;
    font-weight: 700;
    color: #00a8e1;
    padding-top: 2px;
    text-align: center;
}
.ga-covid-questions .modal-body p.red-text {
    color: red;
}
.ga-covid-questions .modal-footer {
    padding-top: 25px;
    border-top: 2px solid #5d6770;
}

/* GA coivd model end  */
.line-item > table tr td:nth-child(2){
	vertical-align: baseline;
    width: 12%;
}
.line-item > table tr td{
	padding: 5px 0px !important;
}

#GA-Market, #NE-Market{
	cursor:pointer;
}

.account-number-format-img {
	width: 70%;
}

.deposits article.marketing .deposit-options em, 
.deposits-ga article.marketing .deposit-options em, 
.service-requirements-ne-ga article.marketing em, 
.service-requirements article.marketing em{
	color: #5d6770;
}

.request-service-tooltip {
	position: relative;
	left: 230px;
	top: -32px;
}
.request-service-tooltip .showTooltipAddr {
	padding-left: 45px;
}
.request-service-tooltip-section{
	top: -8px;
	position: relative;
}
.request-service-tooltip .request-service-tooltip-section{
	margin-top: -144px;
}
.request-service-tooltop-text {
	max-width: 450px;
	top: 22px;
	position: relative;
	left: -140px;
}

@media only screen and (max-width: 600px) {
  .request-service-tooltop-text {
    left: -250px;
  }
}

.request-service-tooltip-section .tooltip-arrow {
	top: 110px;
	position: relative;
	left: 8% !important;
}

.commercialTooltipText {
	top: -77px;
	position: relative;
	left: 274px;
}

.tooltipCommercial{
	bottom: 19px;
	left: -192px;
}


/*Marketing Hero display*/
.secondary-nav .links ul {
	padding: 0 0 0 20px;
}

/* SSN and DL */
@media only screen and (min-width: 1024px) and (orientation: landscape){
	.hidden-bm {
	    display: none;
	}
	.hidden-sm {
	    display: block;
	}
	.row {
    	width: 100%;
	}
}
@media only screen and (max-width: 767px) {
	.tab_ssn{
		width: 100%;
	}
	.hidden-bm {
    display: block;
}
	.hidden-sm {
	    display: none;
	}
}
.hidden-sm {
    display: block;
}
.hidden-bm {
    display: none;
}
.tabswidget.ui-tabs .ui-tabs-nav li.ui-state-default a span {
    color: #7e868c;
    font-size: 16px;
}
.tabswidget.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .tabswidget.ui-tabs .ui-tabs-nav li.ui-tabs-selected a span {
    color: #2e3133;
    font-size: 16px;
    height: 100%;
    width: 100%;
}
.row [class^="col"] {
    float: left;
    margin: 0.65em 1%;
    min-height: 0.125em;
}
.col-12 {
    width: 98%;
}
.col-3-sm {
    width: 23%;
}
.col-9-sm {
    width: 73%;
}
.tab_ssn{
	width: 70%;
}

.showSSN_position{
	display: inline-block;
    position: absolute;
    top: 43px;
    right: 172px;
}

.showSSN_positionDC{
	display: inline-block;
    position: absolute;
    top: 55px;
    right: 172px;
}

.ssn_width{
	width: 100% !important;
    height: 42px !important;
}
.ssn_border_sides{
	border-left: 2px solid #e1e6eb !important;
	border-right: 2px solid #e1e6eb !important;
}
.bold{
	font-weight: bold !important;
}
.commercialshowssn {
 display: block;
 position: absolute; 
 top: 0px; 
 right: 79%; 
 }
 
.commercial-need-help {
    cursor: pointer;
}
.commercialssntextbox{
 width: 72%;
 }
 
 #DL-SSN-non-texas-help-text{
	font-size: 13px;
	font-weight: 500;
	color: red;
}
.account_num{
	margin-right: 20px;
}
.enrollment__order-confirmation .confirm-personal-info .grid .personal-info .info p {
    margin: 0 !important;
}
.error_nonTx{
	width: auto;
    position: relative;
    color: #c00;
    font-family: "proxima-nova-n3", "proxima-nova", Helvetica, Arial, sans-serif;
    font-size: 14px;
    text-align: left;
}

.ssn_tx .error_nonTx {
	max-width: 500px;
}

.ddpReasonForState .hide {
	display: none !important;
}

.company_name{
	margin-top: 24px;

}
.confirm_almost_footer{
	padding-right: 0px !important;
}
.deposit_description h2{
	display: inline !important;
}
.credit_rate{
	display: inline-block;
    float: right;
    font-weight: bold;	
}
.deposit_description{
	width: 100% !important;
}

/* enrolled table css */
article.enrolled-accounts tbody#enrollend-multiple-accounts-table,
article.enrolled-accounts tbody#enrollend-one-account-table 
{
	display: none !important;
}

.title_css{
	font-size: 17px;
    font-weight: normal;
    line-height : 1;
}
.request_css{
	line-height : 1;
}
.commercialloadingMessage{
	 position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/i/white-alpha-90.png) repeat;
    background: rgba(255, 255, 255, .9);
    z-index: 2;
		                                                                                        
}
.commercialloadingMessage span{
	position: absolute;
    top: 80%;
    left: 50%;
    display: block;
    width: 130px;
    height: 32px;
    margin: -16px 0 0 -65px;
    text-transform: uppercase;
    font-weight: bold;
}
.commercialloadingMessage span img{
	 margin-right: 5px;
    vertical-align: middle;
}
.commercialshowtooltip{
	margin-left: -20px;
}
.margin0{
	margin: 0px !important;
}
.minWidth45{
	min-width: 45%;
}
.fontWeight500{
	font-weight: 500 !important;
}
.SSNImgeShow{
	background-image: url(../images/i/Show.png);
	height: 15px;
    width: 25px;
    background-repeat: no-repeat;
    margin-top: 4px;
}
.SSNImgeHide{
	background-image: url(../images/i/Hide.png);
	height: 20px;
    width: 25px;
    background-repeat: no-repeat;
}
.commercialserviceaddress label{
	font-weight: 100 !important;
}

body[class*="is-northeast"] .modalPrice-container,
body[class*="is-northeast"] .tduCharges-container,
body[class*="is-northeast"] .modalMinUsage-container,
body[class*="is-northeast"] .modalMonthlyServiceCharge-container { 
	display:none;
}
body[class*="state-NY"] .modalMonthlyServiceCharge-container,
body[class*="state-GA"] .modalMonthlyServiceCharge-container {
	display:block;	
}
.additionalcart.commPlaceOrderCart article {
    border: none;
}

.modal.associated-fail-modal .closeModal,
.modal.associated-fail-modal .modal-footer {
	display: none;
}
.confirmationcss{
	padding: 20px;
}
.comheadercss{
	padding-bottom:15px;
}
.commercialimgcss{
	display:inline-block;
	width: 10%;
	vertical-align:top;
}
.confirmationaddresscss{
	display: inline-block;
	width: 80%;
}
.confirmlabelcss{
	display: inline-block;
	width: 45%;
	vertical-align: top;
}	
.confirmationservicecss{
	display: inline-block;
}
.idverifytabs #ssn .row.group {
    margin-bottom: 0px;
}
.CrtActAccountNumberformError.parentFormCrtActForm-1.formError{
	width:100% !important;
}