/*Header CSS Start*/
#logo{
	width: 125px;
	height: 42px;
}

.phoneIcon {
    background: url(/system/assets/images.B/public/phoneIcon.png) no-repeat;
    padding: 4px;
    width: 25px;
    height: 25px;
    display: inline-block;
}

.contactInfo_resp, .logoff {
	width: 130px;
    height: 36px;
    color: #14a1cc;
    display: inline-block;
    border: 2px solid #14a1cc;
    padding: 3px 8px;
    text-align: justify;
    font-size: 14px;
    font-family: Montserrat-Bold, Arial, Verdana, Helvetica, sans-serif;
}

a#logOffButton {
    padding: 5px 8px;
    text-align: center;
}
/*Header CSS END*/
/*Breadcrumbs CSS Start*/
.row [class^="col"].breadcrumbtext {
    width: calc(25% - 12px);
    margin-right: 12px;
    margin-left: 0px;
    margin-bottom: 0px;
    color: #7E8683;
}

.row [class^="col"].breadcrumb-default {
    height: 6px;
    background-color: #e1e6eb;
    margin-right: 12px;
    margin-left: 0px;
    width: calc(25% - 12px);
}

.row [class^="col"].breadcrumbtext.breadcrumbtext-active {
    color: #2bb673;
}

.row [class^="col"].breadcrumb-default.breadcrumb-active {
    background-color: #2bb673;
}

.row [class^="col"].breadcrumb-default:last-child, .row [class^="col"].breadcrumbtext:last-child {
    margin-right: 0;
}

.row [class^="col"].zerobottom, .zerobottom{
	margin-bottom: 0;
}

.row [class^="col"].zerotop, .zerotop{
	margin-top: 0;
}

.row [class^="col"].zeroleft, .zeroleft{
	margin-left: 0;
}

.row [class^="col"].zeroright, .zeroright{
	margin-right: 0;
}
/*Breadcrumbs CSS End*/
/*Footer CSS Start*/
.row [class^="col"].footerLinks {
	width: 82%;
	margin-left: auto;
	margin-right: auto;
	float: none;
}
/*Footer CSS end*/
/*plan info expander start*/
.planInfoList {
	padding: 0;
    list-style-type: none;
    margin-top: 0;
}
li.linkPDF {
    margin-top: 8px;
    margin-bottom: 8px;
}
li.linkPDF a, .decorated-link{
    color: #14a1cc;
    text-decoration: underline;
    cursor: pointer;
}
.image-showdetails1	{
	background:url(/system/assets/images.B/public/TX_Enrollment_Icon_Tree.png);
	width: 70px;
    height: 50px;
    background-size: 75%;
    background-repeat: no-repeat;
    margin: 0 auto;
    background-position: 8px;

}
.image-showdetails2	{
	background:url(/system/assets/images.B/public/TX_Enrollment_Icon_Miles.png);
	width: 70px;
    height: 50px;
    background-size: 75%;
    background-repeat: no-repeat;
    margin: 0 auto;
    background-position: 8px;
}
.image-showdetails3	{
	background:url(/system/assets/images.B/public/TX_Enrollment_Icon_Newspaper.png);
	width: 70px;
    height: 50px;
    background-size: 75%;
    background-repeat: no-repeat;
    margin: 0 auto;
    background-position: 8px;
}
.notificationIcon {
    background: url(/system/assets/images.B/public/notification.png) no-repeat;
    width: 13px;
    height: 13px;
    background-size: 100%;
    display: inline-block;
}

.image-text {
	text-align: center;
}
.downArrowBlue {
	background: url('/system/assets/images.B/public/downArrowBlue.png') left no-repeat;
	height: 25px;
    width: 25px;
    display: inline-block;
    vertical-align: middle;
    background-size: 90%;
    position: relative;
    top: -1px;
}
.rotate180{
	transform: rotate(180deg);
}
/*Plan info expander end*/
/*Styles for page content start*/

.resetposition {
	position: initial;
}

.phonenumb-sm-view {
	bottom: 1em;
	z-index: 100;
}

.emailauthtext-sm-view {
	bottom: 1em;
}

.emailauth-sm-view {
	bottom: 2em;
}

.ghost-row {
	height: 9em;
	z-index: 99;
}

.InvalidEntry {
	color: #e63622 !important;
	font-family: Montserrat-Bold, Arial, Verdana, Helvetica, sans-serif;
	padding-top: 5px;
}

