#planBuilder{font-size:18px; color:#3e3f3e!important;} .buildyourplantitle{padding:10px 0; font-size: 34px; line-height: 40px; margin: 30px 0; text-align: left; display: block;} .plantitle{font-size: 30px; line-height: 34px; color: #115e67;} .underline{text-decoration: underline;} .bold{font-weight: bold;} p {margin: 24px 0;} .center{text-align: center;} .marginbottom20{margin-bottom:20px;} .rates-show {display: block;} .rates-hidden {display: none;} .nav-tabs {border-bottom: none;} .nav-tabs > li{margin-right:10px;} .nav-tabs > li > a {margin-right: 0px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px;} .nav-tabs > li > a.residencetab {border-radius: 4px; width:225px; height:200px; background-image: url(https://utilitynet.s3.amazonaws.com/public/images/ratesplan/tab_residence.png); background-color:#eee;} .nav-tabs > li > a.businesstab {border-radius: 4px; width:220px; height:200px; background-image: url(https://utilitynet.s3.amazonaws.com/public/images/ratesplan/tab_business.png); background-color:#eee;} .nav-tabs > li > a.farmtab {border-radius: 4px; width:220px; height:200px; background-image: url(https://utilitynet.s3.amazonaws.com/public/images/ratesplan/tab_farm.png); background-color:#eee;} .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {color: #555; cursor: default; background-color:#eee; border: 2px solid #04859B;} .nav-tabs > li.mobile{display: none;} .nav-tabs > li.mobile {border-radius: 4px; width:250px; background-color:#eee;} .nav-tabs > li.mobile.open {border-radius: 4px; width:250px; background-color:#eee;} .nav-tabs > li.mobile a {color:#565656;} .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background-color: #eee; border-color: #04859B; color:#565656;} .subactive{border: 2px solid #04859B;} @media (max-width: 767px) {.nav-tabs > li.desktop{display: none;} .nav-tabs > li.mobile{display: block;} .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {background-color: #ffffff; border: 2px solid #04859B; color:#565656;}} #categoryContainerResidence .nav-pills > li, #categoryContainerBusiness .nav-pills > li, #categoryContainerFarm .nav-pills > li{background:#525459; border:solid 1px #525459; margin-left:5px; margin-bottom:5px; width:200px; height: 70px; border-radius:0px;} #categoryContainerResidence .nav-pills > li a, #categoryContainerBusiness .nav-pills > li a , #categoryContainerFarm .nav-pills > li a{text-align: center; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:900; font-size:16px; line-height: 23px; color:#fff; border-radius:0px; height: 68px; display: table-cell; vertical-align: middle; width: 200px;} #categoryContainerResidence .nav-pills > li a:hover, #categoryContainerBusiness .nav-pills > li a:hover, #categoryContainerFarm .nav-pills > li a:hover{background:#04859B;} #categoryContainerResidence .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, #categoryContainerBusiness .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, #categoryContainerFarm .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {background:#04859B;} #categoryContainerResidence .elcontent, #categoryContainerResidence .ngcontent, #categoryContainerResidence .bundlecontent, #categoryContainerBusiness .elcontent, #categoryContainerBusiness .ngcontent, #categoryContainerBusiness .bundlecontent, #categoryContainerFarm .elcontent, #categoryContainerFarm .ngcontent, #categoryContainerFarm .bundlecontent{padding:20px;} @media (max-width: 767px) {#categoryContainerResidence .nav-pills > li, #categoryContainerBusiness .nav-pills > li, #categoryContainerFarm .nav-pills > li{width:95%; height:auto; margin-bottom:5px;} #categoryContainerResidence .nav-pills > li a, #categoryContainerBusiness .nav-pills > li a, #categoryContainerFarm .nav-pills > li a{text-align: center; font-weight:bold; font-size:16px; line-height:18px; color:#fff; border-radius:0px; width:100%; display: block; height: auto;} #categoryContainerResidence .nav-pills > li a:hover, #categoryContainerBusiness .nav-pills > li a:hover, #categoryContainerFarm .nav-pills > li a:hover{background:#04859B;} #categoryContainerResidence .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, #categoryContainerBusiness .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, #categoryContainerFarm .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {background:#04859B;}} .residentialGuaranteedEL, .residentialVariableEL, .residentialGuaranteedNG, .residentialVariableNG, .residentialBundleRates, .residentialDualFuelRates, .residentialGuaranteedELSOLAR, .residentialINTERNET, .residentialSolarAdmin, .residentialElAdmin, .residentialNGAdmin, .businessGuaranteedEL, .businessVariableEL, .businessGuaranteedNG, .businessVariableNG, .businessBundleRates, .businessDualFuelRates, .businessGuaranteedELSolar, .businessINTERNET, .businessSolarAdmin, .businessElAdmin, .businessNGAdmin, .farmGuaranteedEL, .farmVariableEL, .farmGuaranteedNG, .farmVariableNG, .farmBundleRates, .farmDualFuelRates, .farmGuaranteedELSolar, .farmINTERNET, .farmSolarAdmin, .farmElAdmin, .farmNGAdmin, .farmGuaranteedIrrigationEL, .farmGuaranteedIrrigationSolar{padding:20px; border: solid 1px #dddddd; background-color: #f8f8f8; margin: 10px;} .residentialGuaranteedEL .rateholder, .residentialVariableEL .rateholder, .residentialGuaranteedNG .rateholder, .residentialVariableNG .rateholder, .residentialGuaranteedELSOLAR .rateholder, .residentialINTERNET .rateholder, .businessGuaranteedEL .rateholder, .businessVariableEL .rateholder, .businessGuaranteedNG .rateholder, .businessVariableNG .rateholder, .businessGuaranteedELSolar .rateholder, .businessINTERNET .rateholder, .farmGuaranteedEL .rateholder, .farmVariableEL .rateholder, .farmGuaranteedNG .rateholder, .farmVariableNG .rateholder, .farmGuaranteedELSolar .rateholder, .farmINTERNET .rateholder, .farmGuaranteedIrrigationEL .rateholder, .farmGuaranteedIrrigationSolar .rateholder{border:solid 1px #bebebe; padding:10px; margin:5px; background-color:#ffffff;} .residentialGuaranteedEL .rateNumber, .residentialVariableEL .rateNumber, .residentialGuaranteedNG .rateNumber, .residentialVariableNG .rateNumber, .residentialGuaranteedELSOLAR .rateNumber, .residentialINTERNET .rateNumber, .businessGuaranteedEL .rateNumber, .businessVariableEL .rateNumber, .businessGuaranteedNG .rateNumber, .businessVariableNG .rateNumber, .businessGuaranteedELSolar .rateNumber, .businessINTERNET .rateNumber, .farmGuaranteedEL .rateNumber, .farmVariableEL .rateNumber, .farmGuaranteedNG .rateNumber, .farmVariableNG .rateNumber, .farmGuaranteedELSolar .rateNumber, .farmINTERNET .rateNumber, .farmGuaranteedIrrigationEL .rateNumber, .farmGuaranteedIrrigationSolar .rateNumber{font-size:25px; font-weight: bold;} .residentialGuaranteedEL .ratedescription, .residentialVariableEL .ratedescription, .residentialGuaranteedNG .ratedescription, .residentialVariableNG .ratedescription, .residentialGuaranteedELSOLAR .ratedescription, .residentialINTERNET .ratedescription, .businessGuaranteedEL .ratedescription, .businessVariableEL .ratedescription, .businessGuaranteedNG .ratedescription, .businessVariableNG .ratedescription, .businessGuaranteedELSolar .ratedescription, .businessINTERNET .ratedescription, .farmGuaranteedEL .ratedescription, .farmVariableEL .ratedescription, .farmGuaranteedNG .ratedescription, .farmVariableNG .ratedescription, .farmGuaranteedELSolar .ratedescription, .farmINTERNET .ratedescription, .farmGuaranteedIrrigationEL .ratedescription, .farmGuaranteedIrrigationSolar .ratedescription{font-size:16px;} .residentialVariableEL .rateholder, .businessVariableEL .rateholder, .farmVariableEL .rateholder{border-top: solid 1px #bebebe; border-left: solid 1px #bebebe; border-right: solid 1px #bebebe; border-bottom: solid 1px #ffffff; position: relative;} .rateholdervariableaverate{padding:10px; margin:5px; background-color: #fff; margin-top: -10px; border: solid 1px #bebebe;} .otherdescription{font-size:14px; color:#808080; line-height:20px;} .residentialVariableELSolar, .businessVariableELSolar, .farmVariableELSolar{padding:20px; border: solid 1px #dddddd; background-color: #f8f8f8; margin: 10px;} .residentialVariableELSolar .rateholder, .businessVariableELSolar .rateholder, .farmVariableELSolar .rateholder{border-top: solid 1px #bebebe; border-left: solid 1px #bebebe; border-right: solid 1px #bebebe; border-bottom: solid 1px #ffffff; position: relative; padding:10px; margin:5px; background-color:#ffffff; font-size:16px;} .residentialVariableELSolarNote, .businessVariableELSolarNote, .farmVariableELSolarNote{padding:10px; font-size:16px;} .NGVariableAveRate .rateholdervariableaverate{padding:10px; margin:5px; background-color: #fff; margin-top: -20px; border-top: solid 1px #ffffff; border-left: solid 1px #bebebe; border-right: solid 1px #bebebe; border-bottom: solid 1px #bebebe;} .bundlecontent select, .dualfuelcontent select {width: 100%; padding: 8px 15px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; font-size:16px; height:50px; background-color:#ffffff; color:#565656;} .bundlecontent select option, .dualfuelcontent select option{color:#000000;} @media (min-width: 993px) {.rateholder .ratebuttonholder, .description {display: inline-block; float: none;} .rateholder .description{vertical-align: middle;}} .rateholder .button{display:inline-block; font-size:22px; line-height:18px; font-weight:900; text-transform:none; padding:10px 20px; background:#04859B; color:#fff; border-radius:5px; transition:color 0.25s, background-color 0.25s; margin-top:10px;} .rateholder .button.alt2{background:#525459;cursor: pointer;} .rateholder .button.alt2:hover{background:#04859B;cursor: pointer;} .rateholder .button.alt2.disabled{background:#b8b8b8;cursor: default;} .rateholder .button.alt2.disabled:hover{background:#b8b8b8;cursor: default;} .rateholder .button.small{font-size:14px;} .rateholder .button.large{line-height:75px; border-radius:75px;} .rateholder .button.full{display:block; text-align:center; padding:0;} .ratespanel-group .panel {margin-bottom: 0; border-radius: 0px;} .ratespanel-group .panel-title a{display: block; text-decoration: none; text-align: center; color:#ffffff; font-size: 16px; padding:10px;} .ratespanel-group .panel-title a .titlemain{color:#ffffff; font-size: 25px; font-weight: bold; margin-right:10px;} .ratespanel-group .panel-heading{color: #333; background-color: #565656!important; border-color: #ddd; border: none!important; border-top-left-radius: 0px; border-top-right-radius: 0px;} .ratespanel-group .panel-heading .accordion-toggle .plusminussymbol:after {content: "+"; color: #ffffff; font-size:25px; font-weight: bold;} .ratespanel-group .panel-heading .accordion-toggle.collapsed.active .plusminussymbol:after {content: "-"; color:#ffffff; font-weight: bold;} .ratespanel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {border-top: none; border-top-color: rgb(221, 221, 221);} #counter{padding: 20px; width: 30%; font-weight: bold; font-size: 24px;} @media (max-width: 992px) {#counter{padding: 20px; width: 50%; font-weight: bold; font-size: 24px;}} @media (max-width: 767px) {#counter{padding: 20px; width: 90%; font-weight: bold; font-size: 18px;}} @media (max-width: 400px) {#counter{padding: 0px; width: 100%; font-weight: bold; font-size: 16px;} .countercaption{font-size:12px;}} .sectionbackgroundELBundle {background-color: #ECECEC; border-right: solid #f8f8f8 10px; padding: 0 5px;} .sectionbackgroundNGBundle {background-color: #ECECEC;} .sectionbackgroundEL {background-color: #ECECEC;} .sectionbackgroundNG {background-color: #ECECEC;} .prudentialsectiontitle {border-bottom: 2px solid#bdbdbd; padding-bottom: 10px; font-size: 20px;} .boxtop {background-color:#115E67; color: white; padding: 10px 5px; font-size: 16px; margin-top: 10px;} .boxbottom {background-color:#115E67; color: white; padding: 18px 20px; height: 80px; font-size: 16px; margin-bottom: 20px; height: 80px;} .boxbottomEL {background-color:#115E67; color: white; padding: 18px 20px; font-size: 16px; margin-bottom: 20px; height: 80px;} .boxbottomNG {background-color:#115E67; color: white; padding: 18px 20px; font-size: 16px; margin-bottom: 20px;} .boxbody {background-color: white; height: 210px; padding: 10px; font-size: 14px;} .boxbodyEL{background-color: white; padding: 10px; font-size: 14px; height:160px;} .boxbodyNG{background-color: white; padding: 10px; font-size: 14px; height:160px;} .iconBundle {display: block; margin: 5px auto; width: 65%;} .iconEL {display: block; margin: 0px auto; width: 30%;} .iconNG {display: block; margin: 5px auto; width: 25%;} .paddingEL {padding: 0 10px;} .boxbootomdes {padding: 30px 5px;} #prudentialsection p {margin: 10px 5px;} .Tooltip {position: relative;} .Tooltip .tooltip-trigger {color: #04859B;} .boxbottomfee{padding: 30px 18px;} @media(min-width:1200px) {.sectionbackgroundELBundle {padding: 0 10px;} .sectionbackgroundNG {padding: 0 260px;} .boxbodyEL{padding:10px 15px; font-size: 16px; height:170px;} .boxbodyNG {padding:10px 15px;} .boxbottomEL {height:auto;} .sectionbackgroundEL {padding:0 120px;} .iconNG{width:35%;} .boxbodyEL{font-size: 15px;} .boxbodyNG {font-size: 15px;} .iconEL{width:35%;}} @media only screen and (max-width: 1199px) and (min-width: 768px) {.boxtop {padding: 10px 0px; font-size: 16px;} .boxbody {padding: 5px; height: 200px; font-size: 13px;} .boxbottom {padding: 15px 5px; height: 70px; font-size: 14px;} .boxbootomdes {padding: 25px 0px;} .paddingEL {padding: 0 5px;} .paddingNG {padding: 0 10px;} .sectionbackgroundELBundle{padding: 0 5px;} .boxbottomEL{padding: 20px 0px; height:60px; font-size:16px;} .sectionbackgroundEL {padding: 0 15px;} .iconNG{width:30%;} .boxbottomfeeEL{padding:20px 5px;} .iconEL{width:45%;} .boxbodyEL {height:170px;} .boxbodyEL{height:180px;} .sectionbackgroundNG {padding:0 100px;} .boxbodyNG{height:160px;} .boxbottomNG{padding:15px 10px; height:auto;}} @media(min-width:768px) {.Tooltip .tooltip-content {transform-origin: 0 100%; transform: scale(0); opacity: 0; color: #fff; padding: 30px; position: absolute; bottom: 7px; left: 110%; background: #a8a9ac; width: 50vw; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); transition: transform 0.25s, opacity 0.2s;} .Tooltip .tooltip-content:after {content: ""; display: block; width: 0; height: 0; border: 15px solid #a8a9ac; border-color: transparent transparent #a8a9ac transparent; border-width: 15px 10px; position: absolute; bottom: 0; left: -10px;} .Tooltip:hover .tooltip-content {transform: scale(1); opacity: 1;}} @media only screen and (max-width: 767px) {.Tooltip .tooltip-content {display: block; font-size: 18px; margin-top:20px;} .boxbody {font-size: 16px; height: auto;} .iconBundle {width: 20%;} .iconEL {width: 25%;} .boxbottom {font-size: 16px; height: auto; padding:10px;} .paddingEL {padding: 0 30px;} .boxtop {padding: 10px; font-size: 16px; padding: 10px;} .boxbootomdes {padding: 10px;} .sectionbackgroundELBundle {border-right: none; border-bottom: solid #f8f8f8 20px; padding:0 30px;} .sectionbackgroundEL {padding:5px 30px;} .sectionbackgroundNG {padding:0 30px;} .paddingNG {padding: 0 60px;} .boxbodyNG {font-size:16px; height:auto;} .iconEL {width:20%;} .boxbodyEL {font-size:16px; height:auto;} .boxbottomEL {padding:10px; height:auto;} .boxbottomNG{padding:10px; height:auto;}} @media only screen and (max-width: 448px) {.iconBundle {width: 30%;} .iconEL {width:30%;} .iconNG {width:30%;} .sectionbackgroundEL {padding:5px 10px;} .sectionbackgroundNG {padding:0 10px;} .sectionbackgroundELBundle {padding:0 10px;} .paddingNG {padding:0 45px;}} .Tooltip_serviceareas {position: relative;} .Tooltip_serviceareas .tooltip-trigger_serviceareas {color: #04859B;} @media(max-width:767px){.serviceareas_reas{display: block; background-color:#f8f8f8; padding:10px; margin:10px 0;}} @media(min-width:992px) {.Tooltip_serviceareas .tooltip-content_serviceareas {transform-origin: bottom; transform: scale(0); opacity: 0; color: #fff; padding: 30px; position: absolute; bottom: 35px; right: -40%; background: #a8a9ac; width: 600px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); transition: transform 0.25s, opacity 0.2s; z-index:10;} .Tooltip_serviceareas .tooltip-content_serviceareas:after {content: ""; display: block; width: 0; height: 0; border: 15px solid #a8a9ac; border-color: #a8a9ac transparent transparent transparent; border-width: 15px 10px; position: absolute; bottom: -30px; right: 40px;} .Tooltip_serviceareas:hover .tooltip-content_serviceareas {transform: scale(1); opacity: 1;}} @media only screen and (max-width: 991px) and (min-width: 767px) {.Tooltip_serviceareas .tooltip-content_serviceareas {transform-origin: 0 100%; transform: scale(0); opacity: 0; color: #fff; padding: 30px; position: absolute; bottom: 10px; left: 130%; background: #a8a9ac; width: 50vw; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); transition: transform 0.25s, opacity 0.2s;} .Tooltip_serviceareas .tooltip-content_serviceareas:after {content: ""; display: block; width: 0; height: 0; border: 15px solid #a8a9ac; border-color: transparent transparent #a8a9ac transparent; border-width: 15px 10px; position: absolute; bottom: 0; left: -10px;} .Tooltip_serviceareas:hover .tooltip-content_serviceareas {transform: scale(1); opacity: 1;}}