* {
    color: #525455;
}

.mainHeader {
	font-size: 24px;
    color: #1A3C7D;
    font-weight: 500;
}

.mainHeaderMrgn {
	margin-top: 45px !important;
    margin-bottom: 20px !important;
}
.mainHeadergasMrgn{
	margin-top: 45px !important;
    margin-bottom: 20px !important;
    font-weight: 600 !important;
    font-size: 27px !important;
	color: #016299 !important;
	
}

.zipModalHeader {
	font-size: 34px !important;
    color: #006196;
    font-weight: 500;
}

.confNumberFont{
	font-size: 23px;
    font-weight: 500;
    color: #7E868C;
}

.subHeader {
	font-size: 17px;
    color: #49C086;
    font-weight: 500;
}

.subHeaderMrgn {
    margin-bottom: 5px;
}

.productContainer {
	padding: 20px;
    background-color: #F6FAFB;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: #F6FAFB;
    border-radius: 0px;
}

.quickRenewPlanName{
	font-size: 12px;
    color: #026197;
    font-weight: 700;
}

.maxWidth870 {
	width: 100%;
    max-width: 870px;
    margin: 0 auto;
}

.termFont {
    font-size: 25px;
    font-weight: 500;
}

.priceText{
	text-align: center;
}

.cancellationFont {
	font-size: 15px;
    font-weight: 400;
}

.imgDescFont {
	font-size: 11px;
    font-weight: 500;
}
.gasimgDescFont {
	font-size: 13px;
    font-weight: 400;
    color: #41474D;
}
.imgwidthHeight, .gasimgwidthHeight{
	height: 40px !important;
    width: 40px !important;
    margin-right: 15px !important;
}

.perkWhFont{
	color: #C4C5C5;
	font-size: 13px;
}

.gasrateunit{
	display: block;
    margin-top: -7px;
    font-size: 13px;
    color: #41474D;
}
 .gasrateunitres{
    margin-top: 40px;
    margin-right: -79px;
 }
.imgwidthHeightEnv {
	width: 70px !important;
}

.envDescMrgn {
	margin-top: 20px !important;
    margin-left: 20px !important;
}

.accntDetailsFont{
	font-size: 14px;
    color: #49C086;
    font-weight: 500;
}

.accountDetailsSection {
	font-size: 15px;
    color: #1A3C7D;
    font-weight: 500;
    margin-right: 40px;
}

.maxWidth120 {
	max-width: 120px;
}

.fontWeight600 {
	font-weight: 600;
}

.renewLinkText a {
	color: #10A7D3;
    cursor: pointer;
    text-decoration: none;
}

.renewLinkText a:hover {
    text-decoration: underline;
}

.renewSubheaderFont {
	font-size: 16px;
    font-weight: 500;
}

.confirmationHeaderFont {
	font-size: 16px;
	color: #49C086;
    font-weight: 500;
}

.thankyouNoteMrgn {
	margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.marginTop30 {
	margin-top: 30px !important;
}

.registrationButton a {
	text-decoration: none;
}

.greenLivingNote {
	margin-top: 100px !important;
    font-size: 12px;
}

.termsOfService{
	border: 1px solid #419BF9; 
    background-color: #E3F0FE;
    padding: 15px 0px;
    margin-bottom: 15px;
    margin-top: 8px;
}
.mrgnleft7{
		margin-left: 7px !important;
	}
	.summarycss{
	margin-left: 35px;
	}
	#swapVerifyCheckRow1{
	margin-top: 10px;
	}
button:disabled,
button[disabled]{
  background-color: grey;
  opacity: 70%;
  pointer-events: none;
}

.emailErrorPosition {
	position: absolute;
    left: 0;
    top: 55px;
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    color: #EF3E42;
}

.expiryPageloginButton{
	text-decoration: none;
}

.promoNotePadding {
	padding: 20px;
}

.promoSubheaderFont {
	font-size: 16px;
    font-weight: 500;
    color: white;
}

.promoTitleFont {
	font-size: 27px;
    font-weight: 700;
    color: #FFFFFF;
}

.promoImageMargin img {
	margin: 15px 0px 0px 70px;
}

.promoGreenPadding {
	padding: 30px 20px;
}

.promoMobWidth {
	width: 90%;
}

.gasOfferDocText {
    color: #16A8D3;
    font-size: 16px;
    font-weight: 400;
}

.gasOfferDocText:hover {
	text-decoration: underline ;
	cursor: pointer ;
}