.invalidSMSMobileEntry {
	color: #e63622 !important;
	font-family: Montserrat-Bold, Arial, Verdana, Helvetica, sans-serif;
	padding-top: 5px;
}

.emailVerifyTxt{
	color: #2bb673;
	font-family: Montserrat-Bold, Arial, Verdana, Helvetica, sans-serif;
	padding-top: 5px;
}

.movein {
	padding: 5px;
    font-size: 14px;
    text-align: center;
    font-weight: 500;
}

.standardmovein {
	color: #14a1cc;
}

.addresstext {
	font-size: 14px;
	margin: .5em 1em;
}

.Name {
  	width: 156px;
  	height: 15px;
  	font-weight:500;
}

.down-space {
	margin-top:15px;
}

.esidselection {
	font-size: 14px;
}

.alignmargin30 {
	margin-left:30px;
}

#validateEsidVal {
	margin-bottom: 0;
    font-size: 14px;
    padding: 13px;
    margin-top: 21px;
}

.floatleft {
	float: left;
}

.contWidth.label_holder {
	width:80%;
}

#createLoginTop {
	width: 50%;
}

.fntwghtlight {
	font-weight: 500;	
}

/* START | GME | One Click Swap Redesign Styles | 04/15/2019 */

#renewContinue {
	background-color: #f47824;
	color: #fff;
	padding: 14px 36px;
	border: 0;
	cursor: pointer;
}

#t-tip {
    color: #2e3133;
    border-bottom: 2px dotted #14a1cc;
    padding-bottom: 2px;
    font-weight: 500;
}

.ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
}

.offerPlan {
    background-color: #fff;
}

.offerPlan .font-semibold {
	font-size: 13px;
}

.planswidth, .fullwidth {
	width: 100%;
}

.planHeader {
    background-color: #016297;
    color: #fff;
    padding: 15px;
    margin: 0;
    font-size: 14px;
}

#ocsplan .planName1Clk {
	font-size: 22px!important;
    font-weight: 500;
    color: #6D6E72;
}

#prodDetails-info {
	font-size: 16px;
	font-weight: 500;	
}

.planpaddingbtm {
	padding-bottom: 7px;
}

.imageborder {
	border: 2px solid #f2f2f2;
}

.sectionToggle .row {
    width: 100%;
}

.planpadding {
	padding: 6px 20px;
}

.errorField .error {
	color: #f47825;
	font-size: 16px;
}
.bgColorGrey {
	background-color: #E3E3E3;
}

.bgColorGrey .container {
    margin: auto;
    max-width: 1355px;
}

.containerLanding {
	color: #6D6E72;
    background-color: #f7f7f7;
    margin-top: 85px;
}

.planName1Clk {
	font-size: 37px!important;
	margin-top: 34px;
} 

.colorLightGrey {
	color: #ccc;
	font-size: 16px;
}

.sectionToggle a {
	color: #2e3133;
	border-bottom: 2px dotted #2bb673;
}

.disclaimer {
	padding: 29px 0px;
}

.disclaimfont {
	font-size: 9px;
    color: #aaa;
}

#logIn_here, #ebill_here {
	border-bottom: 2px dotted #14a1cc;
	font-weight: 400;
	color: #000;
}

.doccolor {
	color: #2bb673;
}

.sectionToggle ul, .envmargntop ul {
	list-style: none;
}

.envmargntop {
	margin-top: 34px!important;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.06);
}

.envmargntop h2 {
	background-color: #2bb673;
    color: #fff;
    padding: 10px 20px;
    font-size: 18px;
}

.moreoffers {
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.06);
    padding: 18px 12px;
    background-color: #fff;
}

.moreoffers a {
	background-color: #2bb673;
    color: white;
    padding: 13px 76px;
    border-radius: 3px;
    font-size: 14px;
}

.oneclickheader {
	position: fixed;
    z-index: 2;
    top: 0;
    background-color: #fff;
    max-width: 1355px;
    margin: 0 auto;
    padding-top: 15px;
    width: 100%;
}

.bgHeroImgNew img {
	position: absolute;
	width: 100%;
}

.loginIcon {
	background-color: #f47824;
    width: 140px;
    color: #fff;
    padding: 8px 10px;
    border-radius: 3px;
    text-align: center;
    float: right;
}

.whitebg {
	background-color: #fff;
	max-width: 1131px;
	margin-top: 60px;
    margin-bottom: 60px;
}

.fontlarge {
	font-size: 16px!important;
}

.contractdis .font-semibold {
	font-size: 16px;
}

#OCSwapVerifyPage h2 {
	color: #297BA8;
}

.graybg {
	background-color: #fbfbfb;
}

#OCSwapVerifyPage .disclaimfont {
    font-size: 10px;
    color: #808080;
}

.accinfofont {
	color: #8A8B8B;
    font-size: 14px;
    font-weight: 500;
    word-wrap: break-word;
}

.listdisplay {
	display: list-item;
	margin-left: 20px!important;
}

.envimpactimg {
	margin-right: 5%;
	max-width: 85px;
}

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

#ocsForm .ui-tooltip-content {
	font-size:14px;
}

.pdfImg a {	
    padding-bottom: 4px;
    border-bottom: 2px dotted #2bb673;
}

.pdfImg span {
	color: #2e3133;
}

/* END | GME | One Click Swap Redesign Styles | 04/15/2019 */

/* START | GME | One Click Ebill Redesign Styles | 05/06/2019 */		
.content-div{
    background-color: #006198;
}

.whitetxt {
    color: #ffffff !important;
}
.content-div .mediuminput{
    min-width: 221px;
    /* border-radius: .25rem .25rem .25rem .25rem;
    margin-right: -3px; */
}
#billContinue {
	background-color: #f47824;
	color: #fff;
	padding: 14px 36px;
	border: 0;
	cursor: pointer;
}
.more-green {
	color: #2BB673;
    font-size: 14px;
    font-weight: 700;
}
.more-grey {
    color: #868686;
    font-size: 14px;
    font-weight: 500;
    width: 200px;
}
.services-txt {
	padding-top: 10px;
}
.content-div img {
	max-width: 100%;
	max-height: 100%;
}
.fontGrey {
    color: #6D6E72;
}
#freebilling {
    background-color: #f47824;
    color: #fff;
    padding: 14px 36px;
    border: 0;
    cursor: pointer;
    border-radius: .25rem .25rem .25rem .25rem;
    min-width: 400px;
    font-size: 16px;
}
.width84 {
	width: 84%;
}
.billtree img {
	max-width: 275px;
}
/* END | GME | One Click Ebill Redesign Styles | 05/06/2019 */ 

/* START | GME | One Click AMB Redesign Styles | 05/29/2019 */ 

#renewContinue_amb {
	background-color: #f47824;
	color: #fff;
	padding: 14px 36px;
	border: 0;
	cursor: pointer;
	border-radius: 2px;
}

#ocAMBverifyForm .continuebutton {
	padding: 14px;
}

.errorField_oce .error {
    color: #f47825;
    font-size: 16px;
    margin: 0px 18px;
}

.errorFieldMessage_oce .error {
	color: #f47825;
	font-size: 15px;
	margin: 16px 0px;
}

.disclaimmargn {
	margin-bottom: 40px;
}

.smallfont {
	font-size: 10px;	
}

.errorFieldMessage1_oce {
	color: #f47825;
    font-size: 16px;
}

#verifyocambSubmit, .col-6.verification_submit_div {
	width: 98%;
}


/* END | GME | One Click AMB Redesign Styles | 05/29/2019 */ 

.heroimage {
	height: 391px;
    width: 133%;
    margin-left: -177px;
}

.textalign {
	padding: 40px 178px;
}

.fonttext {
	font-size: 1.8em;
}

.fontweightbold {
	font-weight: bold;
}

#OEReturnLanding h2 {
	font-size: 1.9em;
}

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

.fieldpadding {
	padding: 0px 0px 40px 0px;
}

.imagemobile {
	height: 400px;
}

.referral-box  {
    border-radius: 4px;
    border-bottom: 10px solid #0E8165;
    background: #25B374;
    box-shadow: 0px 4px 0px 0px #989493;
    padding: 12px 14px 24px 14px;
    margin-bottom: 6px;
}

.referral-box-title {
	color: #FEFFFF;
    font-size: 20px;
    font-family: Montserrat;
    font-weight: 700;
}

.referralId-txt-box {
	padding: 12px 14px;
    border-radius: 2px;
    background: #EAEAEA;
}