.topBtmMargin10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.topMargin15 {
	margin-top: 15px !important;
}
.billingAddCheck {
    background: url(img/checkbox.png);
    height: 24px;
    width: 24px;
    display: inline-block;
    padding: 0 0 0 0px;
}
.billingAddChecked {
    background: url(img/tick.png);
    height: 24px;
    width: 24px;
    display: inline-block;
    padding: 0 0 0 0px;
}
.requiredErr{
	width: auto;
    /* position: absolute; */
    color: #f47825;
    font-family: tahoma;
    font-size: 12px;
    top: 65px !important;
}
.invalidErr{
	width: auto;
    /* position: absolute; */
    color: #f47825;
    font-family: tahoma;
    font-size: 12px;
    top: 65px !important;
    
}
.requiredErr strong {
	color: #f47825 !important;
    font-size: 12px;
}
.invalidErr strong{
	color: #f47825 !important;
    font-size: 12px;
}
.errMsgPosition {
	position: absolute;
    top: 54px !important;
}

.dropdownselectArrow{
	width: 24px;
    height: 24px;
    display: inline-block;
    float: right;
    margin-top: -36px;
    margin-right: 16px;
    color: lightgrey !important;
}

 #billingAddEmptyErr1 {
	 position: absolute; 
} 

#emptystateErr{
	margin-top: 5px !important;
}

#stateCode {
	opacity: 0.7;
    font-family: EffraLight, Arial, Verdana, Helvetica, sans-serif !important;
    font-size: 18px;
}

@media only screen and (min-width: 959px) and  (orientation: landscape) {
	
	.imgwidthHeight{
		height: 45px !important;
	    width: 45px !important;
	}
	.gasimgwidthHeight{
	   height: 45px !important;
	    width: 38px !important;
	}

	.subHeader {
		font-size: 20px;
	}

	.mainHeader {
		font-size: 32px;
	}
	
	.zipModalHeader {
		font-size: 38px;
	}
	
	.mainHeaderMrgn {
		margin-top: 65px !important;
	    margin-bottom: 40px !important;
	}
	
	.renewSubheaderFont {
		font-size: 17px;
	    font-weight: 500;
	}
	
	.confirmationHeaderFont {
		font-size: 20px;
	}
	
	.thankyouNoteMrgn {
		margin-top: 40px !important;
	    margin-bottom: 40px !important;
	}
	
	.renewSubheaderFont {
		font-size: 17px;
	    font-weight: 500;
	}
	
	.promoSubheaderFont {
		font-size: 19px;
	    font-weight: 500;
	    color: white;
	}
	
	.promoMobWidth {
		width: 100%;
	}
	
	.imageFloatRightOnDesk {
		float: right !important;
	}
	
	.maxWidth300 {
		max-width: 300px !important;
	}
}

@media only screen and (min-width: 959px) and (max-width: 1199px) and (orientation: landscape) {
	.acntDetailsLeftMar {
		margin-left: -40px;
	}
	
}

@media only screen and (min-width: 1280px) and (orientation: landscape) {
	.acntDetailsLeftMar {
		margin-left: -80px;
	}
	
}

@media only screen and (max-width: 768px) {
		.padding10{
		padding: 10px !important;
		}

@media only screen and (min-width : 768px) and (max-width: 1100px) {
		.promoMobWidth {
		width: 95%;
	}
		.toucss{
		margin-top: 14px !important;
        margin-left: 27px !important;
		}
}

@media only screen and (max-width: 470px) {
	
}
.gasSubHeaderone {
	font-size: 23px;
	color: #2BB673;
	font-weight: 600;
}
.gascancellationFont{
	font-size: 19px;
    font-weight: 400;
}
.gasaccountDetails{
	font-size: 18px;
    font-weight: 500;
    color: #2BB673;
}
.gasaccountDetailsSection{
	font-size: 14px;
    font-weight: 600;
    color: #41474D;
}
.gasacntDetailsLeftMar{
	font-size: 14px;
    font-weight: 400;
    color: #41474D;
}
.billingAddrlabel{
	font-size: 14px;
    font-weight: 400;
    color: #2E3133;
}
.labelfont{
	font-size: 12px;
    font-weight: 600;
    color: #2E3133;
}
.billingAddressfont{
	width: 362px;
    background: #FFFFFF;
    border: 1px solid #C9D0D6;
    box-sizing: border-box;
    height: 38px;
}
.gasmainHeader{
	font-size: 27px;
    font-weight: 600;
    color: #16417F;
}