.referralId-txt {
	color: #707070;
    font-size: 14px;
    font-family: Montserrat;
    display: flex;
}
.referralId-id {
    font-size: 14px;
    margin-left: 5px;
}
/*Styles for page content end*/
@media only screen and (min-width: 1024px) and  (orientation: landscape) {
	.logoOneClick {
		margin-left: 100px;
	}
	.loginIcon {
	    margin-right: 100px;
	}
	#logo{
		width: 170px;
		height: 56px;
	}
	.image-text{
		display: inline-block;
	    text-align: left;
	    vertical-align: middle;
	}
	.image-showdetails1,.image-showdetails2,.image-showdetails3	{
		display: inline-block;
    	vertical-align: middle;
	}
	.smallpalegraybgcolor .subrow.environmentImpact{
	    background: #fff;
	    margin: 0;
	    width: 100%;
	}
	.ghost-row {
		height: 0;
	}
	.row.resetposition {
		position: relative;
	}
	.phonenumb-sm-view {
		position: static;
	}
	.herocontent {
		padding: 0px 250px;
		font-size: 18px;		  
	}
	.ssninline {
		display: inline-block;
	}
	.ssninline input[name="verificationData"] {
		width: 102%;
		outline: none;
	}
	.planexpwidth {
	    width: 83%;
	}
	#column3 .imageborder {
		padding: 37px 5px;
		height: 129px;
	}	
	#column4 .imageborder {
		padding: 46px 23px;
		height: 129px;
	}
	.palegraybgcolor .subrow.oneclickheader {
		width: 97%;
	}
	.discpadding {
		padding: 0px 154px;
	}
	.billcontent{
		font-size: 18px;
		color: #ffffff;
	}
	.contractdis .fntwghtlight {
		padding: 0px 213px;
	}
	.ebillpadding {
		padding: 30px 30px;
	}
	#ocAmbForm .herocontent, #ocEbillForm .herocontent {
		padding: 0px 67px;
	}
	#ocAmbForm .mediuminput, #ocEbillForm .mediuminput {
	    min-width: 10px;
	}
	.paddingright {
		padding: 0px 10px;
	}
	.disclampading {
		padding: 0px 413px;
	}
	#plancont .imageborder {
		height: 129px;
	}
	
}

@media only screen and (max-width: 1024px) {
	#renewContinue {
	    margin-top: 13px;
	    width: 76%;
    }
    .loginIcon {
    	width: 110px;
    }
	 .planexpwidth {
        width: 92%!important;
    }
	#ocsplan {
	    text-align: center;
	} 
	#ocsplan .planName1Clk {
	    margin: 15px 0px;
	}
    .leftborder {  
	    border-left: 1px solid #f2f2f2;
	    height: 160px;
    }
    .hideborder {
        border: none!important;
    }
    #column3-planHeadingVal {
    	padding: 30px 0px;
    }
    #column4-planHeadingVal {
		padding: 27px 0px;
	}
	.moreoffers .col-6 {
	    text-align: center;
	    padding: 5px 0px;
	}
	.oclogopadding {
	    padding: 0px 20px;
	}
	#plancont {
		margin-top: 25px;
	}
	.content-div img {
		max-width: 50%;
		max-height: 50%;
	}
    .billcontent{
		font-size: 14px;
		color: #ffffff;
	}
	#freebilling {
   		min-width: 300px;
	}
	.mb-center {
    	text-align: center;
    	margin-left: auto;
    	margin-right: auto;
	}
	#billContinue {
		margin-top: 13px;
		width: 70%
	}
	.billtree {
		padding: 0px 60px;
	}
	.earthalign {
		padding: 20px 0px;
	}
	#renewContinue_amb {
		margin-top: 13px;
		width: 64%;
	}
	#ocAmbForm .inlinemiddle, #ocEbillForm .inlinemiddle {
		display: initial;
	}
	.paddingright {
		padding: 15px 0px;
	}
	.submitimg {
		max-width: 70%;
	}
	.errpadding {
		padding-top: 20px;
	}
	
		.headerr1 {
		 margin-bottom: 4px;
		 margin-left: 4px;
	}
	
	.planslink {
		text-align: right;
		margin-left: 12px;
	}
	.fieldpadding {
		padding: 0px 0px 40px 20px;
	}
	#OEReturnLanding h2 {
		font-size: 1.6em;
	}
	#lastfourSSN, #lastfourtdl {
		width: 42%;
	}
}
@media only screen and (max-width: 1024px) and  (orientation: portrait) {
	.bgHeroImgNew img {
		 max-height: 450px;
	}
}

@media only screen and (max-width: 1024px) and  (min-width: 768px) {
	.imagemobile {
		height: 529px;
		background-position: 24px 528px;
	}
}