@charset "UTF-8";
@font-face {
  font-family: "roboto-medium";
  src: url("../fonts/roboto/roboto-medium-eot?.eot?") format("eot"), url("../fonts/roboto/roboto-medium-ttf.ttf") format("truetype"), url("../fonts/roboto/roboto-medium-svg#roboto-medium.svg#roboto-medium") format("svg"); }

@font-face {
  font-family: "roboto-regular";
  src: url("../fonts/roboto/roboto-regular-eot?.eot?") format("eot"), url("../fonts/roboto/roboto-regular-woff2.woff2") format("woff2"), url("../fonts/roboto/roboto-regular-woff.woff") format("woff"), url("../fonts/roboto/roboto-regular-ttf.ttf") format("truetype"), url("../fonts/roboto/roboto-regular-svg#roboto-regular.svg#roboto-regular") format("svg"); }

@font-face {
  font-family: "roboto-condensed-bold";
  src: url("../fonts/roboto/robotocondensed-bold-eot?.eot?") format("eot"), url("../fonts/roboto/robotocondensed-bold-woff2.woff2") format("woff2"), url("../fonts/roboto/robotocondensed-bold-woff.woff") format("woff"), url("../fonts/roboto/robotocondensed-bold-ttf.ttf") format("truetype"), url("../fonts/roboto/robotocondensed-bold-svg#roboto-condensed-bold.svg#roboto-condensed-bold") format("svg"); }

@font-face {
  font-family: "roboto-light";
  src: url("../fonts/roboto/roboto-light-eot?.eot?") format("eot"), url("../fonts/roboto/roboto-light-woff2.woff2") format("woff2"), url("../fonts/roboto/roboto-light-woff.woff") format("woff"), url("../fonts/roboto/roboto-light-ttf.ttf") format("truetype"), url("../fonts/roboto/roboto-light-svg#roboto-light.svg#roboto-light") format("svg"); }

@font-face {
  font-family: "roboto-bold";
  src: url("../fonts/roboto/roboto-bold-eot?.eot?") format("eot"), url("../fonts/roboto/roboto-bold-woff2.woff2") format("woff2"), url("../fonts/roboto/roboto-bold-woff.woff") format("woff"), url("../fonts/roboto/roboto-bold-ttf.ttf") format("truetype"), url("../fonts/roboto/roboto-bold-svg#roboto-bold.svg#roboto-bold") format("svg"); }

@font-face {
  font-family: "raleway-bold";
  src: url("../fonts/raleway/raleway-bold-eot?.eot?") format("eot"), url("../fonts/raleway/raleway-bold-woff2.woff2") format("woff2"), url("../fonts/raleway/raleway-bold-woff.woff") format("woff"), url("../fonts/raleway/raleway-bold-ttf.ttf") format("truetype"), url("../fonts/raleway/raleway-bold-svg#raleway-bold.svg#raleway-bold") format("svg"); }

@font-face {
  font-family: "pse-icons";
  src: url("../fonts/webfont/fonts/pse-icons.eot");
  src: url("../fonts/webfont/fonts/pse-icons.eot?#iefix") format("eot"), url("../fonts/webfont/fonts/pse-icons.woff") format("woff"), url("../fonts/webfont/fonts/pse-icons.ttf") format("truetype"), url("../fonts/webfont/fonts/pse-icons.svg#pse-icons") format("svg"); }

.pse {
  font-family: "pse-icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  position: relative;
  top: 0;
  display: inline-block;
  line-height: 1;
  vertical-align: middle; }

.pse-x1 {
  font-size: 1em; }

.pse-x2 {
  font-size: 2em; }

.pse-x3 {
  font-size: 3em; }

.pse-x4 {
  font-size: 4em; }

.pse-x5 {
  font-size: 5em; }

.pse-small {
  font-size: 24px !important; }

.pse-medium {
  font-size: 30px !important; }

.pse-large {
  font-size: 130px !important; }

.pse-e-bill:before {
  content: "\E001"; }

.pse-facebook-logo:before {
  content: "\E002"; }

.pse-fill-1:before {
  content: "\E003"; }

.pse-flickr:before {
  content: "\E004"; }

.pse-globe:before {
  content: "\E005"; }

.pse-group-4:before {
  content: "\E006"; }

.pse-home:before {
  content: "\E007"; }

.pse-icon:before {
  content: "\E008"; }

.pse-instagram:before {
  content: "\E009"; }

.pse-linkedin:before {
  content: "\E00A"; }

.pse-outage:before {
  content: "\E00B"; }

.pse-page-1:before {
  content: "\E00C"; }

.pse-paybill:before {
  content: "\E00D"; }

.pse-search:before {
  content: "\E00E"; }

.pse-signin:before {
  content: "\E00F"; }

.pse-spark:before {
  content: "\E010"; }

.pse-twitter:before {
  content: "\E011"; }

.pse-way-assistant:before {
  content: "\E012"; }

.pse-way-email:before {
  content: "\E013"; }

.pse-way-online:before {
  content: "\E014"; }

.pse-way-phone:before {
  content: "\E015"; }

.pse-youtube:before {
  content: "\E016"; }

p {
  margin: 0 0 10px; }

body {
  font-size: 16px;
  line-height: unset; }

h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 10px; }

.rebates-availabletile .media-body .definition {
  margin-top: 5px; }

.renewables-calculator-results .results-wrapper .renewables-results .media-body p {
  margin-bottom: 5px; }

.preference-billing .notify .status-mail-wrapper strong, .preference-unsubscribe-confirmation h4 span {
  margin-right: 5px; }

.renewables-calculator form .padding-adjust-right {
  padding-right: 5px; }

.media-card-section .btn-action {
  margin: 10px; }

.outage-forms .errorMessage #hiddenRecaptcha-error, .budget-content, .budget-graph, .budget-billing-note, .rebates-tile-wrapper .rebates-tiles .tile-content-wrapper {
  margin-top: 10px; }

.preference-billing .notify .status-mail-wrapper, .outage-forms .g-recaptcha, .rebates-tile-wrapper .rebates-tiles .tile-content-wrapper .tile-header, .renewables-calculator-results .results-wrapper .body-xl {
  margin-bottom: 10px; }

.preference-change-billing .notify .date-wrapper small, .rebates-qualify .qualify-tile .rebates-qualify-content span {
  margin-left: 10px; }

.eligible-unenroll button {
  padding: 10px; }

.rebates-contact-us p, .rebates-qualify .qualify-tile .rebates-qualify-content .rebates-readmore-less p:first-child, .rebates-applynow p, .renewables-calculator.green-power .custom-checkbox {
  margin-top: 15px; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .h7, .h8, .eligible-unenroll button, .help-center .help-center-title a, .rebates-qualify .qualify-tile .rebates-qualify-content .rebates-readmore-less p {
  margin-bottom: 15px; }

.budget-graph {
  padding-left: 15px; }

.budget-billing-sign .sign-btn {
  margin-bottom: 20px;
  margin-top: 20px; }

.budget-graph .budget-graph-img, .budget-billing-sign, .payment-container .payment-canceled .selector-link, .rebates-contact-us .btn-inactive, .greenpower-solar-emission, #renewablesManageCarbonBalance .confirm-accountInfo .unenroll-btn {
  margin-top: 20px; }

.budget-graph .budget-graph-img, .renewables-calculator form .h8.hr-spacing, .enroll-green-power ul li, .greenpower-solar-emission .image-wrapper {
  margin-bottom: 20px; }

.outage-forms.outages-verified-address .checkbox {
  margin-left: 20px; }

.eligible-unenroll .budget-eligible-content p {
  padding-bottom: 20px; }

.payment-container .payment-canceled .btn-wrapper, .rebates-tile-wrapper.appliance .rebates-tiles .tile-content-wrapper .pse-link-primary, .renewables-calculator #renewablesManageGreenPowerSolarChoice .btn-action, .confirm-accountInfo.confirm-waitlist .enroll-balance {
  margin-top: 25px; }

.rebates-availabletile, .renewables-calculator.results {
  margin-bottom: 25px; }

.pse-success .alert, .pse-warn .alert, .pse-error .alert {
  padding-bottom: 25px;
  padding-top: 25px; }

.unenroll {
  margin-bottom: 30px;
  margin-top: 30px; }

.ineligible-payment, .eligible-unenroll, .enrolled-budget-plan,
.unenrolled-budget-plan, .account-ineligible, .media-card-section, .renewables-calculator, .renewables-calculator-results .results-wrapper .renewables-results .margin-top-30 {
  margin-top: 30px; }

.preference-unsubscribe-confirmation, .rebates-energy-confirmation hr, .renewables-calculator-results .results-wrapper .renewables-results {
  margin-bottom: 30px; }

.renewables-calculator form .h8.hr-spacing {
  margin-top: 35px; }

.rebates-banner {
  margin-bottom: 35px; }

.enroll-green-power .body-l {
  margin-bottom: 40px; }

.action-link {
  color: #1771cc;
  font-size: 18px;
  font-family: "roboto-condensed-bold"; }
  @media (max-width: 991px) {
    .action-link {
      text-align: center; } }
  .action-link .h8 {
    color: #1771cc; }
    .action-link .h8 .fa {
      margin-left: 7px; }
  .action-link:hover {
    text-decoration: none; }

body {
  font-family: "roboto-regular"; }

h1, .h1 {
  color: #4a4a4a;
  font-family: "roboto-light";
  font-size: 64px;
  font-weight: 100; }
  @media (max-width: 768px) {
    h1, .h1 {
      font-size: 46px; } }

h2, .h2 {
  color: #4a4a4a;
  font-family: "roboto-light";
  font-size: 42px;
  font-weight: 100; }
  @media (max-width: 768px) {
    h2, .h2 {
      font-size: 32px; } }

h3, .h3 {
  color: #4a4a4a;
  font-family: "roboto-light";
  font-size: 32px;
  font-weight: 100; }
  @media (max-width: 768px) {
    h3, .h3 {
      font-size: 24px; } }

h4, .h4 {
  color: #4a4a4a;
  font-family: "roboto-light";
  font-size: 24px;
  font-weight: 100; }
  @media (max-width: 768px) {
    h4, .h4 {
      font-size: 18px; } }

h5, .h5 {
  color: #4a4a4a;
  font-family: "roboto-medium";
  font-size: 24px;
  font-weight: 100; }
  @media (max-width: 768px) {
    h5, .h5 {
      font-size: 18px; } }

h6, .h6 {
  color: #4a4a4a;
  font-family: "roboto-medium";
  font-size: 20px;
  font-weight: 500; }
  @media (max-width: 768px) {
    h6, .h6 {
      font-size: 16px; } }

.h7 {
  color: #4a4a4a;
  font-family: "roboto-light";
  font-size: 24px;
  font-weight: 300; }
  @media (max-width: 768px) {
    .h7 {
      font-size: 18px; } }

.h8 {
  color: #4a4a4a;
  font-family: "roboto-condensed-bold";
  font-size: 20px;
  font-weight: normal; }
  @media (max-width: 768px) {
    .h8 {
      font-size: 18px; } }

p, .p {
  font-family: "roboto-regular";
  font-size: 16px; }

.body-xl {
  font-family: "roboto-regular";
  font-size: 20px; }
  @media (max-width: 768px) {
    .body-xl {
      font-family: "roboto-regular";
      font-size: 16px; } }

.selector-link {
  font-family: "roboto-medium";
  font-size: 16px; }

.footer-header {
  font-family: "roboto-condensed-bold";
  font-size: 16px; }

.body-l {
  font-family: "roboto-condensed-bold";
  font-size: 18px; }

.body-m {
  font-family: "roboto-medium";
  font-size: 14px; }

.body-s {
  font-family: "roboto-regular";
  font-size: 12px; }

.body-xs {
  font-family: "roboto-regular";
  font-size: 10px; }

.table-header {
  font-family: "roboto-condensed-bold";
  font-size: 18px; }
  @media (max-width: 768px) {
    .table-header {
      font-family: "roboto-condensed-bold";
      font-size: 16px; } }

ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.container {
  padding-left: 15px !important;
  padding-right: 15px !important; }

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-grow: 1; }

.flexwrapper {
  flex-flow: wrap; }

.remove-pad-right {
  padding-right: 0; }

.remove-pad-left {
  padding: 0; }

.margin-sm-top {
  margin-top: 10px; }

.margin-md-top {
  margin-top: 30px; }

.margin-lg-top {
  margin-top: 60px; }

.margin-top-70 {
  margin-top: 70px; }

.margin-lg-bottom {
  margin-bottom: 60px; }

.margin-md-left {
  margin-left: 30px; }

.margin-md-bottom {
  margin-bottom: 30px; }

.margin-sm-bottom {
  margin-bottom: 10px; }

.margin-md-right {
  margin-right: 30px; }

.margin-right-20 {
  margin-right: 20px; }

.font-black {
  color: #000; }

.font-white {
  color: #fff; }

.f18 {
  font-size: 18px !important; }

.f14 {
  font-size: 14px !important; }

.pse-primary-color {
  color: #1771cc; }

.no-padding {
  padding: 0; }

.no-padding-right {
  padding-right: 0; }

.no-padding-left {
  padding-left: 0; }

.bold-text {
  font-family: "roboto-bold"; }

.medium-text {
  font-family: "roboto-bold"; }

.c-bold-text {
  font-family: "roboto-condensed-bold"; }

.pse-bullet {
  position: relative;
  padding: 10px 0 10px 50px; }
  .pse-bullet li {
    font-family: "roboto-regular";
    font-size: 16px; }
    .pse-bullet li::before {
      background-color: #003c4b;
      border-radius: 100%;
      content: '';
      height: 6px;
      left: 13px;
      margin-left: 10px;
      margin-top: 9px;
      position: absolute;
      width: 6px; }

.default-bullet {
  list-style-type: disc;
  padding-left: 40px; }

.btn-invert-action {
  background-color: #fff;
  border: 4px solid #1771cc;
  border-radius: 20px;
  color: #1771cc;
  font-family: "roboto-condensed-bold";
  font-size: 16px;
  padding: 5px 40px;
  text-transform: uppercase; }
  .btn-invert-action:hover, .btn-invert-action:visited, .btn-invert-action:active {
    background-color: #004A94;
    border-color: #004A94;
    color: #fff;
    outline: none; }

.d-flex {
  display: flex; }

.flex-content {
  display: flex;
  flex-direction: column; }

.font-italic {
  font-style: italic; }

.icon-right {
  margin-left: 10px; }

.icon-left {
  margin-right: 10px; }

.circle-img {
  border-radius: 50%;
  border: 2px solid #00a6cf;
  width: 54px;
  height: 54px;
  position: relative; }
  .circle-img img {
    left: 55%;
    margin-left: -15px;
    margin-top: -15px;
    position: absolute;
    top: 60%;
    width: 24px; }

.bullet {
  list-style: disc;
  padding-left: 20px; }

#psePublicNoticeModal {
  z-index: 20000;
  background-color: rgba(0, 0, 0, 0.5); }

@media only screen and (max-width: 1023px) {
  .row-eq-height {
    display: inline-block; } }

@media only screen and (max-width: 768px) {
  .no-padding-mobile {
    padding: 0; } }

a {
  font-size: 16px;
  color: #1771cc; }
  a:hover {
    color: #004A94; }

.panel-body ul {
  list-style-type: disc;
  margin-bottom: 10px;
  padding-left: 40px; }

.panel-body ol {
  list-style-type: decimal;
  margin-bottom: 10px;
  padding-left: 70px; }

.rich-text, .content {
  color: #4a4a4a !important; }
  .rich-text h1, .rich-text h2, .rich-text h3, .rich-text h4, .rich-text h5, .rich-text h6, .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
    margin: 10px 0 15px 0;
    color: #4a4a4a; }
  .rich-text a, .content a {
    font-size: 16px !important;
    color: #1771cc !important; }
    .rich-text a:hover, .content a:hover {
      color: #004A94 !important; }
  .rich-text p, .content p {
    margin: 15px 0; }
  .rich-text ul, .content ul {
    margin-left: 20px; }
    .rich-text ul li, .content ul li {
      list-style-position: outside;
      font-size: 16px;
      list-style: disc; }
      .rich-text ul li ul li, .content ul li ul li {
        list-style-type: circle; }
  .rich-text ol li, .content ol li {
    font-size: 16px; }

.pse-order-list {
  counter-reset: order-list; }
  .pse-order-list li {
    position: relative;
    padding-left: 20px;
    margin-left: 50px; }
    .pse-order-list li::before {
      counter-increment: order-list;
      content: counter(order-list) ". ";
      position: absolute;
      left: 0; }

.custom-textfield input:-webkit-autofill ~ label {
  transform: translate3d(0, -100%, 0);
  color: #717171;
  font-size: 12px;
  font-weight: bold; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.top-summary-button .bg-grey.margin-md-bottom {
  margin-bottom: 0; }

.top-summary-button .form-navigation.margin-md-bottom {
  padding-top: 20px;
  margin-bottom: 0; }

.start-summary-content .margin-md-top {
  margin-top: 0;
  padding-top: 18px; }

#sstLandingPage .start-img {
  cursor: pointer; }

@media (min-width: 992px) {
  #PropertyManagement .col-md-offset-2 {
    margin-left: 20%; } }

.start-common {
  cursor: pointer;
  height: 90%; }

.custom-large-radio-row {
  display: flex;
  flex-wrap: wrap; }
  .custom-large-radio-row .custom-large-radio-column {
    flex-direction: column; }
    @media (max-width: 991px) {
      .custom-large-radio-row .custom-large-radio-column {
        width: 100%; } }

.scrollable-div {
  max-height: 300px;
  overflow-y: scroll;
  border: 1px solid;
  padding: 10px; }

.no-top-margin {
  margin-top: 0 !important; }

.remove-f-i-overlap {
  letter-spacing: 0.1px; }

#idServiceRequestAvailable .modal-body {
  overflow-y: auto;
  max-height: 400px; }

.partial-link-wrapper {
  background: #EAF8FB;
  border: 3px solid #fff;
  padding: 20px; }
  .partial-link-wrapper .image-section {
    background: #00a6cf;
    border-radius: 100%;
    display: inline-block;
    padding: 20px;
    height: 75px;
    width: 75px;
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
  .partial-link-wrapper .content-section button.pse-form-btn {
    font-size: 18px; }
    .partial-link-wrapper .content-section button.pse-form-btn .fa-chevron-right {
      margin: 0; }

#manage-applications-table p.mobileview, .manage-applications-table p.mobileview {
  font-size: 16px;
  text-transform: uppercase;
  color: #1771cc; }
  @media (max-width: 767px) and (orientation: portrait) {
    #manage-applications-table p.mobileview, .manage-applications-table p.mobileview {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      width: 120px; } }

#manage-applications-table .action-buttons a, .manage-applications-table .action-buttons a {
  font-size: 16px;
  font-family: "roboto-condensed-bold";
  text-transform: uppercase;
  margin-right: 10px; }
  #manage-applications-table .action-buttons a .fa.fa-play-circle, #manage-applications-table .action-buttons a .fa.fa-trash, .manage-applications-table .action-buttons a .fa.fa-play-circle, .manage-applications-table .action-buttons a .fa.fa-trash {
    padding: 5px; }
    #manage-applications-table .action-buttons a .fa.fa-play-circle:before, #manage-applications-table .action-buttons a .fa.fa-trash:before, .manage-applications-table .action-buttons a .fa.fa-play-circle:before, .manage-applications-table .action-buttons a .fa.fa-trash:before {
      font-size: 20px; }
  @media (max-width: 768px) {
    #manage-applications-table .action-buttons a + a, .manage-applications-table .action-buttons a + a {
      display: inline-block;
      margin-left: 0;
      margin-right: 0; } }
  #manage-applications-table .action-buttons a img, .manage-applications-table .action-buttons a img {
    margin-right: 5px;
    vertical-align: bottom; }
    @media (max-width: 768px) {
      #manage-applications-table .action-buttons a img, .manage-applications-table .action-buttons a img {
        display: none; } }

#no-manage-applications .pse-datatable {
  margin-bottom: 0; }

#no-manage-applications #manage-applications-empty {
  background: #EAF8FB;
  padding: 30px;
  text-align: center; }
  @media (max-width: 767px) {
    #no-manage-applications #manage-applications-empty {
      text-align: left; } }
  #no-manage-applications #manage-applications-empty p {
    font-size: 28px; }
    @media (max-width: 767px) {
      #no-manage-applications #manage-applications-empty p {
        font-size: 16px; } }
    #no-manage-applications #manage-applications-empty p.start-link {
      text-align: center; }
      #no-manage-applications #manage-applications-empty p.start-link a {
        font-family: "roboto-condensed-bold"; }
        #no-manage-applications #manage-applications-empty p.start-link a .fa.fa-play-circle {
          padding: 5px; }

#manage-applications-wrapper-mobile .back-button {
  background: #474B55;
  padding: 15px; }
  #manage-applications-wrapper-mobile .back-button a {
    font-size: 14px;
    font-family: "roboto";
    font-weight: bold;
    color: #fff;
    text-transform: uppercase; }

#manage-applications-wrapper-mobile .sel-address {
  padding: 15px; }

#manage-applications-wrapper-mobile .info-label {
  padding: 0; }

#manage-applications-wrapper-mobile .action-buttons a {
  font-size: 14px;
  font-family: "roboto-condensed-bold";
  text-transform: uppercase;
  margin-right: 30px; }

#idDeleteApplicationAlert .modal-dialog {
  max-width: 600px; }
  @media (max-width: 767px) {
    #idDeleteApplicationAlert .modal-dialog {
      max-width: 100%; } }

#idDeleteApplicationAlert .modal-body {
  margin: 10px 20px 0;
  overflow-y: hidden; }

#idDeleteApplicationAlert .modal-footer button {
  min-width: 250px; }

#idDeleteApplicationAlert .modal-footer button#idDeletePopup {
  margin: 0 20px 0 auto; }
  @media (max-width: 768px) {
    #idDeleteApplicationAlert .modal-footer button#idDeletePopup {
      display: block;
      margin: 0 auto 20px auto; } }

.pse-success.partial-app-alert {
  margin-bottom: 20px; }
  .pse-success.partial-app-alert .save-success {
    background: #eefae9;
    border-color: #eefae9; }
  .pse-success.partial-app-alert .save-error {
    background: #fcf3f5;
    border-color: #fcf3f5; }
  .pse-success.partial-app-alert .delete-success {
    background: #EAF8FB;
    border-color: #EAF8FB; }
  .pse-success.partial-app-alert .media .media-left {
    vertical-align: middle; }
  .pse-success.partial-app-alert .media .media-body {
    padding-left: 10px; }
    .pse-success.partial-app-alert .media .media-body h6 {
      margin-bottom: 10px; }
  .pse-success.partial-app-alert button.close {
    opacity: 1; }

.summary-actions .form-button-container {
  padding-top: 30px; }

.summary-actions .submit-app {
  margin: 0;
  position: relative;
  bottom: 10px; }
  @media (max-width: 768px) {
    .summary-actions .submit-app {
      bottom: 0;
      padding: 10px 20px; } }

.tile-ebill-preference .shadow-box.pse-programs {
  padding: 30px 20px !important;
  display: flex;
  justify-content: center;
  align-items: center; }
  .tile-ebill-preference .shadow-box.pse-programs .media {
    text-align: center; }
    .tile-ebill-preference .shadow-box.pse-programs .media .image-section {
      margin-bottom: 30px; }
    .tile-ebill-preference .shadow-box.pse-programs .media .media-heading {
      color: #006671;
      font-family: "roboto-condensed-bold";
      text-transform: uppercase;
      margin-top: 0 !important;
      margin-bottom: 15px; }
    .tile-ebill-preference .shadow-box.pse-programs .media p.program-desc {
      display: block;
      margin: 30px 0;
      color: #4a4a4a;
      line-height: 1.5; }

.mt-0 {
  margin-top: 0px; }

.mb-0 {
  margin-bottom: 0px; }

.my-0 {
  margin-top: 0px;
  margin-bottom: 0px; }

.ml-0 {
  margin-left: 0px; }

.mr-0 {
  margin-right: 0px; }

.mx-0 {
  margin-left: 0px;
  margin-right: 0px; }

@media only screen and (max-width: 999px) {
  .mt-mq-0 {
    margin-top: 0px; }
  .mb-mq-0 {
    margin-bottom: 0px; }
  .my-mq-0 {
    margin-top: 0px;
    margin-bottom: 0px; }
  .ml-mq-0 {
    margin-left: 0px; }
  .mr-mq-0 {
    margin-right: 0px; }
  .mx-mq-0 {
    margin-left: 0px;
    margin-right: 0px; } }

.mt-5 {
  margin-top: 5px; }

.mb-5 {
  margin-bottom: 5px; }

.my-5 {
  margin-top: 5px;
  margin-bottom: 5px; }

.ml-5 {
  margin-left: 5px; }

.ml-7 {
  margin-left: 7px; }

.mr-5 {
  margin-right: 5px; }

.mx-5 {
  margin-left: 5px;
  margin-right: 5px; }

.mt-10 {
  margin-top: 10px; }

.mb-10 {
  margin-bottom: 10px; }

.my-10 {
  margin-top: 10px;
  margin-bottom: 10px; }

.ml-10 {
  margin-left: 10px; }

.mr-10 {
  margin-right: 10px; }

.mx-10 {
  margin-left: 10px;
  margin-right: 10px; }

.mt-15 {
  margin-top: 15px; }

.mb-15 {
  margin-bottom: 15px; }

.my-15 {
  margin-top: 15px;
  margin-bottom: 15px; }

.ml-15 {
  margin-left: 15px; }

.mr-15 {
  margin-right: 15px; }

.mx-15 {
  margin-left: 15px;
  margin-right: 15px; }

.mt-20 {
  margin-top: 20px; }

.mb-20 {
  margin-bottom: 20px; }

.my-20 {
  margin-top: 20px;
  margin-bottom: 20px; }

.ml-20 {
  margin-left: 20px; }

.mr-20 {
  margin-right: 20px; }

.mx-20 {
  margin-left: 20px;
  margin-right: 20px; }

.mt-30 {
  margin-top: 30px; }

.mb-30 {
  margin-bottom: 30px; }

.my-30 {
  margin-top: 30px;
  margin-bottom: 30px; }

.ml-30 {
  margin-left: 30px; }

.mr-30 {
  margin-right: 30px; }

.mx-30 {
  margin-left: 30px;
  margin-right: 30px; }

.mt-70 {
  margin-top: 70px; }

.mb-70 {
  margin-bottom: 70px; }

.my-70 {
  margin-top: 70px;
  margin-bottom: 70px; }

.ml-70 {
  margin-left: 70px; }

.mr-70 {
  margin-right: 70px; }

.mx-70 {
  margin-left: 70px;
  margin-right: 70px; }

@media only screen and (max-width: 999px) {
  .mt-mq-30 {
    padding-top: 30px; }
  .mb-mq-30 {
    padding-bottom: 30px; }
  .my-mq-30 {
    padding-top: 30px;
    padding-bottom: 30px; }
  .ml-mq-30 {
    padding-left: 30px; }
  .mr-mq-30 {
    padding-right: 30px; }
  .mx-mq-30 {
    padding-left: 30px;
    padding-right: 30px; } }

.mt-40 {
  margin-top: 40px; }

.mb-40 {
  margin-bottom: 40px; }

.my-40 {
  margin-top: 40px;
  margin-bottom: 40px; }

.ml-40 {
  margin-left: 40px; }

.mr-40 {
  margin-right: 40px; }

.mx-40 {
  margin-left: 40px;
  margin-right: 40px; }

.mt-50 {
  margin-top: 50px; }

.mb-50 {
  margin-bottom: 50px; }

.my-50 {
  margin-top: 50px;
  margin-bottom: 50px; }

.ml-50 {
  margin-left: 50px; }

.mr-50 {
  margin-right: 50px; }

.mx-50 {
  margin-left: 50px;
  margin-right: 50px; }

.mt-60 {
  margin-top: 60px; }

.mb-60 {
  margin-bottom: 60px; }

.mb-70 {
  margin-bottom: 70px; }

.my-60 {
  margin-top: 60px;
  margin-bottom: 60px; }

.ml-60 {
  margin-left: 60px; }

.mr-60 {
  margin-right: 60px; }

.mx-60 {
  margin-left: 60px;
  margin-right: 60px; }

.pt-0 {
  padding-top: 0px; }

.pb-0 {
  padding-bottom: 0px; }

.py-0 {
  padding-top: 0px;
  padding-bottom: 0px; }

.pl-0 {
  padding-left: 0px; }

.pr-0 {
  padding-right: 0px; }

.px-0 {
  padding-left: 0px;
  padding-right: 0px; }

@media only screen and (max-width: 999px) {
  .pt-mq-0 {
    padding-top: 0px; }
  .pb-mq-0 {
    padding-bottom: 0px; }
  .py-mq-0 {
    padding-top: 0px;
    padding-bottom: 0px; }
  .pl-mq-0 {
    padding-left: 0px; }
  .pr-mq-0 {
    padding-right: 0px; }
  .px-mq-0 {
    padding-left: 0px;
    padding-right: 0px; } }

.pt-5 {
  padding-top: 5px; }

.pb-5 {
  padding-bottom: 5px; }

.py-5 {
  padding-top: 5px;
  padding-bottom: 5px; }

.pl-5 {
  padding-left: 5px; }

.pr-5 {
  padding-right: 5px; }

.px-5 {
  padding-left: 5px;
  padding-right: 5px; }

.pt-10 {
  padding-top: 10px; }

.pb-10 {
  padding-bottom: 10px; }

.py-10 {
  padding-top: 10px;
  padding-bottom: 10px; }

.pl-10 {
  padding-left: 10px; }

.pr-10 {
  padding-right: 10px; }

.px-10 {
  padding-left: 10px;
  padding-right: 10px; }

.pt-15 {
  padding-top: 15px; }

.pb-15 {
  padding-bottom: 15px; }

.py-15 {
  padding-top: 15px;
  padding-bottom: 15px; }

.pl-15 {
  padding-left: 15px; }

.pr-15 {
  padding-right: 15px; }

.px-15 {
  padding-left: 15px;
  padding-right: 15px; }

.pt-20 {
  padding-top: 20px; }

.pb-20 {
  padding-bottom: 20px; }

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px; }

.pl-20 {
  padding-left: 20px; }

.pr-20 {
  padding-right: 20px; }

.px-20 {
  padding-left: 20px;
  padding-right: 20px; }

.pt-30 {
  padding-top: 30px; }

.pb-30 {
  padding-bottom: 30px; }

.py-30 {
  padding-top: 30px;
  padding-bottom: 30px; }

.pl-30 {
  padding-left: 30px; }

.pr-30 {
  padding-right: 30px; }

.px-30 {
  padding-left: 30px;
  padding-right: 30px; }

.pt-40 {
  padding-top: 40px; }

.pb-40 {
  padding-bottom: 40px; }

.py-40 {
  padding-top: 40px;
  padding-bottom: 40px; }

.pl-40 {
  padding-left: 40px; }

.pr-40 {
  padding-right: 40px; }

.px-40 {
  padding-left: 40px;
  padding-right: 40px; }

.pt-50 {
  padding-top: 50px; }

.pb-50 {
  padding-bottom: 50px; }

.py-50 {
  padding-top: 50px;
  padding-bottom: 50px; }

.pl-50 {
  padding-left: 50px; }

.pr-50 {
  padding-right: 50px; }

.px-50 {
  padding-left: 50px;
  padding-right: 50px; }

.pt-60 {
  padding-top: 60px; }

.pb-60 {
  padding-bottom: 60px; }

.py-60 {
  padding-top: 60px;
  padding-bottom: 60px; }

.pl-60 {
  padding-left: 60px; }

.pr-60 {
  padding-right: 60px; }

.px-60 {
  padding-left: 60px;
  padding-right: 60px; }

.btn-action {
  background-color: #1771cc;
  padding: 10px 40px;
  border-radius: 20px;
  color: #fff;
  font-size: 20px;
  border: 0;
  border-radius: 47px;
  text-transform: uppercase;
  border: 0;
  font-family: "roboto-condensed-bold"; }
  .btn-action:hover, .btn-action:focus {
    background-color: #004A94;
    color: #fff;
    outline: none; }

.btn-inactive {
  background-color: #1771cc;
  padding: 7px 30px;
  border-radius: 20px;
  color: #1771cc;
  font-size: 20px;
  background-color: #fff;
  border-radius: 47px;
  text-transform: uppercase;
  border: 3px solid #1771cc;
  font-family: "roboto-condensed-bold"; }
  .btn-inactive:hover, .btn-inactive:focus {
    background-color: #004A94;
    border-color: #004A94;
    color: #fff;
    outline: none; }
  @media (max-width: 767px) {
    .btn-inactive {
      margin-top: 6px;
      width: 100%;
      font-size: 15px; } }

@media only screen and (min-width: 1024px) {
  .breadcrumb-wrap {
    height: 44px;
    margin-top: 45px;
    overflow: hidden; }
  .mt-90 {
    margin-top: 90px; } }

.pse-breadcrumb {
  display: inline-block;
  font-family: "roboto-medium";
  font-size: 12px;
  margin-top: 14px; }
  .pse-breadcrumb li {
    float: left; }
    .pse-breadcrumb li a {
      color: #717171;
      font-family: "roboto-medium";
      font-size: 12px;
      font-weight: 500;
      letter-spacing: .1px;
      line-height: 2.5;
      text-decoration: none; }
    .pse-breadcrumb li.active {
      color: #006671;
      font-family: "roboto-bold";
      font-size: 12px;
      letter-spacing: .1px;
      line-height: 2.5; }
  .pse-breadcrumb > li + li::before {
    color: #717171;
    content: '>';
    font-size: 12px;
    font-family: "roboto-medium";
    padding: 0 5px; }
  @media (max-width: 768px) {
    .pse-breadcrumb {
      display: none; } }

.action-link {
  color: #1771cc;
  font-size: 18px;
  font-family: "roboto-condensed-bold"; }
  @media (max-width: 991px) {
    .action-link {
      text-align: center; } }
  .action-link .h8 {
    color: #1771cc; }
    .action-link .h8 .fa {
      margin-left: 7px; }
  .action-link:hover {
    text-decoration: none; }

.clonedInput {
  border: 1px solid; }

.btn-anchorlink .pse-link-primary {
  padding-left: 20px; }

.article-tiles {
  background: #fff;
  border: 1px solid #979797;
  margin-bottom: 30px;
  position: relative; }
  .article-tiles .pse-play-icon {
    top: 40%;
    left: 45%; }
    @media (max-width: 768px) {
      .article-tiles .pse-play-icon {
        top: 40%;
        left: 42%; } }
  .article-tiles .article-tiles-img {
    width: 100%;
    position: relative;
    /*Article page tiles style*/ }
    .article-tiles .article-tiles-img.tile-logo1 {
      background-image: url("/Content/pse/images/go-green-tile.png"); }
    .article-tiles .article-tiles-img.tile-logo2 {
      background-image: url("/Content/pse/images/cartoon-cat-tile.png"); }
    .article-tiles .article-tiles-img.tile-logo3 {
      background-image: url("/Content/pse/images/people-tile.png"); }
    .article-tiles .article-tiles-img.snow-logo {
      background-image: url("/Content/pse/images/snow-tile.png"); }
    .article-tiles .article-tiles-img.cartoon-headimg {
      background-image: url("/Content/pse/images/cartoon-head.png"); }
    .article-tiles .article-tiles-img.article-custom-bg1 {
      background-color: #006671;
      display: table-cell;
      width: 358px;
      vertical-align: middle;
      text-align: center; }
      @media (max-width: 991px) {
        .article-tiles .article-tiles-img.article-custom-bg1 {
          display: block;
          width: 100%;
          padding: 33px; } }
      .article-tiles .article-tiles-img.article-custom-bg1 .tile-logo-media {
        height: auto;
        width: auto; }
    .article-tiles .article-tiles-img.article-custom-bg2 {
      background-color: #00a6cf;
      display: table-cell;
      width: 358px;
      vertical-align: middle;
      text-align: center; }
      @media (max-width: 991px) {
        .article-tiles .article-tiles-img.article-custom-bg2 {
          display: block;
          width: 100%;
          padding: 33px; } }
      .article-tiles .article-tiles-img.article-custom-bg2 .tile-logo-media {
        height: auto;
        width: auto; }
    .article-tiles .article-tiles-img img {
      height: auto;
      width: 100%; }
    .article-tiles .article-tiles-img h3 {
      bottom: 15px;
      font-family: 'roboto-light';
      padding: 0 15px;
      position: absolute;
      width: 100%; }
    .article-tiles .article-tiles-img.tiles-bg-pacificblue, .article-tiles .article-tiles-img.tiles-bg-bluelagoon {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      @media (max-width: 991px) {
        .article-tiles .article-tiles-img.tiles-bg-pacificblue, .article-tiles .article-tiles-img.tiles-bg-bluelagoon {
          display: block;
          width: 100%;
          padding: 33px; } }
      .article-tiles .article-tiles-img.tiles-bg-pacificblue .tile-logo-media, .article-tiles .article-tiles-img.tiles-bg-bluelagoon .tile-logo-media {
        height: auto;
        width: auto; }
    .article-tiles .article-tiles-img.tiles-bg-bluelagoon {
      background-color: #006671; }
    .article-tiles .article-tiles-img.tiles-bg-pacificblue {
      background-color: #00a6cf; }
  .article-tiles.primary .article-tiles-img .text-block.carbon-title {
    padding: 0; }
  .article-tiles .article-tiles-content {
    padding: 20px 15px; }
    .article-tiles .article-tiles-content .pse-link-primary {
      color: #1771cc; }
      .article-tiles .article-tiles-content .pse-link-primary:focus, .article-tiles .article-tiles-content .pse-link-primary:hover {
        color: #004A94; }
  .article-tiles h3 {
    font-family: 'roboto-light';
    font-size: 24px;
    margin-bottom: 20px;
    margin-top: 0; }
    @media (max-width: 768px) {
      .article-tiles h3 {
        font-size: 22px; } }
  .article-tiles p {
    font-size: 18px;
    margin-bottom: 15px;
    padding-bottom: 0;
    text-align: initial; }
  .article-tiles .pse-link-primary {
    color: #1771cc;
    font-size: 20px; }
    .article-tiles .pse-link-primary:focus, .article-tiles .pse-link-primary:hover {
      color: #004A94; }
    @media (max-width: 768px) {
      .article-tiles .pse-link-primary {
        font-size: 18px; } }

.article-tiles p {
  -webkit-box-orient: vertical;
  color: #4a4a4a;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden; }

.article-tiles .article-tiles-img {
  position: relative; }
  .article-tiles .article-tiles-img .play-btn {
    bottom: 10px;
    color: #fff;
    font-size: 45px;
    left: 10px;
    position: absolute;
    top: 10px; }

@media only screen and (min-width: 768px) {
  .article-tiles.primary .article-tiles-content h3 {
    margin-bottom: 45px;
    margin-top: 50px;
    position: relative; } }

@media only screen and (max-width: 767px) {
  .article-tiles {
    background: #fff;
    min-height: auto; }
    .article-tiles .article-tiles-content p {
      display: none; }
    .article-tiles.primary .article-tiles-content .font-white {
      color: #000; } }

.article-custom-section .article-tiles-img {
  position: relative; }
  .article-custom-section .article-tiles-img .play-btn {
    top: 10px; }
  .article-custom-section .article-tiles-img .dwld-icon {
    height: 46px;
    width: 46px;
    top: 23px;
    left: 21px;
    position: absolute; }
  .article-custom-section .article-tiles-img .tile-logo-media {
    height: auto;
    width: auto; }

.pse-banner {
  background-color: #23527c;
  background-repeat: no-repeat;
  background-size: cover !important;
  border-radius: 0 !important;
  height: 575px;
  margin-bottom: 0;
  padding: 80px 0 60px; }
  @media (max-width: 768px) {
    .pse-banner {
      height: auto; }
      .pse-banner.jumbotron {
        padding: 25px 0 40px 0; } }
  .pse-banner .jumbotron-text {
    color: #fff;
    padding-top: 90px; }
    @media (max-width: 991px) {
      .pse-banner .jumbotron-text {
        display: none; } }
    .pse-banner .jumbotron-text h1 {
      font-family: 'roboto-light';
      font-size: 64px; }
    .pse-banner .jumbotron-text a {
      color: #fff; }
    .pse-banner .jumbotron-text p {
      font-size: 18px;
      margin: 22px 0; }
  .pse-banner .form-group:last-child {
    margin-bottom: 0; }

.on-page-editor .pse-banner .banner-editor-img {
  height: 570px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%; }

.jumbotron.retina-banner {
  height: 575px;
  margin-bottom: 0;
  padding: 0;
  position: relative; }
  @media (max-width: 768px) {
    .jumbotron.retina-banner {
      height: 520px; } }
  .jumbotron.retina-banner picture img {
    max-width: 100%;
    width: 100%;
    height: 100%; }
  .jumbotron.retina-banner .container {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -570px;
    top: 80px; }
    @media (max-width: 768px) {
      .jumbotron.retina-banner .container {
        width: 100%;
        margin-left: inherit;
        left: inherit;
        top: 40px; } }
  .jumbotron.retina-banner .jumbotron-text {
    color: #fff;
    padding-top: 90px; }
    @media (max-width: 768px) {
      .jumbotron.retina-banner .jumbotron-text {
        display: none; } }
    .jumbotron.retina-banner .jumbotron-text h1 {
      font-family: 'roboto-light';
      font-size: 64px; }
    .jumbotron.retina-banner .jumbotron-text a {
      color: #fff; }
    .jumbotron.retina-banner .jumbotron-text p {
      font-size: 18px;
      margin: 22px 0; }
  @media (max-width: 768px) {
    .jumbotron.retina-banner .form-check-label {
      color: #fff; }
    .jumbotron.retina-banner .form-signin {
      border: 0;
      box-shadow: none;
      padding: 0; }
      .jumbotron.retina-banner .form-signin .pse-btn-default {
        border: solid 2px #fff;
        color: #fff; }
      .jumbotron.retina-banner .form-signin h3 {
        color: #fff; }
      .jumbotron.retina-banner .form-signin .signin-help {
        color: #fff; }
        .jumbotron.retina-banner .form-signin .signin-help a {
          color: #fff; }
      .jumbotron.retina-banner .form-signin .custom-checkbox span.form-check-label {
        color: #fff; }
      .jumbotron.retina-banner .form-signin.bg-grey {
        background: none; } }

.pse-banner-retinabg {
  background-image: url("/src/images/banner-mobile-1x.png"); }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .pse-banner-retinabg {
    background-image: url("/src/images/banner-mobile-2x.png"); } }

@media (min-width: 800px) {
  .pse-banner-retinabg {
    background-image: url("/src/images/banner-desktop-1x.png"); } }

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 800px), (min-resolution: 192dpi) and (min-width: 800px) {
  .pse-banner-retinabg {
    background-image: url("/src/images/banner-desktop-2x.png"); } }

/*feature-item retina style*/
.image-responsive {
  height: 315px;
  background-size: cover !important;
  background-color: #23527c;
  background-repeat: no-repeat;
  background-position: center center; }
  @media (max-width: 767px) {
    .image-responsive {
      height: 250px;
      background-size: cover !important;
      background-color: #23527c;
      background-repeat: no-repeat;
      background-position: center center; } }

/*image-gallery retina style*/
.image-gallery-banner {
  height: 560px;
  background-size: cover !important;
  background-color: #23527c;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  transform-origin: 50% 50%; }
  @media (max-width: 768px) {
    .image-gallery-banner {
      height: 315px;
      background-size: cover !important;
      background-color: #23527c;
      background-repeat: no-repeat;
      background-position: center center;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
      width: 100%;
      height: 100%;
      transform-origin: 50% 50%; } }
  @media (max-width: 767px) {
    .image-gallery-banner {
      height: 250px;
      background-size: cover !important;
      background-color: #23527c;
      background-repeat: no-repeat;
      background-position: center center;
      top: 0;
      left: 0;
      margin: 0;
      padding: 0;
      width: 100%;
      height: 100%;
      transform-origin: 50% 50%; } }

.new-hero-banner {
  height: 420px;
  padding: 0;
  margin-top: 45px; }
  .new-hero-banner .col-md-offset-2 {
    margin-left: 0; }
  .new-hero-banner .col-md-4 {
    padding: 0 15px; }
    @media (max-width: 768px) {
      .new-hero-banner .col-md-4 {
        padding: 0; } }
  @media (max-width: 768px) {
    .new-hero-banner {
      padding: 0 !important;
      height: auto;
      margin-top: 0;
      background: none !important; } }
  @media (max-width: 991px) {
    .new-hero-banner {
      margin-top: 0; } }

.call-to-action-item {
  text-align: center; }
  .call-to-action-item p {
    color: #003c4b;
    font-family: roboto-condensed-bold;
    font-size: 20px;
    margin-top: 15px;
    text-transform: uppercase; }

.call-to-action .scLooseFrameZone {
  display: inline; }
  .call-to-action .scLooseFrameZone .call-to-action-item .scWebEditInput {
    min-width: 180px; }

@media only screen and (max-width: 767px) {
  .call-to-action-item {
    display: table;
    margin-bottom: 35px;
    text-align: left; }
    .call-to-action-item .call-to-action-icon {
      display: table-cell;
      padding-right: 10px;
      vertical-align: middle; }
      .call-to-action-item .call-to-action-icon img {
        height: 40px;
        width: 50px; }
    .call-to-action-item p {
      display: table-cell;
      margin: 0;
      vertical-align: middle; }
  .call-to-action .row div:last-child .call-to-action-item {
    margin-bottom: 0; } }

.separator-bg-color {
  background: #f6f6f6;
  padding: 20px 0 !important; }
  @media (max-width: 768px) {
    .separator-bg-color {
      padding: 15px 0 !important; } }
  .separator-bg-color .action-main-container {
    padding: 0 !important;
    display: flex; }
    @media (max-width: 768px) {
      .separator-bg-color .action-main-container {
        display: block; } }
    .separator-bg-color .action-main-container .action-row {
      display: flex;
      width: 100%;
      margin-left: 0; }
      @media (max-width: 768px) {
        .separator-bg-color .action-main-container .action-row {
          display: block;
          margin-left: -15px; } }
      @media only screen and (min-width: 769px) and (max-width: 1199px) {
        .separator-bg-color .action-main-container .action-row {
          display: block; }
          .separator-bg-color .action-main-container .action-row .five-column:nth-child(3), .separator-bg-color .action-main-container .action-row .five-column:nth-child(5) {
            margin-top: 30px;
            margin-left: 0; }
          .separator-bg-color .action-main-container .action-row .five-column:nth-child(4) {
            margin-top: 30px; } }
      .separator-bg-color .action-main-container .action-row .action-container {
        height: 100%;
        padding: 0;
        margin-left: 30px; }
        @media (max-width: 768px) {
          .separator-bg-color .action-main-container .action-row .action-container {
            margin-bottom: 20px;
            width: unset !important; } }
        .separator-bg-color .action-main-container .action-row .action-container:first-child {
          margin-left: 0;
          padding-left: 0; }
          @media (max-width: 768px) {
            .separator-bg-color .action-main-container .action-row .action-container:first-child {
              margin-left: 30px; } }
        .separator-bg-color .action-main-container .action-row .action-container:last-child {
          margin-right: 0;
          padding-right: 0; }
        .separator-bg-color .action-main-container .action-row .action-container .action-items {
          text-align: center;
          align-items: center;
          border-radius: 20px;
          height: 100%; }
          .separator-bg-color .action-main-container .action-row .action-container .action-items .component-content {
            height: 100%; }
          @media (max-width: 768px) {
            .separator-bg-color .action-main-container .action-row .action-container .action-items {
              display: block; } }
          .separator-bg-color .action-main-container .action-row .action-container .action-items p {
            display: inline;
            text-align: left;
            color: #fff;
            margin: 0;
            font-family: 'roboto-condensed-bold';
            font-size: 20px;
            margin-left: 10px; }
          .separator-bg-color .action-main-container .action-row .action-container .action-items a {
            display: inline-flex;
            align-items: center;
            padding: 18px 22px;
            width: 100%;
            height: 100%;
            text-decoration: none; }
            .separator-bg-color .action-main-container .action-row .action-container .action-items a:hover {
              text-decoration: none; }
            @media (max-width: 768px) {
              .separator-bg-color .action-main-container .action-row .action-container .action-items a {
                display: block;
                padding: 16px 22px; } }
          .separator-bg-color .action-main-container .action-row .action-container .action-items .call-to-action-icon {
            display: inline-table;
            width: 30px;
            height: 30px; }
            @media (max-width: 768px) {
              .separator-bg-color .action-main-container .action-row .action-container .action-items .call-to-action-icon {
                display: none; } }
            .separator-bg-color .action-main-container .action-row .action-container .action-items .call-to-action-icon img {
              height: 30px;
              width: 30px;
              display: inline-block;
              vertical-align: middle; }
        .separator-bg-color .action-main-container .action-row .action-container .bg-orange-color {
          background: #D57D2B; }
          .separator-bg-color .action-main-container .action-row .action-container .bg-orange-color:hover {
            background: #ab6422; }
        .separator-bg-color .action-main-container .action-row .action-container .bg-green-color {
          background: #699B4E; }
          .separator-bg-color .action-main-container .action-row .action-container .bg-green-color:hover {
            background: #52793d; }
        .separator-bg-color .action-main-container .action-row .action-container .bg-purple-color {
          background: #632656; }
          .separator-bg-color .action-main-container .action-row .action-container .bg-purple-color:hover {
            background: #3e1836; }
        .separator-bg-color .action-main-container .action-row .action-container .bg-blue-color {
          background: #469C90; }
          .separator-bg-color .action-main-container .action-row .action-container .bg-blue-color:hover {
            background: #367970; }
        .separator-bg-color .action-main-container .action-row .action-container .bg-dark-blue-color {
          background: #00A6CF; }
          .separator-bg-color .action-main-container .action-row .action-container .bg-dark-blue-color:hover {
            background: #0095BA; }
      .separator-bg-color .action-main-container .action-row .two-column {
        width: calc(100% / 2); }
        .separator-bg-color .action-main-container .action-row .two-column .action-items {
          display: block; }
          .separator-bg-color .action-main-container .action-row .two-column .action-items a {
            display: block; }
            .separator-bg-color .action-main-container .action-row .two-column .action-items a p {
              vertical-align: middle; }
        @media only screen and (min-width: 769px) and (max-width: 1199px) {
          .separator-bg-color .action-main-container .action-row .two-column {
            width: calc(100% / 2 - 20px) !important;
            float: left;
            height: 88px; }
            .separator-bg-color .action-main-container .action-row .two-column a {
              line-height: 44px; } }
      .separator-bg-color .action-main-container .action-row .three-column {
        width: calc(100% / 3); }
        @media only screen and (min-width: 769px) and (max-width: 1199px) {
          .separator-bg-color .action-main-container .action-row .three-column {
            width: calc(100% / 3 - 20px) !important;
            float: left;
            height: 88px; } }
      .separator-bg-color .action-main-container .action-row .four-column {
        width: calc(100% / 4); }
        @media only screen and (min-width: 769px) and (max-width: 1199px) {
          .separator-bg-color .action-main-container .action-row .four-column {
            width: calc(100% / 4 - 23px) !important;
            float: left;
            height: 88px; } }
      .separator-bg-color .action-main-container .action-row .five-column {
        width: calc(100% / 5); }
        @media only screen and (min-width: 769px) and (max-width: 1199px) {
          .separator-bg-color .action-main-container .action-row .five-column {
            width: calc(100% / 2 - 20px) !important;
            float: left;
            height: 88px; } }

.featured-item {
  position: relative; }
  .featured-item #video {
    display: block;
    position: relative;
    width: 100%; }
  .featured-item img {
    max-width: 100%;
    width: 100%; }
  .featured-item a {
    color: #1771cc;
    font-weight: bold; }
  .featured-item .featured-item-content {
    text-align: center;
    font-size: 20px; }
    .featured-item .featured-item-content h3 {
      color: #4a4a4a;
      font-family: 'roboto-light';
      font-size: 32px;
      margin-bottom: 18px;
      margin-top: 40px; }
      @media (max-width: 768px) {
        .featured-item .featured-item-content h3 {
          font-size: 22px; } }
    .featured-item .featured-item-content p {
      color: #4a4a4a;
      margin-bottom: 30px;
      font-size: 20px; }

@media only screen and (max-width: 768px) {
  .featured-item .featured-item-content {
    text-align: center; }
  .featured-item img {
    height: 100%;
    width: auto; } }

/*feature-item retina style*/
.featured-item-retina {
  height: 315px;
  background-size: cover !important;
  background-color: #23527c;
  background-repeat: no-repeat;
  background-position: center center; }
  @media (max-width: 767px) {
    .featured-item-retina {
      height: 250px;
      background-size: cover !important;
      background-color: #23527c;
      background-repeat: no-repeat;
      background-position: center center; } }

.get-app {
  font-family: "roboto-condensed-bold";
  font-size: 16px;
  color: #fff;
  line-height: 1.13;
  letter-spacing: .6px;
  padding-left: 13px;
  margin-bottom: 10px; }
  @media (max-width: 991px) {
    .get-app {
      font-size: 18px !important;
      line-height: 1;
      padding: 0; } }

.pse-footer-logo {
  padding: 14px 31px;
  background: #32363d; }
  @media (max-width: 991px) {
    .pse-footer-logo {
      padding: 15px 15px 20px;
      display: inline-block;
      width: 100%; } }
  .pse-footer-logo .footer-logo-text {
    margin-top: 19px;
    color: #fff; }
    @media (max-width: 991px) {
      .pse-footer-logo .footer-logo-text {
        padding: 0; } }
    .pse-footer-logo .footer-logo-text p {
      font-size: 14px; }

.pse-footer-right {
  border-left: 2px solid #8c8c8c;
  margin-left: 45px;
  padding: 0 0 20px 47px; }
  @media (max-width: 991px) {
    .pse-footer-right {
      border-left: none;
      margin: 0;
      padding: 0; } }

@media (max-width: 991px) {
  .pse-footer-menus {
    padding: 11px 15;
    border-top: 1px solid #898f9e;
    margin-bottom: 0; }
    .pse-footer-menus:last-child {
      border-bottom: 1px solid #898f9e; } }

.pse-footer-menus h4 {
  color: #fff;
  font-family: "roboto-condensed-bold";
  font-size: 16px;
  line-height: 1.13;
  letter-spacing: .6px;
  cursor: pointer;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px; }
  @media (max-width: 991px) {
    .pse-footer-menus h4 {
      margin: 25px 0;
      padding-right: 15px;
      position: relative;
      font-size: 18px;
      line-height: normal; } }

.pse-footer-menus h6 {
  color: #fff;
  font-family: "roboto-condensed-bold";
  font-size: 16px;
  line-height: 1.13;
  letter-spacing: .6px;
  cursor: pointer;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px; }
  @media (max-width: 991px) {
    .pse-footer-menus h6 {
      margin: 25px 0;
      padding-right: 15px;
      position: relative;
      font-size: 18px;
      line-height: normal; } }

.pse-footer-menus ul li a {
  color: #fff;
  font-size: 12px;
  font-family: "roboto-regular";
  line-height: 1.83;
  text-decoration: none; }
  @media (max-width: 991px) {
    .pse-footer-menus ul li a {
      font-size: 18px; } }

@media (min-width: 992px) {
  .pse-footer-menus:nth-child(4n+1) {
    clear: left; } }

@media (max-width: 991px) {
  .pse-footer-menus ul {
    display: none;
    padding: 0 0 33px 32px; }
  .pse-footer-menus ul li {
    padding: 4px 0; }
  .pse-footer-menus h4:after {
    content: "\f107";
    color: #e3e3e3;
    font-family: FontAwesome;
    font-size: 28px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 0; }
  .pse-footer-menus h6:after {
    content: "\f107";
    color: #e3e3e3;
    font-family: FontAwesome;
    font-size: 28px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 0; }
  .pse-footer-menus .menus-open:after {
    content: '\f106';
    float: right;
    font: FontAwesome; } }

.pse-footer-sociallinks {
  padding-top: 40px;
  padding-left: 2px; }
  @media (max-width: 991px) {
    .pse-footer-sociallinks {
      padding: 53px 0; } }
  .pse-footer-sociallinks ul {
    padding-left: 0;
    margin-left: 0;
    list-style: none;
    display: table;
    width: 100%; }
    @media (max-width: 991px) {
      .pse-footer-sociallinks ul {
        text-align: center; } }
    .pse-footer-sociallinks ul li {
      padding: 0;
      display: table-cell;
      text-align: center; }
      @media (max-width: 991px) {
        .pse-footer-sociallinks ul li {
          width: 15%; } }
      .pse-footer-sociallinks ul li a i {
        font-size: 28px;
        cursor: pointer;
        color: #fff; }

.language-selector {
  background-color: transparent;
  border: none;
  color: #fff;
  font-size: 16px;
  padding-top: 30px;
  padding-right: 0; }
  @media (max-width: 991px) {
    .language-selector {
      padding: 38px 0 23px;
      text-align: center;
      font-size: 21px;
      font-weight: 500; } }
  .language-selector i {
    padding-right: 10px;
    display: inline-block; }
  .language-selector a.dropdown-toggle {
    font-family: "roboto-regular";
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer;
    display: inline-block;
    color: #fff;
    margin-bottom: 10px; }
    @media only screen and (max-device-width: 1024px) and (orientation: landscape) {
      .language-selector a.dropdown-toggle {
        font-size: 9px; } }
  .language-selector .dropup {
    padding-left: 5px; }
    @media (max-width: 991px) {
      .language-selector .dropup {
        padding: 0 6px 5px 0; } }
    @media only screen and (max-device-width: 1024px) and (orientation: landscape) {
      .language-selector .dropup {
        padding-right: 5px; } }
    .language-selector .dropup img {
      padding-right: 6px;
      vertical-align: middle; }
    .language-selector .dropup.open {
      background-color: #32363d;
      padding: 0 0 1px 5px; }
      @media (max-width: 991px) {
        .language-selector .dropup.open {
          padding: 0 68px 5px 62px;
          display: inline-block; } }
      .language-selector .dropup.open .dropdown-menu {
        margin: 0;
        min-width: 116px;
        text-align: center;
        background-color: #32363d;
        border: 0;
        border-radius: 0;
        box-shadow: none; }
        @media (max-width: 991px) {
          .language-selector .dropup.open .dropdown-menu {
            min-width: 235.67px; } }
        @media only screen and (max-device-width: 1024px) and (orientation: landscape) {
          .language-selector .dropup.open .dropdown-menu {
            min-width: 94px; } }
        .language-selector .dropup.open .dropdown-menu li:first-child {
          padding-top: 10px; }
        .language-selector .dropup.open .dropdown-menu li a {
          color: #fff;
          padding: 3px 0 3px 36px;
          text-align: left;
          line-height: 2.79; }
          @media (max-width: 991px) {
            .language-selector .dropup.open .dropdown-menu li a {
              padding: 8px 0 0 95px; } }
          @media only screen and (max-device-width: 1024px) and (orientation: landscape) {
            .language-selector .dropup.open .dropdown-menu li a {
              padding: 3px 0 3px 34px;
              font-size: 9px; } }
          .language-selector .dropup.open .dropdown-menu li a:hover, .language-selector .dropup.open .dropdown-menu li a:focus {
            background-color: transparent; }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .language-selector {
    font-size: 11px; } }

.footer-sitemap {
  padding-top: 30px;
  padding-right: 0; }
  .footer-sitemap ul {
    display: inline-block; }
  .footer-sitemap ul li {
    padding: 0; }
    .footer-sitemap ul li a {
      color: #fff;
      cursor: pointer;
      font-size: 10px;
      font-family: "roboto-medium";
      line-height: 1.5;
      letter-spacing: .4px;
      border-right: 1px solid;
      padding: 0 10px;
      text-transform: uppercase;
      text-decoration: none; }

@media (max-width: 991px) {
  .footer-sitemap {
    text-align: center;
    padding: 0; }
    .footer-sitemap ul li:nth-child(2) a {
      border-right: 1px solid;
      border-left: 1px solid; }
    .footer-sitemap ul li a {
      border-right: 0; } }

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .footer-sitemap ul li a {
    font-size: 9px; }
  .footer-sitemap ul li:last-child {
    font-size: 8px; } }

.copy-right {
  display: inline-block; }
  .copy-right ul li {
    color: #f7f7f7;
    font-size: 10px;
    padding-left: 8px;
    font-family: "roboto-medium";
    line-height: 1.5;
    letter-spacing: .4px; }

footer {
  background-color: #474b55;
  padding: 42px 0 36px; }

@media (max-width: 991px) {
  footer {
    padding: 30px 0 36px; } }

/* Outage Header Menu Link Styles */
li#OutageHeaderMenuLink[style*="none"] + li {
  padding-top: 23px; }

#OutageHeaderMenuLink {
  display: none; }
  #OutageHeaderMenuLink a {
    color: #d0021b; }

/* Outage Alert Badge - Desktop */
.pse-secondary-nav ul li span.outage-alert-badge {
  display: none;
  position: absolute;
  top: -5px;
  right: -14px;
  width: 18px;
  height: 18px;
  background-color: #d0021b;
  color: white;
  border-radius: 50%;
  text-align: center;
  line-height: 16px;
  font-size: 12px; }

/* Outage Alert Badge - Mobile */
@media only screen and (max-width: 991px) {
  .pse-secondary-nav ul li span.outage-alert-badge {
    top: 0px;
    right: 7px; } }

.new-outage-tracker {
  display: flex;
  justify-content: space-evenly;
  margin-top: 10px; }
  @media only screen and (min-width: 992px) {
    .new-outage-tracker .myoutage-detail-box {
      width: 240px !important;
      min-height: 74px; }
    .new-outage-tracker .collapsibleoutageTracker-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.2s ease-out; }
    .new-outage-tracker .collapsiblemyoutageTracker-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.2s ease-out; }
    .new-outage-tracker .sticky-outage-background {
      background-color: white;
      box-shadow: rgba(0, 0, 0, 0.12) 0px 3px 6px 0px; } }
  @media (max-width: 768px) {
    .new-outage-tracker .collapsibleoutageTracker-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.2s ease-out; }
    .new-outage-tracker .collapsiblemyoutageTracker-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.2s ease-out; }
    .new-outage-tracker .sticky-outage-background {
      background-color: white;
      box-shadow: rgba(0, 0, 0, 0.12) 0px 3px 6px 0px; } }
  .new-outage-tracker .statusTracker {
    top: -10px !important;
    margin-bottom: 15px;
    margin-top: -12px; }
  @media screen and (max-width: 768px) {
    .new-outage-tracker .statusTracker {
      top: -30px !important; } }
  .new-outage-tracker .myoutage-tracker-title {
    padding: 10px 0;
    color: #fff;
    width: auto;
    background-color: #632656; }
  .new-outage-tracker .viewonoutagemap {
    margin-right: 60px;
    position: relative;
    top: -45px;
    float: right; }
  .new-outage-tracker .outage-detail {
    margin-top: -50px; }
  @media screen and (max-width: 768px) {
    .new-outage-tracker .outage-detail {
      margin-top: 60px; } }
  @media only screen and (max-width: 991px) {
    .new-outage-tracker .viewonoutagemap {
      float: none;
      text-align: center;
      margin-right: 0;
      margin-top: 50px; } }
  .new-outage-tracker .outage-tracker-title {
    padding: 10px 0;
    color: #fff;
    width: auto;
    background-color: #ed9f1b; }
  .new-outage-tracker .outage-tracker-title-text {
    font-size: 18px;
    font-family: 'roboto-bold';
    color: #ffffff; }
  .new-outage-tracker .outage-tracker-title-lastupdatetext {
    font-size: 14px;
    font-family: 'roboto-regular';
    color: #ffffff; }
  .new-outage-tracker .outage-tracker-container {
    text-align: center;
    display: block; }
    .new-outage-tracker .outage-tracker-container .hve-header {
      text-align: left;
      margin-left: 60px;
      margin-top: 20px; }
      @media only screen and (max-width: 991px) {
        .new-outage-tracker .outage-tracker-container .hve-header {
          margin-left: 25px; } }
      .new-outage-tracker .outage-tracker-container .hve-header .hve-title-image {
        vertical-align: middle; }
        .new-outage-tracker .outage-tracker-container .hve-header .hve-title-image img {
          width: 30px; }
      .new-outage-tracker .outage-tracker-container .hve-header .hve-title {
        font-size: 14px;
        font-family: "Roboto Medium", "Roboto", sans-serif;
        font-weight: bold;
        color: #242424;
        margin-left: 7px; }
    .new-outage-tracker .outage-tracker-container .hve-body-text {
      width: 1028px;
      height: 84px;
      padding: 15px 20px 15px 20px;
      border: 1px solid #d2d2d2;
      background-color: #f2f2f2;
      box-sizing: border-box;
      font-family: "Roboto", sans-serif;
      color: #4a4a4a;
      text-align: left;
      line-height: 24px;
      overflow-y: scroll;
      margin: 10px 56px 15px; }
    @media only screen and (max-width: 991px) {
      .new-outage-tracker .outage-tracker-container .hve-body-text {
        width: auto;
        height: auto;
        margin: 10px 5% 15px;
        overflow-y: visible; } }
  .new-outage-tracker .outage-tracker {
    width: 100%;
    margin: 20px auto 10px;
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap; }
    .new-outage-tracker .outage-tracker .img-outage-tracker {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative; }
    .new-outage-tracker .outage-tracker .img-outage-tracker:first-child {
      padding-left: 78px; }
    .new-outage-tracker .outage-tracker .img-outage-tracker:last-child {
      padding-right: 78px; }
  .new-outage-tracker .status-line,
  .new-outage-tracker .status-grey-line {
    width: 240px;
    height: 2px;
    border: 2px solid;
    background-color: transparent;
    box-sizing: border-box; }
  .new-outage-tracker .status-line {
    border-color: #ed9f1b; }
  .new-outage-tracker .status-grey-line {
    border-color: #9b9b9b; }
  .new-outage-tracker .fa-plus {
    margin-top: 3px; }
  .new-outage-tracker .fa-minus {
    margin-top: 3px; }
  @media (max-width: 768px) {
    .new-outage-tracker .fa-plus {
      margin-top: 8px; }
    .new-outage-tracker .fa-minus {
      margin-top: 8px; } }
  @media screen and (max-width: 768px) {
    .new-outage-tracker .status-line,
    .new-outage-tracker .status-grey-line {
      width: 40px; }
    .new-outage-tracker .outage-tracker .img-outage-tracker:first-child {
      padding-left: 16px; }
    .new-outage-tracker .outage-tracker .img-outage-tracker:last-child {
      padding-right: 14px; } }
  .new-outage-tracker .getoutagenotification {
    background-color: rgba(255, 255, 255, 0);
    box-sizing: border-box;
    font-family: "Roboto Condensed Bold", "Roboto Condensed", "Roboto", sans-serif;
    font-weight: 700;
    color: #1771cc; }
  @media screen and (max-width: 768px) {
    .new-outage-tracker .getoutagenotification {
      margin-bottom: 20px; } }
  .new-outage-tracker .getoutage {
    margin-top: 20px;
    margin-bottom: 20px; }
  @media screen and (max-width: 768px) {
    .new-outage-tracker .getoutage {
      margin-top: 20px;
      margin-bottom: 0px;
      margin-left: 0px; } }
  .new-outage-tracker .manageoutage {
    margin-top: -5px; }
  @media screen and (max-width: 768px) {
    .new-outage-tracker .manageoutage {
      margin-left: 0px;
      margin-top: 0px; } }
  .new-outage-tracker .img-outage-tracker .status {
    border-radius: 50%;
    width: 48px;
    height: 48px;
    background-color: #ed9f1b;
    box-sizing: border-box; }
    .new-outage-tracker .img-outage-tracker .status .img-tracker {
      margin: 12px;
      width: 24px;
      height: 24px;
      opacity: .7; }
  .new-outage-tracker .img-outage-tracker .status-selected {
    background-color: #edc21b; }
    .new-outage-tracker .img-outage-tracker .status-selected .img-tracker {
      opacity: 1; }
  .new-outage-tracker .outage-tracker-text {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    width: 100%;
    font-size: 14px; }
  .new-outage-tracker .outage-tracker-status-text {
    vertical-align: text-top;
    display: inline-block;
    width: 18%;
    text-align: center;
    height: auto;
    position: relative; }
    @media screen and (max-width: 768px) {
      .new-outage-tracker .outage-tracker-status-text {
        width: 19%; } }
  .new-outage-tracker .status-text-active {
    font-family: "Roboto Bold", "Roboto", sans-serif;
    font-weight: 700; }
  .new-outage-tracker .outage-box {
    width: 1140px; }
    @media only screen and (max-width: 992px) {
      .new-outage-tracker .outage-box {
        width: 100%; } }
  .new-outage-tracker .outage-tracker-location {
    align-items: center;
    margin: 10px 8%;
    display: flex;
    justify-content: space-between; }
  .new-outage-tracker .outage-tracker-city {
    font-size: 20px;
    font-family: Roboto Bold, Roboto, sans-serif;
    font-weight: 700;
    color: #4a4a4a;
    text-align: left;
    line-height: normal;
    margin-left: -30px; }
    @media screen and (max-width: 768px) {
      .new-outage-tracker .outage-tracker-city {
        margin-left: -10px; } }
  .new-outage-tracker .outage-tracker-details {
    margin: 20px 5%;
    gap: 2%;
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 992px) {
      .new-outage-tracker .outage-tracker-details {
        display: flow; } }
  @media only screen and (max-width: 991px) {
    .new-outage-tracker #MyOutage {
      display: none !important; } }
  .new-outage-tracker .outage-tracker-details-box {
    align-content: center;
    width: 190px;
    padding: 0px 15px 0px 15px;
    background-color: #DDDDDD;
    box-sizing: border-box;
    /*   font-family: Roboto, sans-serif; */
    color: #4a4a4a;
    text-align: left;
    line-height: 24px; }
    @media only screen and (max-width: 992px) {
      .new-outage-tracker .outage-tracker-details-box {
        margin: 10px 0;
        width: auto;
        height: auto; } }
  .new-outage-tracker .outage-tracker-details-box .Name {
    font-size: 16px;
    font-family: roboto-Medium;
    white-space: nowrap; }
  .new-outage-tracker .outage-tracker-details-box .timefields {
    font-size: 14px;
    font-family: Roboto-regular;
    white-space: nowrap; }
  .new-outage-tracker .outage-tracker-details-ishve .outage-tracker-details-box {
    width: 325px;
    min-height: 48px; }
  .new-outage-tracker .btn-sign-up-cust-int-cta {
    width: 120px;
    height: 40px;
    border-radius: 10px;
    border: 2px solid #1771cc;
    background-color: #ffffff;
    box-sizing: border-box;
    margin-right: 15px;
    margin-left: 15px; }
  .new-outage-tracker .btn-sign-up-cust-int-cta:hover {
    border: 2px solid #004A94; }
  .new-outage-tracker .btn-label {
    width: 58px;
    height: 17px;
    background-color: rgba(255, 255, 255, 0);
    box-sizing: border-box;
    font-family: "Roboto Medium", "Roboto", sans-serif;
    font-weight: 500;
    color: #1771cc;
    line-height: normal;
    font-size: 14px;
    vertical-align: top;
    margin-left: 5px; }
  .new-outage-tracker .btn-sign-up-cust-int-cta:hover .btn-label {
    font-family: "roboto-medium";
    font-size: 14px;
    color: #004A94; }
  .new-outage-tracker #unfollowIncBtn {
    border: 2px solid #d0021b; }
  .new-outage-tracker #unfollowIncBtn:hover {
    border: 2px solid #910112;
    color: #910112; }
  .new-outage-tracker #unfollowIncBtn:hover .btn-label {
    color: #910112; }
  .new-outage-tracker .btn-img-label {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 17px;
    background-color: rgba(255, 255, 255, 0); }
  .new-outage-tracker .follow-icon {
    width: 16px;
    height: 16px;
    box-sizing: border-box; }
  .new-outage-tracker .copy-icon {
    width: 16px;
    height: 16px;
    box-sizing: border-box; }
  .new-outage-tracker #unfollowIncBtn span {
    color: #d0021b; }

.psps-sticky-outages .outage-tracker-title {
  background-color: #e45d48 !important; }

.psps-sticky-outages .img-outage-tracker .status {
  background-color: #e45d48 !important; }

.psps-sticky-outages .img-outage-tracker .status-selected {
  background-color: #53150e !important; }

.psps-sticky-outages .status-line {
  border-color: #e45d48 !important; }

.pse-logo {
  float: left;
  height: 100%;
  width: 150px; }
  @media (max-width: 991px) {
    .pse-logo {
      padding: 0 11px 11px;
      width: 127px; }
      .pse-logo img {
        height: 52px;
        width: 104px; } }

.pse-primary-nav {
  position: inherit;
  width: 28.5%; }
  .pse-primary-nav .navbar {
    border: 0;
    position: inherit;
    margin-bottom: 0; }
  .pse-primary-nav .sub-navigation {
    /* Hide inactive image on hover */
    /* Show active image on hover */
    /* For the residential mobile images */ }
    .pse-primary-nav .sub-navigation .nav-item-image-mobile, .pse-primary-nav .sub-navigation .nav-item-image-mobile-active {
      display: none; }
    .pse-primary-nav .sub-navigation .business.dropdown.mega-dropdown.open {
      margin: 0;
      /* Update margin values */ }
    .pse-primary-nav .sub-navigation .nav-item-text {
      color: #797979; }
    .pse-primary-nav .sub-navigation .dropdown-toggle.selected .nav-item-text {
      color: #242424; }
    .pse-primary-nav .sub-navigation .open .nav-item-text {
      color: #242424; }
    .pse-primary-nav .sub-navigation .nav-item-image-active {
      display: none; }
    .pse-primary-nav .sub-navigation .open .nav-item-image-active {
      display: block; }
    .pse-primary-nav .sub-navigation .nav-item-image-inactive {
      display: block; }
    .pse-primary-nav .sub-navigation .open .nav-item-image-inactive {
      display: none; }
    .pse-primary-nav .sub-navigation .rectangle {
      height: 46px;
      background-color: rgba(255, 255, 255, 0);
      box-sizing: border-box;
      color: #242424;
      text-align: left;
      line-height: normal;
      border-radius: 0px;
      display: inline-block;
      padding: 6px 6px; }
    .pse-primary-nav .sub-navigation .open .rectangle {
      background-color: #83D2C8 !important; }
    .pse-primary-nav .sub-navigation .mega-dropdown .dropdown-toggle:hover .nav-item-image-inactive {
      display: none; }
    .pse-primary-nav .sub-navigation .mega-dropdown .dropdown-toggle:hover .nav-item-image-active {
      display: block; }
    .pse-primary-nav .sub-navigation .mega-dropdown .dropdown-toggle:hover .nav-item-text {
      color: #242424; }
    @media (max-width: 768px) {
      .pse-primary-nav .sub-navigation .nav-item-image-active,
      .pse-primary-nav .sub-navigation .nav-item-image-inactive,
      .pse-primary-nav .sub-navigation .nav-item-image-mobile,
      .pse-primary-nav .sub-navigation .nav-item-image-mobile-active {
        display: none; }
      .pse-primary-nav .sub-navigation .open .nav-item-image-active {
        display: none !important; }
      .pse-primary-nav .sub-navigation .open .nav-item-image-mobile-active {
        display: block;
        /* Show active image only */ }
      .pse-primary-nav .sub-navigation .open .nav-item-image-mobile {
        display: none; }
      .pse-primary-nav .sub-navigation .nav-item-image-mobile {
        display: block;
        /* Show inactive image only when not open */ } }
    .pse-primary-nav .sub-navigation .nav-item-image-mobile {
      width: 20px !important;
      height: 20px !important; }
    .pse-primary-nav .sub-navigation .nav-item-image-mobile-active {
      width: 20px !important;
      height: 20px !important; }
    .pse-primary-nav .sub-navigation #business img {
      width: 24px;
      height: 34px;
      box-sizing: border-box; }
    .pse-primary-nav .sub-navigation #residential img {
      width: 36px;
      height: 34px;
      box-sizing: border-box; }
    .pse-primary-nav .sub-navigation .nav-item-image {
      width: 24px;
      height: 24px;
      margin-right: 8px;
      /* Space between the image and the text */
      object-fit: contain;
      /* Ensures the image maintains its aspect ratio */ }
    .pse-primary-nav .sub-navigation .nav-item-content {
      display: flex;
      align-items: center;
      /* Aligns items vertically centered */
      padding: 0 10x; }
    @media (max-width: 768px) {
      .pse-primary-nav .sub-navigation .nav-item-text {
        color: #809da5; } }
    .pse-primary-nav .sub-navigation .open > .dropdown-menu {
      display: block;
      background: #006671; }
      @media (max-width: 768px) {
        .pse-primary-nav .sub-navigation .open > .dropdown-menu {
          background: #003c4b; } }
  .pse-primary-nav .navbar-left {
    margin-top: 10px;
    color: #4a4a4a;
    font-family: "roboto-condensed-bold";
    margin-bottom: 0;
    border: 0; }
    .pse-primary-nav .navbar-left .fa {
      padding-right: 10px;
      font-size: 20px; }
  .pse-primary-nav .navbar-nav > li > .dropdown-menu {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .pse-primary-nav .residential.mega-dropdown.open::after {
    margin-left: -86px; }
  .pse-primary-nav .business.mega-dropdown.open::after {
    margin-left: -70px; }
  .pse-primary-nav .mega-dropdown {
    position: inherit; }
    .pse-primary-nav .mega-dropdown:first-child {
      margin-right: 13px; }
    .pse-primary-nav .mega-dropdown.open::after {
      border-bottom: 15px solid #006671;
      border-right: 13px solid transparent;
      border-left: 13px solid transparent;
      content: '';
      margin-left: 40px;
      z-index: 10;
      position: absolute;
      bottom: 0; }
    .pse-primary-nav .mega-dropdown .dropdown-menu {
      border-radius: 0; }
      .pse-primary-nav .mega-dropdown .dropdown-menu .dropdown {
        padding: 10px 0;
        display: inline-block;
        margin: 0 20px; }
        @media (max-width: 768px) {
          .pse-primary-nav .mega-dropdown .dropdown-menu .dropdown {
            padding: 10px 0 0; } }
        .pse-primary-nav .mega-dropdown .dropdown-menu .dropdown.open {
          border-bottom: 5px solid #fff; }
          @media (max-width: 768px) {
            .pse-primary-nav .mega-dropdown .dropdown-menu .dropdown.open {
              border: none; } }
    .pse-primary-nav .mega-dropdown li {
      position: static;
      list-style: none;
      padding: 10px 0; }
      .pse-primary-nav .mega-dropdown li.dropdown-secondary > a {
        font-family: "roboto-regular"; }
        .pse-primary-nav .mega-dropdown li.dropdown-secondary > a span.caret {
          display: none; }
      .pse-primary-nav .mega-dropdown li.dropdown-secondary a {
        color: #fff !important;
        padding: 0;
        font-weight: normal;
        font-size: 18px; }
        .pse-primary-nav .mega-dropdown li.dropdown-secondary a:hover {
          background-color: transparent; }
        .pse-primary-nav .mega-dropdown li.dropdown-secondary a:focus {
          background-color: transparent; }
      .pse-primary-nav .mega-dropdown li.dropdown-secondary li ul a {
        font-size: 14px;
        font-family: "roboto-regular";
        line-height: 1.5;
        text-decoration: none; }
      .pse-primary-nav .mega-dropdown li.dropdown-secondary .dropdown-menu {
        width: 100%;
        border-top: 1px solid #003c4b;
        border-left-width: 0;
        border-right-width: 0;
        box-shadow: none;
        margin: 0;
        padding: 0;
        text-align: center;
        background: #003c4b;
        padding-bottom: 30px; }
        .pse-primary-nav .mega-dropdown li.dropdown-secondary .dropdown-menu > li {
          padding: 15px;
          width: 15%;
          display: inline-flex;
          text-align: left; }
        .pse-primary-nav .mega-dropdown li.dropdown-secondary .dropdown-menu .dropdown-header {
          padding: 3px 0;
          white-space: normal; }
          @media (max-width: 768px) {
            .pse-primary-nav .mega-dropdown li.dropdown-secondary .dropdown-menu .dropdown-header {
              margin-top: 29px; } }
          .pse-primary-nav .mega-dropdown li.dropdown-secondary .dropdown-menu .dropdown-header a {
            font-size: 16px;
            font-family: "roboto-condensed-bold";
            line-height: 1.5; }
            @media (max-width: 768px) {
              .pse-primary-nav .mega-dropdown li.dropdown-secondary .dropdown-menu .dropdown-header a {
                font-size: 14px;
                font-family: "roboto-bold"; } }
        .pse-primary-nav .mega-dropdown li.dropdown-secondary .dropdown-menu p {
          color: #fff; }
    .pse-primary-nav .mega-dropdown a.dropdown-toggle {
      background: transparent;
      color: #797979;
      font-size: 16px;
      font-family: "roboto-condensed-bold";
      border: 0; }
    .pse-primary-nav .mega-dropdown.open a.dropdown-toggle,
    .pse-primary-nav .mega-dropdown.open a.dropdown-toggle:hover,
    .pse-primary-nav .mega-dropdown.open a.dropdown-toggle:focus {
      background: transparent;
      color: #006671; }
    .pse-primary-nav .mega-dropdown.open .mega-dropdown-menu {
      padding: 0;
      width: 100%;
      box-shadow: none;
      margin-top: 0;
      border: 0;
      position: absolute;
      text-align: center; }
    .pse-primary-nav .mega-dropdown:nth-child(2).open .mega-dropdown-menu::before {
      left: 400px;
      color: #000; }

.navbar-default .navbar-nav > .open > a {
  background-color: transparent; }
  .navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent; }
  .navbar-default .navbar-nav > .open > a:hover {
    background-color: transparent; }

@media only screen and (max-width: 1024px) {
  .pse-primary-nav .mega-dropdown a.dropdown-toggle {
    padding: 10px 0; } }

@media (max-width: 991px) {
  .pse-primary-nav {
    width: 100%;
    display: table;
    padding: 0; }
    .pse-primary-nav .navbar {
      background-color: #006671;
      margin-bottom: 0;
      min-height: 45px;
      border-radius: 0; }
      .pse-primary-nav .navbar .navbar-header {
        padding: 0; }
        .pse-primary-nav .navbar .navbar-header .navbar-toggle {
          display: block;
          border: none;
          padding: 13px 24px;
          margin: 0; }
          .pse-primary-nav .navbar .navbar-header .navbar-toggle.collapsed span.open-menu a i.fa::before {
            content: '\f0c9'; }
          .pse-primary-nav .navbar .navbar-header .navbar-toggle span.open-menu a {
            color: #fff;
            text-decoration: none; }
            .pse-primary-nav .navbar .navbar-header .navbar-toggle span.open-menu a i.fa::before {
              content: '\f00d';
              margin-right: 8px;
              font-size: 20px; }
            .pse-primary-nav .navbar .navbar-header .navbar-toggle span.open-menu a span {
              text-transform: uppercase;
              font-size: 14px;
              position: relative;
              top: -2px;
              font-family: "roboto-condensed-bold"; }
          .pse-primary-nav .navbar .navbar-header .navbar-toggle .icon-bar {
            display: none; }
          .pse-primary-nav .navbar .navbar-header .navbar-toggle span.closemenu a {
            font-weight: bold;
            color: #fff;
            text-decoration: none; }
            .pse-primary-nav .navbar .navbar-header .navbar-toggle span.closemenu a::before {
              content: '\f00d';
              padding-right: 8px;
              font: normal normal normal 15px/1 FontAwesome; }
        .pse-primary-nav .navbar .navbar-header button {
          margin-right: 0;
          float: left; }
    .pse-primary-nav .navigation-menus {
      border-top: none;
      box-shadow: none;
      text-align: center;
      padding-left: 0;
      padding-right: 0; }
      .pse-primary-nav .navigation-menus.in {
        overflow-y: inherit; }
      .pse-primary-nav .navigation-menus .sub-navigation {
        margin: 0;
        width: 100%;
        padding: 0 10px; }
        .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown {
          width: 50%;
          margin: 0px 0px;
          height: 47px;
          display: inline-block; }
          .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown:first-child {
            margin-right: 0;
            border-right: 1px solid #003c4b; }
          .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown:nth-child(2).open .mega-dropdown-menu::before {
            left: 72%; }
          .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown a.dropdown-toggle,
          .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown a.dropdown-toggle:hover,
          .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown a.dropdown-toggle:focus {
            color: #809da5;
            font-family: "roboto-condensed-bold";
            font-size: 14px;
            padding: 12px 12px; }
          .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown.open a.dropdown-toggle,
          .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown.open a.dropdown-toggle:hover,
          .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown.open a.dropdown-toggle:focus {
            color: #fff; }
          .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown.open::after {
            content: none; }
          .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown.open > a {
            display: inline-block; }
            .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown.open > a::after {
              border-bottom: 5px solid #fff;
              content: '';
              height: 5px;
              display: block;
              position: relative;
              bottom: -9px; }
          .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown .mega-dropdown-menu {
            padding: 10px 20px; }
            .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown .mega-dropdown-menu::before {
              border-bottom: 10px solid #006671;
              border-right: 10px solid transparent;
              border-left: 10px solid transparent;
              top: -10px;
              left: 24%; }
            .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown .mega-dropdown-menu li.dropdown.dropdown-secondary {
              width: 100%;
              text-align: left; }
              .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown .mega-dropdown-menu li.dropdown.dropdown-secondary.open a.dropdown-toggle::before {
                content: '\f107';
                padding-right: 8px;
                font: normal normal normal 20px/1 FontAwesome; }
              .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown .mega-dropdown-menu li.dropdown.dropdown-secondary a.dropdown-toggle::before {
                content: '\f105';
                padding-right: 8px;
                font: normal normal normal 20px/1 FontAwesome; }
              .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown .mega-dropdown-menu li.dropdown.dropdown-secondary a.dropdown-toggle span {
                display: none; }
              .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown .mega-dropdown-menu li.dropdown.dropdown-secondary > a {
                font-family: "roboto-regular";
                font-size: 18px; }
            .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown .mega-dropdown-menu ul {
              position: inherit;
              border: 0;
              box-shadow: none;
              padding-left: 12px;
              padding-bottom: 0; }
              .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown .mega-dropdown-menu ul li {
                padding: 0 8px;
                line-height: 2;
                width: 100%; }
                .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown .mega-dropdown-menu ul li ul li {
                  padding: 0; }
                .pse-primary-nav .navigation-menus .sub-navigation .mega-dropdown .mega-dropdown-menu ul li a span {
                  display: none; } }

.sub-navigation .dropdown-backdrop {
  display: none !important; }

@media (max-width: 991px) {
  .navbar-collapse.collapse,
  .sub-navigation .dropdown-backdrop {
    display: none !important; }
  .navbar-collapse.collapse.in {
    display: block !important; }
  .navbar-header .collapse, .navbar-toggle {
    display: block !important; }
  .navbar-header {
    float: none;
    border-bottom: 1px solid #fff; } }

.pse-secondary-nav {
  margin-top: 19px;
  padding-left: 0px;
  text-align: right;
  width: 31%; }
  .pse-secondary-nav .initialShow {
    display: inline-block; }
  .pse-secondary-nav .initialHide {
    display: none; }
  .pse-secondary-nav ul li {
    float: left;
    margin-right: 25px; }
    @media (max-width: 1024px) {
      .pse-secondary-nav ul li {
        margin-right: 5px; } }
    .pse-secondary-nav ul li span + span {
      vertical-align: top; }
    @media (max-width: 991px) {
      .pse-secondary-nav ul li span {
        display: inline-block;
        width: 100%;
        text-align: center; }
        .pse-secondary-nav ul li span img {
          margin: 0; } }
    .pse-secondary-nav ul li:last-child {
      margin-right: 0; }
    .pse-secondary-nav ul li.open a {
      background: transparent; }
      .pse-secondary-nav ul li.open a:hover, .pse-secondary-nav ul li.open a:focus {
        background: transparent;
        text-decoration: none; }
    .pse-secondary-nav ul li.open .initialShow {
      display: none; }
    .pse-secondary-nav ul li.open .initialHide {
      display: inline-block; }
    .pse-secondary-nav ul li.open .dropdown-menu {
      left: -50%;
      right: -50%;
      width: 194px;
      border-radius: 0;
      border: none;
      top: 37px;
      box-shadow: 0 0 5px 5px #c5c5c5;
      -webkit-box-shadow: 0 0 5px 5px #c5c5c5;
      -moz-box-shadow: 0 0 5px 5px #c5c5c5; }
      @media (max-width: 991px) {
        .pse-secondary-nav ul li.open .dropdown-menu {
          left: auto;
          right: 5px;
          z-index: 10000;
          top: 60px; } }
      .pse-secondary-nav ul li.open .dropdown-menu a {
        white-space: normal; }
    .pse-secondary-nav ul li.open > a:after {
      content: '';
      border-bottom: 5px solid #006671;
      display: block;
      position: relative;
      bottom: -6px; }
    .pse-secondary-nav ul li a {
      color: #4a4a4a;
      background: transparent;
      font-family: "roboto-condensed-bold";
      font-size: 16px;
      cursor: pointer;
      text-decoration: none;
      text-transform: uppercase;
      padding: 0 5px; }
      @media (max-width: 991px) {
        .pse-secondary-nav ul li a {
          font-size: 13px; } }
      .pse-secondary-nav ul li a:hover, .pse-secondary-nav ul li a:focus {
        background: transparent;
        text-decoration: none; }
    .pse-secondary-nav ul li ul li {
      padding: 5px 0;
      width: 100%;
      margin: 0; }
      .pse-secondary-nav ul li ul li:first-child {
        padding-top: 23px; }
      .pse-secondary-nav ul li ul li a {
        padding: 0px 27px 18px;
        font-family: "roboto-regular";
        color: #003c4b;
        text-transform: none;
        font-size: 16px; }
    .pse-secondary-nav ul li .logInOut {
      border-top: 1px solid #c2c2c2; }
      .pse-secondary-nav ul li .logInOut a {
        padding: 7px 27px 7px; }
  .pse-secondary-nav img {
    margin-right: 4px; }
  .pse-secondary-nav .dropdown-backdrop {
    display: none; }

.pse-secondary-nav img.mobileicon {
  display: none; }

.pse-secondary-nav ul li.open .initialHide.mobileiconactive {
  display: none; }

@media (max-width: 991px) {
  .pse-secondary-nav img.mobileicon {
    display: block; } }

@media (max-width: 991px) {
  .pse-secondary-nav ul li.open .initialHide.mobileiconactive {
    display: block; } }

@media only screen and (max-width: 1024px) {
  .pse-secondary-nav {
    text-align: left;
    padding: 0; }
    .pse-secondary-nav ul li {
      display: inline-block; } }

@media (max-width: 991px) {
  .pse-secondary-nav ul li img.lang1, .pse-secondary-nav .language-menu ul li img {
    margin-right: 15px;
    margin-top: 5px; } }

@media (max-width: 991px) {
  .pse-secondary-nav ul li span.selectedLanguageCode {
    width: 60%;
    margin-top: -28px;
    float: right;
    line-height: 1.43; } }

@media (max-width: 991px) {
  .pse-secondary-nav {
    margin-top: 0;
    float: right;
    width: 62%;
    text-align: right;
    padding-right: 8px; }
    .pse-secondary-nav .nav {
      display: flex; }
    .pse-secondary-nav ul {
      float: right; }
      .pse-secondary-nav ul li {
        position: static; }
        .pse-secondary-nav ul li a {
          padding: 0; }
  #header .row {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap; }
  .pse-primary-nav {
    order: 3;
    -webkit-order: 3; }
  .pse-secondary-nav {
    order: 2;
    -webkit-order: 2;
    position: absolute;
    right: 0; }
  .pse-search-box {
    order: 4;
    -webkit-order: 4; } }

.pse-secondary-nav .language-menu ul li.open > a:after {
  border-bottom: 0 solid #006671 !important; }

.pse-secondary-nav .language-menu ul li a {
  margin-bottom: 3px;
  white-space: nowrap; }

@media (max-width: 991px) {
  .language-menu ul.nav li a.dropdown-toggle span {
    font-size: 14px; } }

@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  .pse-primary-nav {
    width: 26%; }
    .pse-primary-nav .nav li a {
      padding: 10px 5px; }
  .pse-secondary-nav ul li {
    margin-right: 5px; } }

.pse-search-box {
  padding-left: 0;
  position: relative;
  margin-top: 10px;
  width: 25.9%; }
  .pse-search-box input {
    border-radius: 0;
    border-color: #979797;
    color: #242424;
    font-size: 18px;
    height: 45px;
    margin-top: 12px;
    padding-right: 40px; }
    .pse-search-box input:focus {
      border-color: #979797;
      box-shadow: none; }
    .pse-search-box input::placeholder {
      color: #717171; }
    .pse-search-box input:-ms-input-placeholder, .pse-search-box input::-ms-input-placeholder {
      color: #717171; }

.pse-search-box .component-content.hasLangMenu {
  display: flex;
  justify-content: end;
  border-left: 1px solid #7e8c9a;
  align-items: center;
  padding: 0px 0px 0px 10px;
  overflow: hidden; }

.pse-search-box .component-content.hasLangMenu:has(.language-menu ul li.open) {
  overflow: initial; }

span.selectedLanguageCode {
  vertical-align: super !important; }

span.selectedLanguageCode {
  text-transform: uppercase; }

@media only screen and (max-width: 768px) {
  .pse-search-box .component-content.hasLangMenu {
    display: block;
    border-left: none;
    overflow: initial; }
  span.selectedLanguageCode {
    color: white; }
  .language-menu {
    float: right;
    border-right: 1px solid white;
    padding-right: 10px; } }

.language-menu img {
  margin-top: 3px; }

.language-menu {
  padding-right: 10px; }

span.selectedLanguageCode {
  text-transform: uppercase; }

.search-fullWidth {
  width: 100% !important; }

.default-search {
  margin-top: 0px; }
  .default-search span {
    position: absolute;
    top: 24px;
    right: 25px; }
  .default-search > .search-initial {
    display: none !important; }
  .default-search .search-items input {
    margin: 0 !important; }
  .default-search .search-items span {
    margin-top: -2px !important;
    padding: 9px 6px 5px !important; }
    .default-search .search-items span i {
      font-size: 19px; }

@media only screen and (max-width: 1024px) {
  .pse-search-box {
    width: 23%; }
  .default-search {
    width: 23%; } }

.CoveoSearchInterface {
  min-width: 100% !important; }

.hasLangMenu .CoveoSearchInterface {
  min-width: 70% !important;
  padding-left: 15px;
  -webkit-transition: min-width .35s ease-in-out;
  transition: min-width .35s ease-in-out; }
  @media only screen and (min-width: 769px) {
    .hasLangMenu .CoveoSearchInterface {
      float: left; } }

.hasLangMenu .CoveoSearchInterface:focus-within {
  min-width: 100% !important; }

@media (max-width: 991px) {
  .default-search {
    margin-top: 10px; }
  .pse-search-box {
    float: right;
    position: absolute;
    padding: 0 15px;
    right: 0;
    top: 73px;
    width: 75%; }
    .pse-search-box .search-initial {
      margin-top: 6px;
      float: right;
      padding-right: 15px;
      color: #fff;
      cursor: pointer;
      display: block; }
      .pse-search-box .search-initial label, .pse-search-box .search-initial span.selectedLanguageCode {
        font-family: "roboto-condensed-bold";
        font-size: 14px;
        line-height: 1.43;
        padding-right: 8px;
        padding-left: 15px; }
      .pse-search-box .search-initial .fa {
        font-size: 20px; }
    .pse-search-box .search-items {
      display: none;
      padding: 0 7px 0 15px;
      background: #006671; }
      .pse-search-box .search-items .search-close {
        display: inline-block;
        color: #fff;
        font-size: 22px;
        padding-right: 25px; }
      .pse-search-box .search-items input {
        height: 35px;
        background: #fff;
        width: 76%;
        display: inline-block;
        margin: 7px 0;
        color: #006671;
        border: none; }
        .pse-search-box .search-items input::-webkit-input-placeholder, .pse-search-box .search-items input::-moz-placeholder, .pse-search-box .search-items input:-ms-input-placeholder, .pse-search-box .search-items input:-moz-placeholder {
          color: #006671 !important; }
      .pse-search-box .search-items span {
        position: static;
        background: #fff;
        padding: 9px 6px 4px;
        display: inline-block; }
        .pse-search-box .search-items span .pse-search {
          color: #006671;
          font-size: 20px; }
          .pse-search-box .search-items span .pse-search::before {
            padding: 0;
            position: relative;
            bottom: 4px; } }

header {
  background-color: rgba(255, 255, 255, 0.9);
  color: #4a4a4a;
  margin-bottom: 0;
  padding: 13px 0;
  position: relative; }
  @media (max-width: 991px) {
    header {
      padding: 10px 0 0; } }
  @media (max-width: 991px) {
    header #header {
      margin: 0;
      width: 100%; } }
  header #header .row {
    position: static; }

a.skip-to-main-content-link {
  position: absolute;
  left: -9999px;
  z-index: 999;
  padding: 1em;
  background-color: #006671;
  border-radius: 24px;
  color: white;
  opacity: 0; }

.skip-to-main-content-link:focus {
  left: 8%;
  transform: translateX(-50%);
  opacity: 1;
  margin-top: 10px; }

.pse-secondary-header {
  background: #006671;
  position: absolute;
  padding: 25px 0;
  width: 100%;
  left: 0;
  top: 0; }
  .pse-secondary-header .btn-cancel {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-top: 10px; }
    .pse-secondary-header .btn-cancel:hover, .pse-secondary-header .btn-cancel:focus {
      color: #fff; }
    @media (max-width: 768px) {
      .pse-secondary-header .btn-cancel {
        margin-top: 15px; }
        .pse-secondary-header .btn-cancel .fa {
          font-size: 20px; } }

.hero-section .banner-img {
  width: 100%; }

.hero-section .right-cta .btn-sign-up {
  float: right;
  padding: 0 30px; }

.hero-section .middle-cta {
  padding-right: 0; }
  .hero-section .middle-cta img {
    width: 100%; }

.cta-news h1 {
  margin: 20px 0;
  text-align: center; }

.cta-news h2 {
  margin: 30px 0 20px; }

.cta-news a {
  border: 0;
  color: #808080;
  text-decoration: none; }

.terms-condition .form-check.custom-checkbox label .form-check-label {
  color: #4a4a4a;
  font-size: 14px;
  margin-left: 35px; }

.main-hero-section .fa-right {
  color: #1771cc;
  padding-left: 5px; }

.main-hero-section a {
  color: #1771cc;
  font-weight: bold; }

.main-hero-section .main-hero-top {
  color: #4a4a4a;
  margin: 50px 0; }
  .main-hero-section .main-hero-top img {
    margin: auto; }
  .main-hero-section .main-hero-top .main-hero-content {
    margin-top: 20px;
    text-align: center; }
    .main-hero-section .main-hero-top .main-hero-content h3 {
      margin-bottom: 20px; }

.article-section .main-hero-bottom {
  color: #4a4a4a;
  margin: 50px 0;
  text-align: left; }
  .article-section .main-hero-bottom h2 {
    margin-bottom: 30px;
    text-align: center; }
  .article-section .main-hero-bottom .latest-pse {
    margin-bottom: 40px; }
  .article-section .main-hero-bottom .news-sec {
    border: 1px solid #979797;
    min-height: 370px; }
    .article-section .main-hero-bottom .news-sec .news-sec-img {
      width: 100%; }
    .article-section .main-hero-bottom .news-sec .news-sec-content {
      padding: 20px 10px; }

@media only screen and (max-width: 768px) {
  .article-section .main-hero-bottom {
    margin-top: 0; }
    .article-section .main-hero-bottom .news-sec {
      margin-top: 30px;
      min-height: 0; }
    .article-section .main-hero-bottom h2 {
      margin-bottom: 0; }
    .article-section .main-hero-bottom .latest-pse {
      margin-bottom: 0;
      padding: 0; }
    .article-section .main-hero-bottom .latest-pse-bottom {
      padding: 0; } }

.separator {
  padding: 0 0 70px 0; }
  .separator.separator-pale-blue {
    background: #b8dcdb; }
  .separator.separator-grey {
    background-color: #f6f6f6; }
  .separator .separator-title {
    margin-top: 10px;
    margin-bottom: 66px;
    text-align: center;
    text-transform: uppercase;
    font-family: "roboto-condensed-bold";
    font-size: 46px;
    color: #717171; }
    @media (max-width: 768px) {
      .separator .separator-title {
        font-size: 32px;
        margin-bottom: 20px; } }

.account-pay-section {
  background-color: #e5ebf2;
  padding: 50px 40px; }
  .account-pay-section .account-pay-logo {
    float: left;
    margin: 7px 10px 0 0;
    width: 100px; }
  .account-pay-section .account-pay-text {
    margin-left: 110px; }
    .account-pay-section .account-pay-text p {
      font-size: 16px; }
      .account-pay-section .account-pay-text p:last-child {
        margin-bottom: 0; }

@media (min-width: 768px) and (max-width: 991px) {
  .account-pay-section .account-pay {
    margin: 0 auto;
    width: 50%; } }

.account-balance {
  background-color: #7dc5c3;
  color: #fff;
  font-weight: 500;
  min-height: 145px;
  padding: 33px 0;
  text-align: center; }
  .account-balance h2 {
    margin-top: 0; }
  .account-balance p {
    font-size: 16px; }

.pse-tabs {
  padding-top: 15px; }
  .pse-tabs > .col-md-12 {
    position: inherit; }
  .pse-tabs .nav-tabs {
    border-bottom: 1px solid #006570; }
    .pse-tabs .nav-tabs li {
      margin-bottom: 1px; }
      .pse-tabs .nav-tabs li > a {
        color: #4a4a4a;
        font-size: 16px; }
        .pse-tabs .nav-tabs li > a:hover {
          background-color: transparent;
          border-color: #fff; }
      .pse-tabs .nav-tabs li.active > a {
        color: #006570;
        border: 0;
        border-bottom: 4px solid #006570;
        font-weight: bold;
        margin-bottom: -2px; }
  .pse-tabs .button-component {
    float: right;
    margin-bottom: 20px; }

@media screen and (max-width: 1023px) {
  .pse-tabs .nav-tabs > li {
    width: 50%; }
    .pse-tabs .nav-tabs > li a {
      font-size: 11px; }
      .pse-tabs .nav-tabs > li a.no-document {
        display: none; } }

.data-table {
  float: left;
  padding-top: 40px;
  width: 100%; }
  .data-table table {
    min-width: 1024px;
    width: 100%; }
    .data-table table thead {
      color: #fff;
      background: #474b55;
      text-transform: uppercase; }
      .data-table table thead tr th {
        padding: 10px; }
        .data-table table thead tr th .fa {
          cursor: pointer;
          font-size: 15px;
          margin-left: 6px; }
          .data-table table thead tr th .fa.fa-filter:before {
            color: #b5b7bb; }
        .data-table table thead tr th.dropdown-menu {
          position: absolute; }
    .data-table table tbody tr:nth-of-type(2n+1) {
      background-color: #f1f9f8; }
    .data-table table tbody tr td {
      padding: 10px 8px; }
      .data-table table tbody tr td.headcol {
        padding-left: 10px; }
        .data-table table tbody tr td.headcol span.grey-icons {
          color: #9b9b9b;
          margin-left: 5px;
          text-align: center;
          width: 25px; }
      .data-table table tbody tr td a {
        color: #197ee3;
        margin-right: 30px; }
        .data-table table tbody tr td a:hover {
          text-decoration: none; }
        .data-table table tbody tr td a span {
          margin-left: 5px; }
        .data-table table tbody tr td a:last-child {
          margin-right: 0; }

@media screen and (max-width: 1023px) {
  .data-table {
    overflow-x: auto; }
  .tab-content .tab-title {
    display: none; }
  .tab-content .button-component {
    text-align: center;
    float: none; } }

#no-document-history {
  margin-bottom: 50px; }
  #no-document-history .document-head {
    margin-bottom: 40px;
    margin-top: 20px; }
  @media (max-width: 991px) {
    #no-document-history .document-logo {
      text-align: center; }
    #no-document-history .document-text {
      margin-top: 20px; } }

.table-description {
  color: #4a4a4a;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: 0.3px; }

.table-head {
  color: #474b55;
  font-weight: 300;
  margin-top: 30px; }

.pse-datatable {
  margin: 20px 0 30px;
  position: relative; }
  @media (max-width: 991px) {
    .pse-datatable {
      margin: 45px 0 20px; } }
  .pse-datatable thead {
    background: #474b55;
    color: #fff;
    text-transform: uppercase; }
    .pse-datatable thead th {
      background: #474b55;
      border-bottom: 0 !important;
      font-size: 14px;
      padding: 12px 15px !important;
      position: relative;
      white-space: nowrap;
      letter-spacing: 0.3px; }
      @media (max-width: 991px) {
        .pse-datatable thead th {
          padding: 12px 10px !important;
          font-size: 13px; } }
      @media (max-width: 480px) {
        .pse-datatable thead th {
          font-size: 14px; } }
      .pse-datatable thead th:focus {
        outline: none; }
      .pse-datatable thead th .custom-filter {
        color: #bbbbbb;
        margin: 0 0 0 35px; }
        @media (max-width: 991px) {
          .pse-datatable thead th .custom-filter {
            margin: 0 0 0 20px; } }
        .pse-datatable thead th .custom-filter .dropdown-menu {
          color: #474b55; }
          .pse-datatable thead th .custom-filter .dropdown-menu .filter-header {
            font-size: 16px;
            text-transform: capitalize; }
      .pse-datatable thead th.sorting .sort-icon::after {
        content: '\f0dc'; }
      .pse-datatable thead th.sorting .pse-sort-icon::after {
        content: '\f175'; }
      .pse-datatable thead th.sorting_asc .sort-icon {
        border-bottom: 2px solid; }
        .pse-datatable thead th.sorting_asc .sort-icon::after {
          content: '\f176'; }
      .pse-datatable thead th.sorting_asc .pse-sort-icon::after {
        content: '\f176'; }
      .pse-datatable thead th.sorting_desc .sort-icon {
        border-bottom: 2px solid; }
        .pse-datatable thead th.sorting_desc .sort-icon::after {
          content: '\f175'; }
      .pse-datatable thead th.sorting_desc .pse-sort-icon::after {
        content: '\f175'; }
      .pse-datatable thead th .sort-icon::after {
        font-family: FontAwesome;
        margin-left: 15px;
        position: absolute; }
        @media (max-width: 991px) {
          .pse-datatable thead th .sort-icon::after {
            margin-left: 7px; } }
      .pse-datatable thead th .pse-sort-icon::after {
        font-family: FontAwesome;
        margin-left: 5px; }
  .pse-datatable tbody {
    font-size: 16px;
    color: #4a4a4a;
    line-height: 1.5;
    letter-spacing: .1px; }
    @media (max-width: 991px) {
      .pse-datatable tbody {
        font-size: 15px; } }
    @media (max-width: 480px) {
      .pse-datatable tbody {
        font-size: 14px; } }
    .pse-datatable tbody tr.odd, .pse-datatable tbody tr .sorting_1, .pse-datatable tbody tr .sorting_2 {
      background-color: transparent !important; }
    .pse-datatable tbody tr.even {
      background-color: rgba(208, 232, 231, 0.3); }
      .pse-datatable tbody tr.even:hover {
        background-color: rgba(208, 232, 231, 0.3) !important; }
    .pse-datatable tbody td {
      border-top: none !important;
      padding: 10px 10px 15px 15px !important;
      text-align: center; }
      @media (max-width: 991px) {
        .pse-datatable tbody td {
          padding: 10px 0 15px 10px !important; } }
      .pse-datatable tbody td .activity-data {
        font-size: 16px;
        color: #4a4a4a; }
        .pse-datatable tbody td .activity-data:hover {
          text-decoration: none; }
        .pse-datatable tbody td .activity-data span {
          display: inline-block;
          vertical-align: top; }
        @media (max-width: 991px) {
          .pse-datatable tbody td .activity-data {
            font-size: 14px; }
            .pse-datatable tbody td .activity-data span {
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              width: 55%; } }
        @media (max-width: 767px) {
          .pse-datatable tbody td .activity-data.pay-link {
            color: #1771cc;
            font-weight: 500; } }
        @media (max-width: 480px) {
          .pse-datatable tbody td .activity-data {
            font-size: 14px; } }
      .pse-datatable tbody td img.activity-icon {
        color: #9b9b9b;
        margin-right: 8px; }
      .pse-datatable tbody td i {
        padding-right: 5px; }
        .pse-datatable tbody td i.activity-icon {
          color: #9b9b9b;
          margin-top: 5px;
          width: 25px; }
          .pse-datatable tbody td i.activity-icon.fa-warning {
            color: #c41f3d; }
        .pse-datatable tbody td i.mobile-icon {
          display: none;
          font-size: 20px; }
          @media (max-width: 767px) {
            .pse-datatable tbody td i.mobile-icon {
              display: inline-block; } }
          @media (max-width: 480px) {
            .pse-datatable tbody td i.mobile-icon {
              font-size: 18px; } }
      .pse-datatable tbody td a {
        font-weight: 500; }
        .pse-datatable tbody td a.download-doc {
          color: #1771cc;
          text-transform: capitalize; }
        .pse-datatable tbody td a.download-bill {
          color: #1771cc; }
          .pse-datatable tbody td a.download-bill i {
            font-weight: 600; }
        .pse-datatable tbody td a.download-bill-view {
          color: #1771cc; }
          .pse-datatable tbody td a.download-bill-view i {
            font-weight: 600; }
        .pse-datatable tbody td a.open-inserturl {
          color: #197ee3; }
        .pse-datatable tbody td a i {
          padding-right: 10px; }
        .pse-datatable tbody td a.open-inserturl img {
          width: 15px;
          height: auto;
          margin-right: 10px; }
        .pse-datatable tbody td a + a {
          margin-left: 30px; }
          @media (min-width: 767px) and (max-width: 1199px) {
            .pse-datatable tbody td a + a {
              display: block;
              margin-left: 0;
              margin-top: 10px; } }
        .pse-datatable tbody td a.tooltip-wrap {
          text-decoration: none; }
          .pse-datatable tbody td a.tooltip-wrap i {
            padding-left: 5px;
            vertical-align: middle; }
      .pse-datatable tbody td p {
        margin-bottom: 0; }
  .pse-datatable div.dataTables_info {
    width: 100%;
    text-align: center;
    margin-top: 30px; }
    .pse-datatable div.dataTables_info + div.dataTables_paginate {
      display: none; }
  .pse-datatable .dt-more-container {
    margin: 30px 0; }
    .pse-datatable .dt-more-container .btn-load-more {
      background-color: transparent;
      border: none;
      color: #1771cc;
      font-size: 18px;
      font-weight: bold;
      text-transform: uppercase; }
      .pse-datatable .dt-more-container .btn-load-more:hover {
        color: #004A94; }
      @media (max-width: 767px) {
        .pse-datatable .dt-more-container .btn-load-more {
          border: 2px solid #1771cc;
          border-radius: 20px;
          padding: 7px 20px; } }
      .pse-datatable .dt-more-container .btn-load-more i {
        padding-left: 10px; }
        @media (max-width: 767px) {
          .pse-datatable .dt-more-container .btn-load-more i {
            display: none; } }
      .pse-datatable .dt-more-container .btn-load-more:focus {
        outline: none; }
  .pse-datatable table.dataTable.no-footer {
    border-bottom: 1px solid #c3c3c3; }
  @media (max-width: 767px) {
    .pse-datatable {
      border: 0; } }

.btn-download {
  background-color: transparent;
  border: 2px solid #1771cc;
  border-radius: 20px;
  color: #1771cc;
  font-size: 16px;
  font-weight: bold;
  padding: 6px 25px;
  text-transform: uppercase; }
  .btn-download:focus {
    outline: none; }
  .btn-download:hover {
    border: solid 2px #004A94;
    background-color: #004A94;
    color: #fff; }
  @media (max-width: 991px) {
    .btn-download {
      margin-top: 20px; } }

.dataTables_length, .dataTables_filter {
  display: none; }

[data-customfilter-dropdown] {
  position: absolute; }
  [data-customfilter-dropdown] .errorMessage {
    display: none;
    top: 0; }
  [data-customfilter-dropdown] select {
    border-radius: 0; }
    [data-customfilter-dropdown] select:focus {
      border-color: #c3c3c3;
      box-shadow: none; }
  [data-customfilter-dropdown] select, [data-customfilter-dropdown] .checkbox label {
    text-transform: capitalize; }
  [data-customfilter-dropdown] .dropdown-menu {
    border: 1px solid #d8d8d8;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    border-radius: 0;
    padding: 15px;
    width: 230px;
    max-height: 280px;
    overflow-y: auto;
    margin: 0; }
    @media (max-width: 767px) {
      [data-customfilter-dropdown] .dropdown-menu {
        width: 100%; } }
    [data-customfilter-dropdown] .dropdown-menu input[type="text"] {
      border-radius: 0; }
      [data-customfilter-dropdown] .dropdown-menu input[type="text"]:focus {
        border-color: #c3c3c3;
        box-shadow: none; }
    [data-customfilter-dropdown] .dropdown-menu label p {
      margin-bottom: 0; }
    [data-customfilter-dropdown] .dropdown-menu .close-menu.fa.fa-times {
      color: #4a4a4a;
      cursor: pointer;
      float: right;
      font-size: 20px; }
      [data-customfilter-dropdown] .dropdown-menu .close-menu.fa.fa-times:hover {
        text-decoration: none; }
    [data-customfilter-dropdown] .dropdown-menu .filter-header {
      color: #4a4a4a;
      font-size: 18px;
      letter-spacing: -0.3px;
      margin: 15px 0; }
      @media (max-width: 768px) {
        [data-customfilter-dropdown] .dropdown-menu .filter-header {
          font-size: 15px; } }
    [data-customfilter-dropdown] .dropdown-menu .filter-button-wrapper {
      margin-top: 20px; }
      [data-customfilter-dropdown] .dropdown-menu .filter-button-wrapper .btn-clear {
        border-color: transparent;
        color: #1771cc; }
        [data-customfilter-dropdown] .dropdown-menu .filter-button-wrapper .btn-clear:hover {
          background-color: transparent;
          color: #004A94; }
      [data-customfilter-dropdown] .dropdown-menu .filter-button-wrapper .btn-update {
        background-color: #1771cc;
        border-color: #1771cc;
        color: #fff; }
        [data-customfilter-dropdown] .dropdown-menu .filter-button-wrapper .btn-update:hover {
          border: solid 1px #004A94;
          background-color: #004A94; }
      [data-customfilter-dropdown] .dropdown-menu .filter-button-wrapper a.btn.btn-default {
        border-radius: 25px;
        width: 100%;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: bold; }
      @media (max-width: 768px) {
        [data-customfilter-dropdown] .dropdown-menu .filter-button-wrapper div + div {
          margin-top: 10px; } }

div.datepicker > div {
  display: block; }

.list-view-data {
  padding: 0;
  margin: 40px 0 20px 0; }
  .list-view-data .back-btn {
    background-color: #474b55;
    color: #fff;
    display: block;
    font-size: 18px;
    padding: 10px 20px;
    text-transform: uppercase; }
    .list-view-data .back-btn i {
      font-size: 20px;
      padding-right: 10px; }
  .list-view-data ul {
    color: #4a4a4a;
    padding-left: 20px; }
    .list-view-data ul li {
      font-size: 16px;
      padding: 10px 0 0; }
      .list-view-data ul li span {
        display: inline-block; }
        .list-view-data ul li span .open-inserturl img {
          width: 15px;
          height: auto;
          margin-right: 10px; }
        .list-view-data ul li span:first-child {
          font-weight: bold;
          width: 50%; }
        .list-view-data ul li span:last-child {
          vertical-align: top;
          width: 50%; }
        .list-view-data ul li span a {
          color: #1771cc;
          display: block;
          font-size: 16px;
          margin-bottom: 20px; }
          .list-view-data ul li span a i {
            padding-right: 10px; }

@media (max-width: 767px) {
  th[data-filter="data-amount-filter"] .sort-icon::after, th[data-filter="data-document-filter"] .sort-icon::after {
    content: "" !important; }
  th[data-filter="data-amount-filter"] .custom-filter, th[data-filter="data-document-filter"] .custom-filter {
    display: none; } }

@media (max-width: 767px) {
  th[data-filter="data-activity-filter"] .sort-icon::after {
    content: "" !important; } }

.account-selector {
  background-color: #f2f2f2;
  border: 1px solid #c9c9c9;
  margin-top: 20px;
  padding: 17px 20px; }
  .account-selector .account-balance .account-amt {
    font-size: 20px; }

.icon-closed {
  color: #c41f3d;
  font-size: 20px; }

.icon-residential-primary {
  color: #006671;
  font-size: 26px; }

.icon-residential-limited {
  color: #667E3A;
  font-size: 20px; }

.icon-commercial-primary {
  color: #006671;
  font-size: 20px; }

.icon-commercial-limited {
  color: #667E3A;
  font-size: 20px; }

.icon-default {
  color: #000;
  font-size: 16px; }

.pse-tabs {
  padding-top: 15px; }
  .pse-tabs > .col-md-12 {
    position: inherit; }
  .pse-tabs .nav-tabs {
    border-bottom: 2px solid #80b3b9; }
    .pse-tabs .nav-tabs li {
      margin-bottom: 1px; }
      .pse-tabs .nav-tabs li > a {
        color: #000; }
      .pse-tabs .nav-tabs li.active > a {
        border: 0;
        border-bottom: 4px solid #006570;
        color: #006570;
        font-weight: bold;
        margin-bottom: -1px; }
  .pse-tabs .tab-content {
    padding-top: 20px; }
  .pse-tabs .button-component {
    float: right; }

.data-table {
  float: left;
  padding-top: 40px;
  width: 100%; }
  .data-table table {
    min-width: 1024px;
    width: 100%; }
    .data-table table tr {
      border-bottom: 1px solid #c4c4c4; }
    .data-table table thead tr th {
      padding-bottom: 10px; }
      .data-table table thead tr th span {
        padding-left: 10px; }
      .data-table table thead tr th .fa {
        cursor: pointer;
        font-size: 20px; }
    .data-table table td {
      padding: 10px 8px; }
      .data-table table td.headcol {
        padding-left: 10px; }
      .data-table table td a {
        color: #333;
        text-decoration: underline; }

@media only screen and (max-width: 768px) {
  .account-selector {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0; }
    .account-selector .account-pay-mobile h3 {
      margin-top: 0; }
    .account-selector .account-pay-section .account-balance {
      padding-right: 0; }
    .account-selector .account-pay-section .account-details {
      background: #ebf6f5;
      padding: 20px 10px;
      text-align: center; }
      .account-selector .account-pay-section .account-details .details-logo {
        padding-right: 0; }
        .account-selector .account-pay-section .account-details .details-logo .account-details-logo {
          margin: 0; }
      .account-selector .account-pay-section .account-details .details-text {
        padding-left: 15px;
        text-align: left; }
    .account-selector .account-balance {
      background: #7dc5c3;
      padding: 20px 10px; }
      .account-selector .account-balance button {
        background-color: #197ee3;
        border: 0;
        border-radius: 15px;
        color: #fff; }
  .data-table table {
    margin-bottom: 20px; } }

@media only screen and (max-width: 1024px) {
  .account-selector .account-balance button {
    padding: 9px 0;
    width: 180px; } }

h2.outage-map {
  font-weight: 300; }
  @media (min-width: 992px) {
    h2.outage-map {
      margin-top: 30px; } }
  @media (max-width: 991px) {
    h2.outage-map {
      padding: 25px 0 5px 0;
      font-size: 32px;
      color: #474b55; } }

.report-section {
  text-align: right; }
  @media (max-width: 768px) {
    .report-section {
      text-align: center;
      margin: 36px 0 22px; } }
  .report-section .report-outage {
    background-color: #fff;
    border: 2px solid #1771cc;
    color: #1771cc;
    padding: 7px 35px;
    font-size: 16px;
    font-family: "roboto-condensed-bold";
    font-weight: bold; }
    @media (max-width: 768px) {
      .report-section .report-outage {
        font-size: 20px; } }
    .report-section .report-outage:active:focus {
      outline: none;
      box-shadow: none; }
    .report-section .report-outage:hover, .report-section .report-outage:focus {
      border: solid 2px #004A94;
      background-color: #004A94;
      color: #fff; }

.out-content {
  margin-top: 3px; }
  .out-content p {
    color: #4a4a4a;
    font-family: "roboto-regular";
    font-size: 16px;
    line-height: 1.33;
    letter-spacing: .1px; }
    @media (max-width: 768px) {
      .out-content p {
        font-size: 16px; } }

.followus-link a {
  text-decoration: none; }

.followus-link .follow-desktop {
  padding: 15px 0 54px; }
  .followus-link .follow-desktop p {
    padding-left: 25px;
    color: #1771cc;
    letter-spacing: .4px;
    font-family: "roboto-medium";
    font-weight: 500; }
  .followus-link .follow-desktop .twit-icon {
    float: left;
    margin-top: 2px; }

.followus-link .twit-icon {
  color: #1771cc;
  font-size: 18px; }
  @media (max-width: 768px) {
    .followus-link .twit-icon {
      color: #1771cc; } }

.followus-link .follow-mobile {
  text-align: center;
  padding-bottom: 30px; }
  .followus-link .follow-mobile p {
    color: #1771cc;
    font-family: "roboto-medium";
    font-size: 16px;
    font-weight: 500; }
    .followus-link .follow-mobile p .twit-icon {
      padding: 0; }
  .followus-link .follow-mobile span {
    color: #1771cc;
    font-size: 18px;
    font-family: "roboto-medium";
    font-weight: bold;
    position: relative;
    bottom: 2px; }

body.iosBugFixCaret.modal-open {
  position: fixed;
  width: 100%; }

.gm-style-iw {
  width: 460px !important;
  height: auto !important;
  max-height: 470px !important;
  overflow: visible !important;
  background-color: #fff;
  top: 8px !important;
  font-weight: 300;
  font-size: 13px;
  overflow: hidden;
  background: #fff; }
  @media (max-width: 767px) {
    .gm-style-iw {
      width: 350px !important;
      left: 0 !important;
      top: 64px !important; } }

.related-links.outage {
  background-color: #f6f6f6; }
  .related-links.outage h3 {
    padding-top: 49px;
    margin-bottom: 25px; }
    @media (max-width: 768px) {
      .related-links.outage h3 {
        font-size: 32px;
        text-align: center;
        margin-bottom: 15px; } }
  .related-links.outage .more-section {
    position: relative; }
    @media (max-width: 768px) {
      .related-links.outage .more-section {
        margin-bottom: 20px; } }
    .related-links.outage .more-section .related-info p {
      font-size: 19px; }
    .related-links.outage .more-section .related-info a {
      position: absolute;
      bottom: 0;
      text-decoration: none; }
      .related-links.outage .more-section .related-info a i {
        margin-left: 5px; }

.outage-related-links {
  margin: 70px 0 40px; }
  .outage-related-links h5 {
    margin-bottom: 30px;
    font-family: "roboto-light";
    font-size: 32px;
    font-weight: 300; }
    @media (max-width: 768px) {
      .outage-related-links h5 {
        text-align: center; } }
  .outage-related-links ul {
    margin-top: 15px; }
    @media (max-width: 768px) {
      .outage-related-links ul {
        text-align: center; } }
    .outage-related-links ul li {
      display: inline-block; }
      @media (max-width: 768px) {
        .outage-related-links ul li {
          margin-top: 10px; } }
      .outage-related-links ul li > a {
        border-left: 2px solid #1771cc;
        color: #1771cc;
        font-size: 16px;
        font-weight: 500;
        padding: 0 15px 0px;
        text-decoration: none;
        font-family: "roboto-medium"; }
      .outage-related-links ul li:first-child > a {
        border-left-width: 0;
        padding-left: 0; }

.map-container {
  position: relative; }
  @media (max-width: 768px) {
    .map-container {
      float: left;
      width: 100%; } }
  .map-container #map {
    width: 100%;
    height: 720px; }
    .map-container #map .gm-style .gm-style-iw-d.custom-gm-style-iw-d {
      max-width: 100% !important; }
    .map-container #map .gm-style .custom-gm-style-iw-c {
      padding-left: 0;
      border-radius: 0;
      max-width: 100% !important; }
    .map-container #map .gm-style .gm-style-iw-t::after {
      display: none; }
    .map-container #map .gm-style button.gm-ui-hover-effect.custom-gm-ui-hover-effect {
      top: 20px !important;
      right: 20px !important; }
      .map-container #map .gm-style button.gm-ui-hover-effect.custom-gm-ui-hover-effect img {
        width: 20px !important;
        height: 20px !important; }
    .map-container #map .add-notify {
      background-color: #f6f6f6;
      color: #1771cc;
      float: left;
      height: inherit;
      padding: 32px 0;
      text-align: center;
      width: 100%; }
      .map-container #map .add-notify > a {
        color: inherit;
        outline: none;
        text-decoration: none;
        font-size: 18px; }
        .map-container #map .add-notify > a span {
          color: #1771cc;
          display: inline-block;
          font-family: "roboto-condensed-bold";
          font-weight: bold;
          font-size: 20px;
          line-height: .7;
          outline: none; }
        .map-container #map .add-notify > a > i {
          display: inline-block;
          font-size: 20px;
          padding-left: 20px; }
    .map-container #map #bodyContent .description {
      float: left;
      padding: 0 0 87px 51px;
      width: 100%; }
      @media (max-width: 991px) {
        .map-container #map #bodyContent .description {
          padding-left: 26px; } }
      .map-container #map #bodyContent .description h6 {
        margin: 0;
        padding: 60px 0 27px;
        font-family: "roboto-light"; }
        @media (max-width: 991px) {
          .map-container #map #bodyContent .description h6 {
            font-size: 32px; } }
      .map-container #map #bodyContent .description > ul > li {
        color: #4a4a4a;
        font-family: "roboto-light";
        font-size: 16px;
        font-weight: normal;
        line-height: 1.75;
        letter-spacing: .3px; }
        @media (max-width: 991px) {
          .map-container #map #bodyContent .description > ul > li {
            font-size: 14px; } }
        .map-container #map #bodyContent .description > ul > li span {
          display: inline-block;
          width: 50%;
          vertical-align: top; }
          .map-container #map #bodyContent .description > ul > li span:first-child {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            word-break: break-all;
            font-family: "roboto-medium";
            font-weight: 500; }
  .map-container.outage #report-outage-button-container {
    padding: 10px 15px;
    width: 375px;
    height: 40px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #1771cc;
    text-decoration: none;
    cursor: pointer;
    text-align: left; }
    .map-container.outage #report-outage-button-container a {
      display: block;
      color: #fff;
      font-family: Roboto-medium;
      font-size: 16px;
      line-height: 18px;
      padding-left: 0;
      padding-right: 0;
      text-decoration: none; }
      .map-container.outage #report-outage-button-container a .fa-chevron-right {
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 12px 15px; }
  @media (max-width: 991px) {
    .map-container.outage .gm-fullscreen-control, .map-container.outage .gmnoprint .gm-style-mtc {
      bottom: 14px !important; } }

.map-container.projects #map #bodyContent .description {
  padding: 50px 0 87px 51px; }
  .map-container.projects #map #bodyContent .description h6 {
    padding: 0; }

.retailers #pse-maps-location-search input {
  width: 100%; }

.retailers #pse-maps-location-search span .pse-search-icon {
  right: 26px;
  top: 16px; }

.retailers .gm-style-iw {
  max-height: 600px !important; }

.retailers #pse-maps-retailers-filter {
  float: left; }
  @media (max-width: 991px) {
    .retailers #pse-maps-retailers-filter {
      width: 100%;
      margin-top: 20px; } }
  .retailers #pse-maps-retailers-filter button {
    width: 180px;
    background: transparent;
    border-radius: 0;
    border-color: #979797; }
  .retailers #pse-maps-retailers-filter #pse-maps-servicetype-selector {
    top: 31px;
    min-width: 180px;
    border-radius: 0;
    padding-bottom: 20px; }
    .retailers #pse-maps-retailers-filter #pse-maps-servicetype-selector .clear {
      color: #1771cc;
      display: inline-block;
      border: none;
      width: auto;
      font-family: "roboto-regular";
      font-size: 14px;
      font-weight: 700;
      text-transform: uppercase;
      outline: none;
      text-decoration: none;
      margin: 20px 4px 0; }
    .retailers #pse-maps-retailers-filter #pse-maps-servicetype-selector .update {
      border-radius: 25px;
      width: 84px;
      text-transform: uppercase;
      font-size: 14px;
      font-weight: bold;
      border-color: #1771cc;
      background: #1771cc;
      outline: none;
      margin: 20px 4px 0; }
  .retailers #pse-maps-retailers-filter #pse-search-filter, .retailers #pse-maps-retailers-filter .caret {
    color: #4a4a4a; }

@media (min-width: 768px) {
  .map-notification-modal .modal-md {
    width: 460px;
    margin: 100px auto; } }

@media (min-width: 768px) and (max-width: 991px) {
  .map-notification-modal .modal-md {
    width: 472px; } }

.map-notification-modal .notification-modal {
  background-color: #f6f6f6;
  padding: 51px 40px 51px 40px;
  display: inline-block;
  width: 100%; }
  .map-notification-modal .notification-modal h3 {
    color: #4a4a4a;
    font-family: "roboto-light";
    font-size: 24px;
    font-weight: 300;
    margin-top: 0; }
  .map-notification-modal .notification-modal p {
    color: #4a4a4a;
    font-family: "roboto-regular";
    font-size: 16px;
    line-height: 1.19; }

.map-notification-modal .form-main {
  float: left;
  margin: 28px 0 0;
  width: 100%; }
  .map-notification-modal .form-main .custom-textfield {
    height: 66px;
    border: 1px solid #979797;
    background-color: #fff;
    margin-bottom: 30px; }
    .map-notification-modal .form-main .custom-textfield input {
      background-color: #fff;
      color: #242424;
      font-family: "roboto-light";
      font-size: 20px;
      padding: 0 8px;
      border: none; }
    .map-notification-modal .form-main .custom-textfield .form-control:focus + .form-control-placeholder {
      color: #717171;
      font-size: 12px;
      font-weight: bold; }
    .map-notification-modal .form-main .custom-textfield .form-control::-ms-clear {
      display: none; }
    .map-notification-modal .form-main .custom-textfield #interative-map-phone-number + label {
      width: 100%; }
  .map-notification-modal .form-main .back {
    color: #1771cc;
    cursor: pointer;
    display: inline-block;
    font-family: "roboto-condensed-bold";
    font-size: 18px;
    font-weight: bold;
    margin-right: 40px; }
    .map-notification-modal .form-main .back .fa {
      font-size: 14px;
      position: relative;
      top: -1px;
      padding-right: 10px; }
  .map-notification-modal .form-main .btn {
    background-color: #1771cc;
    font-family: "roboto-condensed-bold";
    font-size: 18px;
    padding: 6px 0;
    width: 125px; }
    .map-notification-modal .form-main .btn[disabled]:hover {
      color: inherit; }

.outage-map-list {
  border-top: 1px solid #c3c3c3; }
  .outage-map-list .map-view {
    display: none; }
    .outage-map-list .map-view .map-change-icon .map-icon {
      font-size: 24px; }
  .outage-map-list .map-view,
  .outage-map-list .list-view {
    border-left: 1px solid #979797;
    border-right: 1px solid #979797;
    max-width: 200px;
    text-align: center;
    min-height: 80px;
    padding-top: 20px; }
    .outage-map-list .map-view span,
    .outage-map-list .list-view span {
      padding: 0 10px 0 10px;
      font-size: 20px;
      color: #1771cc;
      font-family: "roboto-condensed-bold";
      letter-spacing: .4px; }
    .outage-map-list .map-view a,
    .outage-map-list .list-view a {
      text-decoration: none; }
  .outage-map-list .outage-maps-search {
    padding: 19px 0 13px;
    display: inline-block;
    width: 100%;
    position: relative; }
    @media (max-width: 768px) {
      .outage-map-list .outage-maps-search {
        text-align: center;
        padding: 14px 0 13px; } }
  .outage-map-list .outage-maps-search input {
    color: #717171;
    font-family: "roboto-regular";
    font-size: 18px;
    padding: 6px 30px 6px 15px;
    width: 405px;
    height: 45px;
    border-radius: 0;
    display: inline-block;
    border-color: #979797; }
    @media (max-width: 768px) {
      .outage-map-list .outage-maps-search input {
        width: 100%;
        height: 48px; } }
  .outage-map-list .outage-maps-search span .pse-search-icon {
    color: #717171;
    position: absolute;
    right: 14px;
    top: 35px;
    cursor: pointer; }
  .outage-map-list .total-outage-customer {
    font-size: 16px;
    font-family: "roboto-regular";
    background: #474b55;
    color: #fff;
    padding: 10px 0 8px;
    text-align: center; }
    @media (max-width: 768px) {
      .outage-map-list .total-outage-customer {
        float: left;
        width: 100%;
        padding: 11px 18px; } }
    .outage-map-list .total-outage-customer span {
      padding-right: 5px; }
      @media (max-width: 768px) {
        .outage-map-list .total-outage-customer span {
          font-size: 13px; } }
    .outage-map-list .total-outage-customer .energy-cons {
      float: left;
      padding-right: 12px; }
      @media (max-width: 768px) {
        .outage-map-list .total-outage-customer .energy-cons {
          font-size: 40px;
          padding-right: 35px; }
          .outage-map-list .total-outage-customer .energy-cons img {
            width: 30px;
            height: 49px; } }
    .outage-map-list .total-outage-customer .outage-total {
      display: inline-block; }
      @media (max-width: 768px) {
        .outage-map-list .total-outage-customer .outage-total {
          text-align: left;
          float: left; } }
      @media (max-width: 768px) {
        .outage-map-list .total-outage-customer .outage-total .outage-total-count {
          font-size: 32px;
          bottom: 0;
          font-family: "roboto-light";
          line-height: 1.25; } }
      .outage-map-list .total-outage-customer .outage-total .fa {
        font-size: 25px; }
      .outage-map-list .total-outage-customer .outage-total span {
        position: relative;
        bottom: 5px; }
        @media (max-width: 768px) {
          .outage-map-list .total-outage-customer .outage-total span {
            display: block;
            bottom: 0; } }
      .outage-map-list .total-outage-customer .outage-total::after {
        content: "|";
        margin-right: 10px;
        padding-left: 10px;
        position: relative;
        top: -6px; }
        @media (max-width: 768px) {
          .outage-map-list .total-outage-customer .outage-total::after {
            content: none; } }
    .outage-map-list .total-outage-customer .customer-affect {
      display: inline-block; }
      @media (max-width: 768px) {
        .outage-map-list .total-outage-customer .customer-affect {
          float: right;
          width: 50%; } }
      .outage-map-list .total-outage-customer .customer-affect span {
        float: left; }
      @media (max-width: 768px) {
        .outage-map-list .total-outage-customer .customer-affect .customer-affect-total {
          width: 100%;
          text-align: left;
          font-size: 32px;
          font-family: "roboto-light";
          line-height: 1.25; } }
  .outage-map-list .map-change-icon,
  .outage-map-list .list-view-icon {
    color: #1771cc;
    cursor: pointer;
    font-size: 24px;
    padding: 10px; }
    @media (min-width: 992px) {
      .outage-map-list .map-change-icon,
      .outage-map-list .list-view-icon {
        padding-left: 20px; } }
  .outage-map-list .list-content {
    display: none;
    background-color: #f6f6f6; }
    @media (max-width: 768px) {
      .outage-map-list .list-content {
        float: left;
        width: 100%;
        border-bottom: 1px solid #c3c3c3; } }
    .outage-map-list .list-content .map-button-view {
      text-align: center;
      padding: 20px 0; }
    .outage-map-list .list-content .h7 {
      letter-spacing: .4px;
      line-height: .79;
      padding: 40px 0 25px 25px; }
      @media (max-width: 768px) {
        .outage-map-list .list-content .h7 {
          margin-top: 50px;
          text-align: center;
          font-size: 20px;
          padding: 40px 0 9px 0; } }
    .outage-map-list .list-content ul {
      border-bottom: 1px solid #c9c9c9;
      margin-bottom: 15px;
      padding: 0 0 15px 46px; }
      @media (max-width: 768px) {
        .outage-map-list .list-content ul {
          padding: 0 0 15px 22px; } }
      @media only screen and (max-device-width: 1024px) and (orientation: landscape) {
        .outage-map-list .list-content ul {
          min-height: 226px; } }
      .outage-map-list .list-content ul > li {
        color: #4a4a4a; }
        .outage-map-list .list-content ul > li > span {
          font-family: "roboto-light";
          font-size: 14px;
          font-weight: normal;
          min-width: 146px;
          max-width: 146px;
          display: inline-block;
          line-height: 1.36;
          vertical-align: middle; }
          .outage-map-list .list-content ul > li > span:first-child {
            font-family: "roboto-medium";
            font-weight: 500; }
    @media (min-width: 992px) {
      .outage-map-list .list-content #mapListData:nth-child(9n+7) ul, .outage-map-list .list-content #mapListData:nth-child(9n+8) ul, .outage-map-list .list-content #mapListData:nth-child(9n+9) ul {
        border-bottom: none; } }
    @media (max-width: 768px) {
      .outage-map-list .list-content #mapListData:nth-child(9n+9) ul {
        border-bottom: none; } }
    .outage-map-list .list-content .controls {
      text-align: center;
      padding: 10px 0 0; }
      .outage-map-list .list-content .controls .pnumbers {
        display: inline-block;
        border-bottom: 1px solid #cdcdcd;
        padding-bottom: 14px; }
        .outage-map-list .list-content .controls .pnumbers a:first-child {
          margin-left: 0; }
        @media (max-width: 767px) {
          .outage-map-list .list-content .controls .pnumbers {
            margin-bottom: 15px; } }
        .outage-map-list .list-content .controls .pnumbers.active a {
          font-family: "roboto-condensed-bold";
          color: #006671;
          border-bottom: 4px solid #006671;
          padding-bottom: 12px; }
      .outage-map-list .list-content .controls a {
        font-family: "roboto-light";
        font-size: 16px;
        line-height: 1.19;
        color: #4a4a4a;
        padding: 0 11px;
        margin: 0 10px;
        text-decoration: none;
        cursor: pointer; }
        @media (max-width: 767px) {
          .outage-map-list .list-content .controls a {
            font-size: 14px;
            padding: 0 8px;
            margin: 0; } }
      .outage-map-list .list-content .controls .fa {
        color: #c1c1c1;
        font-size: 14px; }
      .outage-map-list .list-content .controls span:nth-last-child(2) a {
        margin-right: 0; }
    .outage-map-list .list-content .listView-title {
      color: #006671;
      font-weight: 500;
      font-family: "roboto-medium";
      font-size: 20px;
      letter-spacing: 0.2px;
      line-height: 1.25;
      margin-bottom: 5px;
      display: inline-block; }
      @media (min-width: 992px) {
        .outage-map-list .list-content .listView-title {
          padding-left: 25px; } }
    .outage-map-list .list-content:nth-last-child(1) > ul, .outage-map-list .list-content:nth-last-child(2) > ul, .outage-map-list .list-content:nth-last-child(3) > ul {
      border-bottom: 0; }

.legend-accordion {
  border-bottom: 1px solid #c3c3c3;
  height: 70px;
  padding-top: 18px; }
  @media (max-width: 768px) {
    .legend-accordion {
      height: 60px;
      padding-top: 10px;
      float: left;
      width: 100%; } }
  @media (min-width: 1024px) {
    .legend-accordion .legend-view-more-less {
      min-width: 32%; } }
  @media only screen and (max-device-width: 1024px) and (orientation: landscape) {
    .legend-accordion .legend-view-more-less {
      width: 38%; } }
  @media (max-width: 992px) {
    .legend-accordion .legend-view-more-less {
      width: 50%; } }
  .legend-accordion .legend-view-more-less p.title-legend, .legend-accordion .legend-view-more-less span.inner-txt {
    color: #474b55;
    font-family: "roboto-light";
    font-size: 24px;
    font-weight: 300; }
  .legend-accordion .legend-view-more-less .title-legend .fa {
    padding-right: 3px;
    font-size: 30px; }
  .legend-accordion .legend-link {
    padding: 2px 0; }
    @media (max-width: 768px) {
      .legend-accordion .legend-link {
        text-align: right; } }
    .legend-accordion .legend-link a.legend {
      color: #1771cc;
      display: block;
      font-size: 20px;
      font-family: "roboto-condensed-bold";
      position: relative;
      text-decoration: none; }
      .legend-accordion .legend-link a.legend .arrow-updown {
        padding-left: 10px;
        margin-top: 5px; }
      .legend-accordion .legend-link a.legend .less {
        display: none; }

@media (max-width: 991px) {
  .legend-accordion-body {
    float: left; } }

.legend-accordion-body #collapseLegend .legends-section {
  padding-top: 35px; }
  @media (max-width: 768px) {
    .legend-accordion-body #collapseLegend .legends-section {
      padding-top: 18px;
      padding-left: 0; } }
  .legend-accordion-body #collapseLegend .legends-section .media-heading {
    font-family: "roboto-medium";
    font-size: 16px; }
  .legend-accordion-body #collapseLegend .legends-section p {
    font-family: "roboto-regular";
    font-size: 14px; }
    @media (max-width: 768px) {
      .legend-accordion-body #collapseLegend .legends-section p {
        margin-bottom: 0; } }
  @media (max-width: 768px) {
    .legend-accordion-body #collapseLegend .legends-section .media {
      margin-bottom: 0; } }
  .legend-accordion-body #collapseLegend .legends-section ul {
    padding-left: 20px;
    list-style: unset; }

.legend-accordion-body #collapseLegend > .container {
  padding-bottom: 30px; }

@media (max-width: 1024px) {
  .legend-accordion-body #collapseLegend > .pspslegendcontainer .row-eq-height {
    display: flex !important;
    flex-wrap: wrap; }
    .legend-accordion-body #collapseLegend > .pspslegendcontainer .row-eq-height .menu {
      align-items: center !important;
      display: flex; }
      .legend-accordion-body #collapseLegend > .pspslegendcontainer .row-eq-height .menu img {
        margin-right: 10px !important; } }

#map .modal.in:after {
  content: "";
  width: 100%;
  display: block;
  height: 100%;
  background: #000;
  opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1; }

#OutageListTable {
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  #OutageListTable .listView-container {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

@media (max-width: 768px) {
  .map-area-btn {
    margin-top: 20px;
    text-align: center;
    position: absolute;
    z-index: 1;
    right: 0; }
    .map-area-btn .fa {
      padding-right: 10px; } }

@media (max-width: 767px) {
  a.prev, a.next {
    padding: 0 !important; } }

#interactiveMapNotify #hiddenRecaptcha-error {
  margin-top: 10px; }

.outage.main-container {
  margin-bottom: 0; }

.map-container #map .home-marker-iw-c {
  width: 220px !important;
  height: 110px !important;
  top: 5px !important; }

.map-container #map .home-marker-iw-d {
  margin-top: 15px;
  padding: 0px 10px; }
  .map-container #map .home-marker-iw-d .user-home-location-status {
    font-family: roboto-medium; }
  .map-container #map .home-marker-iw-d .home-power-status {
    font-family: roboto-regular;
    font-size: 12px;
    line-height: 16px; }
  .map-container #map .home-marker-iw-d .home-marker-infowindow {
    margin-top: 5px;
    font-family: roboto-regular;
    font-size: 12px;
    line-height: 16px; }

.map-container #map .gm-style button.gm-ui-hover-effect.custom-gm-ui-hover-effect.home-marker-close-button {
  top: 0 !important;
  right: 5px !important; }

.new-outage-map h2.outage-map {
  margin-top: 0;
  margin-bottom: -10px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .new-outage-map h2.outage-map {
      padding-bottom: 20px; } }

.new-outage-map .map-container.outage .getoutagenotification {
  background-color: rgba(255, 255, 255, 0);
  box-sizing: border-box;
  font-family: "Roboto Condensed Bold", "Roboto Condensed", "Roboto", sans-serif;
  font-weight: 700;
  color: #1771cc; }

@media screen and (max-width: 768px) {
  .new-outage-map .map-container.outage .getoutagenotification {
    margin-bottom: 20px; } }

.new-outage-map .map-container.outage .outagedetails {
  text-align: center;
  margin-bottom: 20px; }

@media screen and (max-width: 768px) {
  .new-outage-map .map-container.outage .outagedetails {
    text-align: center; } }

.new-outage-map .map-container.outage .activeoutage {
  margin-top: 20px; }

@media (max-width: 767px) {
  .new-outage-map .map-container.outage .report-outage-button-div {
    width: 100%; } }

.new-outage-map .map-container.outage .report-outage-button-div #report-outage-button-container {
  padding: 10px 15px;
  width: 375px;
  height: 40px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #1771cc;
  text-decoration: none;
  cursor: pointer;
  text-align: left; }
  @media (max-width: 767px) {
    .new-outage-map .map-container.outage .report-outage-button-div #report-outage-button-container {
      width: 100%; } }
  .new-outage-map .map-container.outage .report-outage-button-div #report-outage-button-container a {
    display: block;
    color: #fff;
    font-family: Roboto-medium;
    font-size: 16px;
    line-height: 18px;
    padding-left: 0;
    padding-right: 0;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 90%;
    white-space: nowrap; }
    .new-outage-map .map-container.outage .report-outage-button-div #report-outage-button-container a .fa-chevron-right {
      position: absolute;
      bottom: 0;
      right: 0;
      padding: 12px 15px; }

.new-outage-map .map-container.outage .gm-fullscreen-control {
  pointer-events: none;
  display: none !important; }
  @media (max-width: 991px) {
    .new-outage-map .map-container.outage .gm-fullscreen-control {
      bottom: 14px !important; } }

.new-outage-map .map-container.outage .gmnoprint .gm-style-mtc {
  pointer-events: none; }
  @media (max-width: 991px) {
    .new-outage-map .map-container.outage .gmnoprint .gm-style-mtc {
      bottom: 14px !important; } }

.new-outage-map .map-container.outage .custom-gm-style-iw-c {
  position: fixed;
  left: calc(50% - 187px);
  padding-left: 0;
  border-radius: 0;
  padding-top: 0px;
  top: calc(50% + 252px) !important;
  width: 375px !important;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-shadow: none; }
  @media (max-width: 767px) {
    .new-outage-map .map-container.outage .custom-gm-style-iw-c {
      width: 100% !important; } }
  .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-event-title {
    padding: 10px 15px 12px 15px;
    width: 375px;
    background-color: #ED9F1B;
    color: #fff;
    font-family: roboto-medium;
    font-size: 16px; }
    .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-event-title .ellipsis-title {
      text-overflow: ellipsis;
      overflow: hidden;
      width: 92%;
      white-space: nowrap; }
    @media (max-width: 767px) {
      .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-event-title {
        width: 100%; } }
  .new-outage-map .map-container.outage .custom-gm-style-iw-c .crc-event-title {
    padding: 10px 15px 12px 15px;
    width: 375px;
    background-color: #004a94;
    color: #fff;
    font-family: roboto-medium;
    font-size: 16px; }
    .new-outage-map .map-container.outage .custom-gm-style-iw-c .crc-event-title .crc-ellipsis-title {
      text-overflow: ellipsis;
      overflow: hidden;
      width: 92%;
      white-space: nowrap; }
    @media (max-width: 767px) {
      .new-outage-map .map-container.outage .custom-gm-style-iw-c .crc-event-title {
        width: 100%; } }
  .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-event-title {
    padding: 10px 15px 12px 15px;
    width: 375px;
    background-color: #E45D48;
    color: #fff;
    font-family: roboto-medium;
    font-size: 16px; }
    .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-event-title .psps-title-ellipsis {
      text-overflow: ellipsis;
      overflow: hidden;
      width: 92%;
      white-space: nowrap; }
    @media (max-width: 767px) {
      .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-event-title {
        width: 100%; } }
  .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container {
    text-align: center;
    padding: 0 19px;
    display: block; }
    .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container .psps-outage-tracker {
      width: 100%;
      margin: 20px auto 0px;
      height: 50px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: nowrap; }
      @media (min-width: 768px) and (max-width: 991px) {
        .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container .psps-outage-tracker {
          width: 335px;
          margin: 20px auto 10px; } }
      @media (min-width: 992px) {
        .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container .psps-outage-tracker {
          width: 335px;
          margin: 20px auto 10px; } }
      .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container .psps-outage-tracker .psps-img-outage-tracker {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative; }
        .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container .psps-outage-tracker .psps-img-outage-tracker:nth-child(1) {
          left: 0px; }
        .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container .psps-outage-tracker .psps-img-outage-tracker:nth-child(2) {
          left: 15px; }
        .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container .psps-outage-tracker .psps-img-outage-tracker:nth-child(3) {
          left: 0px; }
        .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container .psps-outage-tracker .psps-img-outage-tracker:nth-child(4) {
          left: 20px; }
          @media (min-width: 400px) and (max-width: 767px) {
            .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container .psps-outage-tracker .psps-img-outage-tracker:nth-child(4) .status-selected {
              margin-left: 14px; } }
          @media (max-width: 400px) {
            .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container .psps-outage-tracker .psps-img-outage-tracker:nth-child(4) .status-selected {
              margin-left: 6px; } }
        .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container .psps-outage-tracker .psps-img-outage-tracker .psps-status {
          border-radius: 50%;
          width: 40px;
          height: 40px;
          background-color: #E45D48;
          box-sizing: border-box; }
        .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container .psps-outage-tracker .psps-img-outage-tracker .psp-status-selected {
          border-radius: 50%;
          behavior: url(PIE.htc);
          width: 40px;
          height: 40px;
          background: #53150E;
          padding-left: 10px !important;
          border: 2px solid #53150E; }
          .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container .psps-outage-tracker .psps-img-outage-tracker .psp-status-selected .img-tracker {
            opacity: 1; }
        .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container .psps-outage-tracker .psps-img-outage-tracker .img-tracker {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 18px;
          height: 18px;
          opacity: 0.7; }
    .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container .status-grey-line {
      width: 50px;
      height: 1px;
      border: 1px solid;
      background-color: transparent;
      box-sizing: border-box;
      border-color: #9b9b9b; }
    .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container .psps-outage-tracker-text {
      display: block;
      margin: 0 auto;
      width: 335px; }
      @media (max-width: 767px) {
        .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container .psps-outage-tracker-text {
          width: 100%;
          justify-content: center;
          display: flex;
          text-align: center;
          box-sizing: border-box;
          gap: 10%; } }
      .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container .psps-outage-tracker-text .psps-outage-tracker-status-text {
        font-size: 12px;
        font-weight: 400;
        word-break: break-all;
        display: inline-block;
        width: 24%;
        vertical-align: text-top;
        font-family: roboto-regular;
        line-height: 1.25;
        position: relative;
        left: -20px; }
        .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container .psps-outage-tracker-text .psps-outage-tracker-status-text.psp-status-selected {
          font-family: roboto-bold;
          font-weight: 700;
          left: -22px; }
        .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container .psps-outage-tracker-text .psps-outage-tracker-status-text:nth-child(2) {
          left: -6px; }
        .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container .psps-outage-tracker-text .psps-outage-tracker-status-text:nth-child(3) {
          left: 7px; }
        .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container .psps-outage-tracker-text .psps-outage-tracker-status-text:nth-child(4) {
          left: 18px; }
        @media (max-width: 767px) {
          .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container .psps-outage-tracker-text .psps-outage-tracker-status-text:nth-child(1) {
            left: -5px; }
          .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container .psps-outage-tracker-text .psps-outage-tracker-status-text:nth-child(4) {
            left: 9px; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container .psps-outage-tracker-text .psps-outage-tracker-status-text:nth-child(4) {
            left: 16px; } }
        .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container .psps-outage-tracker-text .psps-outage-tracker-status-text.status-selected {
          font-family: roboto-medium;
          font-weight: 700; }
          .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container .psps-outage-tracker-text .psps-outage-tracker-status-text.status-selected:nth-child(2) {
            left: -5px; }
          .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container .psps-outage-tracker-text .psps-outage-tracker-status-text.status-selected:nth-child(3) {
            left: 8px; }
            @media (max-width: 767px) {
              .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container .psps-outage-tracker-text .psps-outage-tracker-status-text.status-selected:nth-child(3) {
                left: 4px; } }
            @media (min-width: 400px) and (max-width: 767px) {
              .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container .psps-outage-tracker-text .psps-outage-tracker-status-text.status-selected:nth-child(3) {
                left: -2px; } }
  .new-outage-map .map-container.outage .custom-gm-style-iw-c .add-notify-psps {
    background-color: #FCF3F5 !important;
    color: #4a4a4a !important;
    float: left;
    height: inherit;
    padding: 18px !important;
    text-align: left !important;
    width: 100%;
    font-size: 16px !important;
    font-family: 'Roboto-regular' !important;
    font-weight: normal;
    border-bottom: 4px solid #E45D48; }
    .new-outage-map .map-container.outage .custom-gm-style-iw-c .add-notify-psps a {
      text-decoration: underline !important;
      color: #1771cc !important;
      font-size: 16px !important;
      font-family: 'Roboto-regular' !important; }
  .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container {
    text-align: center;
    padding: 0px 16px;
    display: block; }
    .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker {
      width: 100%;
      margin: 20px auto 0px;
      height: 50px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: nowrap; }
      @media (min-width: 768px) and (max-width: 991px) {
        .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker {
          width: 335px;
          margin: 20px auto 10px; } }
      @media (min-width: 992px) {
        .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker {
          width: 335px;
          margin: 20px auto 0px; } }
      .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker .img-outage-tracker {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative; }
        .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker .img-outage-tracker:nth-child(1) {
          left: 0px; }
        .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker .img-outage-tracker:nth-child(2) {
          left: 15px; }
        .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker .img-outage-tracker:nth-child(3) {
          left: 0px; }
        .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker .img-outage-tracker:nth-child(4) {
          left: 20px; }
          @media (min-width: 400px) and (max-width: 767px) {
            .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker .img-outage-tracker:nth-child(4) .status-selected {
              margin-left: 14px; } }
          @media (max-width: 400px) {
            .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker .img-outage-tracker:nth-child(4) .status-selected {
              margin-left: 6px; } }
        .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker .img-outage-tracker .status {
          border-radius: 50%;
          width: 40px;
          height: 40px;
          background-color: #ED9F1B;
          box-sizing: border-box; }
        .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker .img-outage-tracker .status-selected {
          border-radius: 50%;
          behavior: url(PIE.htc);
          width: 40px;
          height: 40px;
          background: #edc21b;
          padding-left: 10px !important;
          border: 2px solid #edc21b; }
          .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker .img-outage-tracker .status-selected .img-tracker {
            opacity: 1; }
        .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker .img-outage-tracker .img-tracker {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 18px;
          height: 18px;
          opacity: 0.7; }
    .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .status-grey-line {
      width: 50px;
      height: 1px;
      border: 1px solid;
      background-color: transparent;
      box-sizing: border-box;
      border-color: #9b9b9b; }
    .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker-text {
      display: block;
      margin: 0 auto;
      width: 335px; }
      @media (max-width: 767px) {
        .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker-text {
          width: 100%;
          justify-content: center;
          display: flex;
          text-align: center;
          box-sizing: border-box;
          gap: 10%; } }
      .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker-text .outage-tracker-status-text {
        font-size: 12px;
        font-weight: 400;
        display: inline-block;
        width: 24%;
        vertical-align: text-top;
        font-family: roboto-regular;
        line-height: 1.25;
        position: relative; }
        .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker-text .outage-tracker-status-text:nth-child(1) {
          left: -22px; }
          @media (min-width: 372px) and (max-width: 915px) {
            .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker-text .outage-tracker-status-text:nth-child(1) {
              left: -12px; } }
        .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker-text .outage-tracker-status-text:nth-child(2) {
          left: -4px; }
        .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker-text .outage-tracker-status-text:nth-child(3) {
          left: 8px; }
        .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker-text .outage-tracker-status-text:nth-child(4) {
          left: 22px; }
          @media (min-width: 372px) and (max-width: 915px) {
            .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker-text .outage-tracker-status-text:nth-child(4) {
              left: 12px; } }
        @media (max-width: 767px) {
          .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker-text .outage-tracker-status-text:nth-child(3) {
            left: 4px; } }
        @media (min-width: 768px) and (max-width: 991px) {
          .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker-text .outage-tracker-status-text:nth-child(4) {
            left: 16px; } }
        .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker-text .outage-tracker-status-text.status-selected {
          font-family: roboto-bold;
          font-weight: 700; }
          .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker-text .outage-tracker-status-text.status-selected:nth-child(2) {
            left: -5px; }
          .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker-text .outage-tracker-status-text.status-selected:nth-child(3) {
            left: 8px; }
            @media (max-width: 767px) {
              .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker-text .outage-tracker-status-text.status-selected:nth-child(3) {
                left: 4px; } }
            @media (min-width: 400px) and (max-width: 767px) {
              .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker-text .outage-tracker-status-text.status-selected:nth-child(3) {
                left: -2px; } }
  .new-outage-map .map-container.outage .custom-gm-style-iw-c #bodyContent .description {
    padding: 20px 20px 20px 20px !important; }
    .new-outage-map .map-container.outage .custom-gm-style-iw-c #bodyContent .description h6 {
      padding: 0 0 22px !important;
      font-family: roboto-medium !important; }
    .new-outage-map .map-container.outage .custom-gm-style-iw-c #bodyContent .description .notify-link {
      padding-bottom: 15px; }
      .new-outage-map .map-container.outage .custom-gm-style-iw-c #bodyContent .description .notify-link a.a-notify-link {
        color: #1771cc;
        font-family: roboto-medium;
        text-decoration: underline; }
        .new-outage-map .map-container.outage .custom-gm-style-iw-c #bodyContent .description .notify-link a.a-notify-link img {
          height: 16px;
          vertical-align: text-bottom;
          margin-right: 5px; }
    .new-outage-map .map-container.outage .custom-gm-style-iw-c #bodyContent .description ul li {
      font-size: 14px !important;
      border-bottom: 1px solid #d2d2d2;
      padding: 3px; }
      .new-outage-map .map-container.outage .custom-gm-style-iw-c #bodyContent .description ul li span {
        font-family: "roboto-regular" !important;
        font-size: 14px !important;
        color: #242424 !important;
        font-weight: 400; }
        .new-outage-map .map-container.outage .custom-gm-style-iw-c #bodyContent .description ul li span:first-child {
          font-family: "roboto-medium" !important;
          font-size: 14px !important;
          color: #242424 !important;
          font-weight: 500; }
  .new-outage-map .map-container.outage .custom-gm-style-iw-c #bodyContent .crc-description {
    border-bottom: 4px solid #004a94;
    padding: 20px 0 20px 20px !important; }
    .new-outage-map .map-container.outage .custom-gm-style-iw-c #bodyContent .crc-description h6.crc-site {
      margin-top: 0px;
      margin-bottom: 20px;
      font-family: roboto-medium !important; }
    .new-outage-map .map-container.outage .custom-gm-style-iw-c #bodyContent .crc-description p.crc-desc {
      margin-right: 40px;
      font-family: "Roboto", sans-serif !important;
      font-size: 16px !important;
      color: #4a4a4a !important; }
    .new-outage-map .map-container.outage .custom-gm-style-iw-c #bodyContent .crc-description ul li.crc-event-list {
      margin-bottom: 15px;
      margin-right: 40px;
      margin-top: 15px; }
      .new-outage-map .map-container.outage .custom-gm-style-iw-c #bodyContent .crc-description ul li.crc-event-list span.crc-details {
        display: inline;
        font-family: "Roboto", sans-serif !important;
        font-size: 16px !important;
        color: #4a4a4a !important; }
      .new-outage-map .map-container.outage .custom-gm-style-iw-c #bodyContent .crc-description ul li.crc-event-list span.crc-details:first-of-type {
        font-weight: bold; }
      .new-outage-map .map-container.outage .custom-gm-style-iw-c #bodyContent .crc-description ul li.crc-event-list span.crc-hour-details:first-child {
        font-weight: bold; }
  .new-outage-map .map-container.outage .custom-gm-style-iw-c button.custom-gm-ui-hover-effects img {
    display: none !important; }
  .new-outage-map .map-container.outage .custom-gm-style-iw-c button.custom-gm-ui-hover-effects.fa.fa-close {
    color: #fff;
    font-size: 20px;
    top: 5px !important;
    right: 9px !important;
    opacity: 1; }
  .new-outage-map .map-container.outage .custom-gm-style-iw-c .add-notify {
    background-color: #ffecc9 !important;
    color: #4a4a4a !important;
    float: left;
    height: inherit;
    padding: 18px !important;
    text-align: left !important;
    width: 100%;
    font-size: 14px !important;
    font-family: 'Roboto-regular' !important;
    font-weight: 400;
    color: #242424;
    border-bottom: 4px solid #ED9F1B; }
    .new-outage-map .map-container.outage .custom-gm-style-iw-c .add-notify a {
      text-decoration: underline !important;
      color: #1771cc !important;
      font-size: 14px !important;
      font-weight: 500;
      font-family: 'Roboto-medium' !important; }
  .new-outage-map .map-container.outage .custom-gm-style-iw-c .add-notify-myoutage {
    background-color: #ffecc9 !important;
    color: #4a4a4a !important;
    float: left;
    height: inherit;
    padding: 18px !important;
    text-align: left !important;
    width: 100%;
    font-size: 16px !important;
    border-bottom: 4px solid #ed9f1b;
    font-family: 'Roboto-regular' !important; }
  .new-outage-map .map-container.outage .custom-gm-style-iw-c.myoutage-my-pse-panel #myoutage-container h6 {
    font-size: 20px !important; }
  @media (max-width: 767px) {
    .new-outage-map .map-container.outage .custom-gm-style-iw-c.myoutage-my-pse-panel {
      left: 0; } }
  .new-outage-map .map-container.outage .custom-gm-style-iw-c.myoutage-my-pse-panel #bodyContent .description .no-outage-content {
    padding-bottom: 20px !important;
    font-size: 14px;
    font-family: 'roboto-regular'; }
  .new-outage-map .map-container.outage .custom-gm-style-iw-c.myoutage-my-pse-panel #bodyContent .description #dropdown-container {
    width: 320px; }
    .new-outage-map .map-container.outage .custom-gm-style-iw-c.myoutage-my-pse-panel #bodyContent .description #dropdown-container #btn-show-dropdown {
      background: none;
      border: none; }
  .new-outage-map .map-container.outage .custom-gm-style-iw-c.myoutage-my-pse-panel #bodyContent .description #myoutage-accounts {
    position: absolute;
    background: #fff;
    border: 1px solid;
    width: 320px;
    overflow-y: auto;
    height: auto; }
    @media (max-width: 767px) {
      .new-outage-map .map-container.outage .custom-gm-style-iw-c.myoutage-my-pse-panel #bodyContent .description #myoutage-accounts {
        width: 320px !important;
        border: 1px solid; } }
    .new-outage-map .map-container.outage .custom-gm-style-iw-c.myoutage-my-pse-panel #bodyContent .description #myoutage-accounts li {
      font-size: 16px !important;
      border-bottom: 0px;
      padding: 8px 0 !important;
      cursor: default; }
      .new-outage-map .map-container.outage .custom-gm-style-iw-c.myoutage-my-pse-panel #bodyContent .description #myoutage-accounts li:hover {
        background-color: #c1e7e3; }
      .new-outage-map .map-container.outage .custom-gm-style-iw-c.myoutage-my-pse-panel #bodyContent .description #myoutage-accounts li:first-child {
        padding-top: 16px !important; }
      .new-outage-map .map-container.outage .custom-gm-style-iw-c.myoutage-my-pse-panel #bodyContent .description #myoutage-accounts li .account-selector-image {
        padding-right: 8px;
        padding-left: 8px;
        vertical-align: middle; }
      .new-outage-map .map-container.outage .custom-gm-style-iw-c.myoutage-my-pse-panel #bodyContent .description #myoutage-accounts li.no-outage {
        padding-left: 16px !important; }
  .new-outage-map .map-container.outage .custom-gm-style-iw-c.myoutage-my-pse-panel #bodyContent .description ul li span:first-child {
    font-family: roboto-medium !important;
    font-size: 14px !important;
    color: #242424 !important; }
  .new-outage-map .map-container.outage .custom-gm-style-iw-c.myoutage-my-pse-panel .add-notify {
    background-color: #eec28d !important; }

.new-outage-map .map-container.outage #pse-search-div {
  left: 0;
  width: 100%;
  pointer-events: none; }
  .new-outage-map .map-container.outage #pse-search-div .search {
    width: 100%;
    margin: 0 auto; }
    @media (max-width: 767px) {
      .new-outage-map .map-container.outage #pse-search-div .search {
        margin-top: 5px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .new-outage-map .map-container.outage #pse-search-div .view-type {
      width: 100%; } }
  .new-outage-map .map-container.outage #pse-search-div .outage-maps-search {
    text-align: center; }
    .new-outage-map .map-container.outage #pse-search-div .outage-maps-search #MAPSearchBtn {
      pointer-events: none; }
      .new-outage-map .map-container.outage #pse-search-div .outage-maps-search #MAPSearchBtn .pse-search-icon {
        cursor: pointer;
        pointer-events: auto; }
    .new-outage-map .map-container.outage #pse-search-div .outage-maps-search #MAPSearchBtnLeft.search-icon-left {
      position: absolute;
      margin-left: 6px;
      z-index: 2;
      padding: 2px;
      color: #717171;
      pointer-events: all;
      cursor: pointer; }
      .new-outage-map .map-container.outage #pse-search-div .outage-maps-search #MAPSearchBtnLeft.search-icon-left .fa.fa-search.pse-search-icons {
        font: normal normal normal 14px / 1 FontAwesome;
        font-size: 16px !important; }
    .new-outage-map .map-container.outage #pse-search-div .outage-maps-search #pse-search-txt.form-control.input-item.custom-input-padding {
      padding: 6px 30px 6px 30px !important; }
    .new-outage-map .map-container.outage #pse-search-div .outage-maps-search #MAPClearBtn .fa.fa-times.pse-clear-icon {
      margin-left: -25px;
      font-size: 20px;
      position: absolute;
      cursor: pointer;
      pointer-events: all;
      color: #717171; }
    @media (min-width: 768px) and (max-width: 991px) {
      .new-outage-map .map-container.outage #pse-search-div .outage-maps-search {
        text-align: left; } }
    .new-outage-map .map-container.outage #pse-search-div .outage-maps-search input {
      position: relative;
      bottom: 12px;
      pointer-events: all; }
      @media (min-width: 768px) and (max-width: 991px) {
        .new-outage-map .map-container.outage #pse-search-div .outage-maps-search input {
          width: 365px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .new-outage-map .map-container.outage #pse-search-div .outage-maps-search input {
          width: 365px;
          right: 5%; } }
    .new-outage-map .map-container.outage #pse-search-div .outage-maps-search span .pse-search-icon {
      font: normal normal normal 14px/1 FontAwesome;
      font-size: 16px !important; }
      @media (min-width: 1200px) {
        .new-outage-map .map-container.outage #pse-search-div .outage-maps-search span .pse-search-icon {
          right: 34%;
          top: 22px; } }
      @media (max-width: 767px) {
        .new-outage-map .map-container.outage #pse-search-div .outage-maps-search span .pse-search-icon {
          right: 3% !important;
          top: 18px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .new-outage-map .map-container.outage #pse-search-div .outage-maps-search span .pse-search-icon {
          right: 53% !important;
          top: 18px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .new-outage-map .map-container.outage #pse-search-div .outage-maps-search span .pse-search-icon {
          right: 37% !important;
          top: 22px; } }

.new-outage-map .map-container.outage #NotifyMeOutagePanel {
  position: absolute;
  right: 0;
  top: 84px;
  overflow: hidden; }
  @media (max-width: 767px) {
    .new-outage-map .map-container.outage #NotifyMeOutagePanel {
      width: 100% !important; } }
  .new-outage-map .map-container.outage #NotifyMeOutagePanel .custom-gm-style-iw-c {
    background: #f6f6f6;
    position: relative;
    display: none; }
    @media (max-width: 767px) {
      .new-outage-map .map-container.outage #NotifyMeOutagePanel .custom-gm-style-iw-c {
        width: 100% !important;
        left: 0 !important; } }
  .new-outage-map .map-container.outage #NotifyMeOutagePanel #notifyme-title-container {
    padding: 10px 15px 12px 15px;
    width: 375px;
    background-color: #717171;
    color: #fff;
    font-family: roboto-medium;
    font-size: 16px; }
    @media (max-width: 767px) {
      .new-outage-map .map-container.outage #NotifyMeOutagePanel #notifyme-title-container {
        width: 100% !important; } }
    .new-outage-map .map-container.outage #NotifyMeOutagePanel #notifyme-title-container #closenotify.fa-close {
      color: #fff;
      font-size: 20px;
      top: 8px !important;
      background: none;
      border: 0;
      position: absolute;
      right: 9px !important;
      opacity: 1; }
  .new-outage-map .map-container.outage #NotifyMeOutagePanel #notifyme-body-container {
    padding: 20px 20px 20px 20px;
    border-bottom: 4px solid #717171; }
    .new-outage-map .map-container.outage #NotifyMeOutagePanel #notifyme-body-container #interactiveMapNotify .custom-textfield input {
      background-color: #fff !important;
      color: #242424 !important;
      font-family: "roboto-light" !important;
      font-size: 20px !important;
      padding: 0 8px !important;
      border: none !important; }
    .new-outage-map .map-container.outage #NotifyMeOutagePanel #notifyme-body-container #interactiveMapNotify .notify-btn {
      text-align: center; }
      .new-outage-map .map-container.outage #NotifyMeOutagePanel #notifyme-body-container #interactiveMapNotify .notify-btn .btn {
        background-color: #1771cc;
        font-family: "roboto-condensed-bold";
        font-size: 18px;
        padding: 6px 0;
        width: 125px;
        cursor: pointer;
        outline: none; }
    .new-outage-map .map-container.outage #NotifyMeOutagePanel #notifyme-body-container #interactiveMapNotify .back {
      color: #1771cc;
      font-family: "roboto-condensed-bold";
      font-size: 18px;
      text-align: center;
      padding-top: 6px;
      cursor: pointer; }
      .new-outage-map .map-container.outage #NotifyMeOutagePanel #notifyme-body-container #interactiveMapNotify .back .fa-close {
        padding-left: 5px;
        font-size: 20px; }
  .new-outage-map .map-container.outage #NotifyMeOutagePanel #notifyme-confirmation-container {
    height: 365px;
    text-align: center;
    padding: 20px 20px 20px 20px;
    border-bottom: 4px solid #717171;
    display: none; }
    .new-outage-map .map-container.outage #NotifyMeOutagePanel #notifyme-confirmation-container #notifyme-confirmation-content {
      padding: 15px 15px 0px 15px; }
    .new-outage-map .map-container.outage #NotifyMeOutagePanel #notifyme-confirmation-container .notify-close {
      position: absolute;
      text-align: center;
      left: 0;
      right: 0;
      bottom: 40px;
      color: #1771cc;
      font-family: "roboto-condensed-bold";
      font-size: 18px;
      text-align: center;
      padding-top: 6px;
      cursor: pointer; }
      .new-outage-map .map-container.outage #NotifyMeOutagePanel #notifyme-confirmation-container .notify-close .fa-close {
        padding-left: 5px;
        font-size: 20px; }
    .new-outage-map .map-container.outage #NotifyMeOutagePanel #notifyme-confirmation-container .fa-check-circle-o {
      font-size: 80px;
      color: #717171; }

.new-outage-map .list-pse-search-txt {
  width: 100%; }

.new-outage-map .switch-view {
  padding-right: 0px !important;
  padding-left: 0px !important; }

.new-outage-map .new-list-view {
  border: none !important; }
  .new-outage-map .new-list-view .outage-button-container-psps {
    left: 10%; }
  .new-outage-map .new-list-view .list-view-header {
    margin-left: 0 !important;
    margin-bottom: 30px; }
  .new-outage-map .new-list-view .listview-title .select-wrapper .list-disabled-text {
    color: #9b9b9b !important;
    font-style: italic !important; }
  .new-outage-map .new-list-view .listview-title .outage-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px; }
    .new-outage-map .new-list-view .listview-title .outage-toggle .crc-toggle-switch .switch {
      position: relative;
      display: inline-block;
      width: 63px;
      height: 25px; }
      .new-outage-map .new-list-view .listview-title .outage-toggle .crc-toggle-switch .switch input {
        opacity: 0;
        width: 0;
        height: 0; }
        .new-outage-map .new-list-view .listview-title .outage-toggle .crc-toggle-switch .switch input:checked + .slider {
          background-color: #006671;
          justify-content: flex-start; }
          .new-outage-map .new-list-view .listview-title .outage-toggle .crc-toggle-switch .switch input:checked + .slider:before {
            transform: translateX(38px); }
          .new-outage-map .new-list-view .listview-title .outage-toggle .crc-toggle-switch .switch input:checked + .slider span {
            color: white; }
      .new-outage-map .new-list-view .listview-title .outage-toggle .crc-toggle-switch .switch .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #898f9e;
        border-radius: 34px;
        transition: 0.4s;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 0 10px;
        font-family: sans-serif;
        font-weight: bold;
        color: white;
        font-size: 14px; }
        .new-outage-map .new-list-view .listview-title .outage-toggle .crc-toggle-switch .switch .slider:before {
          content: "";
          height: 21px;
          width: 21px;
          border-radius: 50%;
          background-color: white;
          position: absolute;
          left: 2px;
          transition: 0.4s;
          z-index: 1; }
        .new-outage-map .new-list-view .listview-title .outage-toggle .crc-toggle-switch .switch .slider span {
          position: relative;
          z-index: 2;
          font-size: 12px;
          font-family: "roboto-medium", sans-serif;
          font-weight: 500;
          transition: color 0.4s; }
  .new-outage-map .new-list-view .list-btn-psps-icon {
    gap: 4%;
    align-items: center;
    justify-content: space-between; }
    .new-outage-map .new-list-view .list-btn-psps-icon .list-view-wrapper {
      display: inline-grid;
      gap: 10px; }
    .new-outage-map .new-list-view .list-btn-psps-icon .radio-btn-div {
      display: flex;
      gap: 4px;
      align-items: center;
      width: auto !important;
      white-space: nowrap;
      position: relative;
      z-index: 1; }
      .new-outage-map .new-list-view .list-btn-psps-icon .radio-btn-div .disabled-text {
        color: #808080 !important;
        font-style: italic !important; }
      .new-outage-map .new-list-view .list-btn-psps-icon .radio-btn-div input[type="radio"] {
        width: 18px;
        height: 18px;
        margin-right: 2px; }
  .new-outage-map .new-list-view .list-content .outage-accordion-container .active-outage-accordion .summaryTitle {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 90%;
    white-space: nowrap;
    float: left; }
  .new-outage-map .new-list-view .list-content .outage-accordion-container ul {
    border: 0; }
    .new-outage-map .new-list-view .list-content .outage-accordion-container ul > li {
      font-size: 18px; }
      .new-outage-map .new-list-view .list-content .outage-accordion-container ul > li:last-child {
        font-size: 14px; }
        .new-outage-map .new-list-view .list-content .outage-accordion-container ul > li:last-child span {
          font-size: 14px; }
      .new-outage-map .new-list-view .list-content .outage-accordion-container ul > li > span {
        font-size: 18px;
        font-family: roboto-medium;
        min-width: 0;
        max-width: 100%; }
        .new-outage-map .new-list-view .list-content .outage-accordion-container ul > li > span:last-child {
          margin-left: 5px; }
  .new-outage-map .new-list-view .list-content .psps-accordion-container ul {
    border: 0; }
    .new-outage-map .new-list-view .list-content .psps-accordion-container ul > li {
      font-size: 18px; }
      .new-outage-map .new-list-view .list-content .psps-accordion-container ul > li:last-child {
        font-size: 14px; }
        .new-outage-map .new-list-view .list-content .psps-accordion-container ul > li:last-child span {
          font-size: 14px; }
      .new-outage-map .new-list-view .list-content .psps-accordion-container ul > li > span {
        font-size: 18px;
        font-family: roboto-medium;
        min-width: 0;
        max-width: 100%; }
        .new-outage-map .new-list-view .list-content .psps-accordion-container ul > li > span:last-child {
          margin-left: 5px; }
  .new-outage-map .new-list-view .list-content ul.ul-list-view {
    min-height: 200px; }
  .new-outage-map .new-list-view .list-content ul li.maptype {
    display: flex;
    align-items: center; }
  .new-outage-map .new-list-view .list-content ul li.crclist-view {
    display: flex;
    margin-bottom: 6px !important;
    line-height: 1.5; }
  .new-outage-map .new-list-view .list-content ul li > span.crc-detalis-listview-title {
    font-size: 14px;
    font-family: "roboto-medium";
    font-weight: 500;
    min-width: 90px;
    max-width: 210px;
    display: inline-block;
    line-height: 1.36;
    vertical-align: middle; }
  .new-outage-map .new-list-view .list-content ul li > span.crc-detalis-listview {
    font-family: "roboto-light";
    font-size: 14px;
    font-weight: normal;
    min-width: 90px;
    max-width: 210px;
    display: inline-block;
    line-height: 1.36;
    vertical-align: middle; }
    .new-outage-map .new-list-view .list-content ul li > span.crc-detalis-listview a {
      font-weight: 600;
      font-size: 14px !important; }
  .new-outage-map .new-list-view .listViewSection {
    position: relative;
    padding: 0px; }
    .new-outage-map .new-list-view .listViewSection .list-view-header {
      margin-top: 35px;
      color: #4a4a4a;
      font-family: "roboto-light";
      font-size: 24px;
      font-weight: 300;
      margin-left: 55px; }
      @media (max-width: 767px) {
        .new-outage-map .new-list-view .listViewSection .list-view-header {
          margin-top: 0; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .new-outage-map .new-list-view .listViewSection .list-view-header {
          position: absolute;
          margin-top: 80px; } }
    .new-outage-map .new-list-view .listViewSection #OutageListTable {
      margin-top: 20px; }
      .new-outage-map .new-list-view .listViewSection #OutageListTable .listView-container {
        flex-direction: column; }
        .new-outage-map .new-list-view .listViewSection #OutageListTable .listView-container li.maptype {
          display: flex;
          align-items: center; }
      @media (min-width: 768px) and (max-width: 991px) {
        .new-outage-map .new-list-view .listViewSection #OutageListTable {
          margin-top: 50px; } }
    .new-outage-map .new-list-view .listViewSection .outage-button-container,
    .new-outage-map .new-list-view .listViewSection .outage-button-container-psps {
      padding: 0; }
      .new-outage-map .new-list-view .listViewSection .outage-button-container .outage-accordion-container,
      .new-outage-map .new-list-view .listViewSection .outage-button-container-psps .outage-accordion-container {
        position: absolute;
        z-index: 1; }
      .new-outage-map .new-list-view .listViewSection .outage-button-container .psps-accordion-container,
      .new-outage-map .new-list-view .listViewSection .outage-button-container-psps .psps-accordion-container {
        position: absolute;
        z-index: 1; }
    @media (min-width: 768px) and (max-width: 991px) {
      .new-outage-map .new-list-view .listViewSection .listview-row {
        position: relative; } }
    @media (max-width: 767px) {
      .new-outage-map .new-list-view .listViewSection .listview-row {
        display: flex;
        flex-direction: column; } }
    @media (max-width: 767px) {
      .new-outage-map .new-list-view .listViewSection .listview-row .listview-title {
        display: flex;
        order: 3; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .new-outage-map .new-list-view .listViewSection .listview-row .listview-searchbar .search-list {
        right: 12%;
        top: 34px; } }
    @media (min-width: 1200px) {
      .new-outage-map .new-list-view .listViewSection .listview-row .listview-searchbar .search-list {
        margin-left: 375px;
        top: -32px;
        position: relative; } }
    @media (max-width: 991px) {
      .new-outage-map .new-list-view .listViewSection .listview-row .listview-searchbar .search-list {
        right: 3%;
        top: 30px; } }
    .new-outage-map .new-list-view .listViewSection .listview-row .listview-searchbar .List-search-icon-left {
      position: absolute;
      margin-left: 6px;
      z-index: 2;
      padding: 2px;
      color: #717171;
      pointer-events: all;
      cursor: pointer;
      top: 37%; }
    .new-outage-map .new-list-view .listViewSection .listview-row .listview-searchbar .clearListView {
      font-size: 20px;
      position: absolute;
      cursor: pointer;
      pointer-events: all;
      top: 32px;
      margin-left: 274px !important;
      color: #717171; }
    .new-outage-map .new-list-view .listViewSection .listview-row .listview-searchbar .custom-input-padding {
      padding: 6px 30px 6px 30px !important; }
    @media (max-width: 767px) {
      .new-outage-map .new-list-view .listViewSection .listview-row .listview-searchbar {
        display: flex;
        order: 2;
        margin-top: 35px; } }
    @media (max-width: 767px) {
      .new-outage-map .new-list-view .listViewSection .listview-row .outage-button-container {
        display: flex;
        order: 1; } }
    @media (max-width: 767px) {
      .new-outage-map .new-list-view .listViewSection .listview-row .outage-button-container #outage-map-list-report-outage {
        width: 100%; } }
  .new-outage-map .new-list-view .list-view {
    padding-right: 0px; }
  .new-outage-map .new-list-view .list-view,
  .new-outage-map .new-list-view .map-view {
    text-align: right !important;
    border: none !important;
    max-width: 100% !important;
    padding-top: 14px;
    min-height: 65px !important; }
    @media (max-width: 768px) {
      .new-outage-map .new-list-view .list-view,
      .new-outage-map .new-list-view .map-view {
        padding-top: 28px; } }
    .new-outage-map .new-list-view .list-view .map-change-icon,
    .new-outage-map .new-list-view .list-view .list-view-icon,
    .new-outage-map .new-list-view .map-view .map-change-icon,
    .new-outage-map .new-list-view .map-view .list-view-icon {
      padding-right: 0px !important; }
    @media (max-width: 767px) {
      .new-outage-map .new-list-view .list-view span,
      .new-outage-map .new-list-view .map-view span {
        padding: 0px !important; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .new-outage-map .new-list-view .list-view,
      .new-outage-map .new-list-view .map-view {
        padding-top: 24px !important; } }
  .new-outage-map .new-list-view .search {
    width: 100%;
    margin: 0 auto;
    padding: 0; }
  .new-outage-map .new-list-view #report-outage-list-button-container {
    padding: 10px 15px;
    width: 375px;
    height: 40px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #1771cc;
    text-decoration: none;
    cursor: pointer;
    text-align: left;
    float: right; }
    @media (max-width: 767px) {
      .new-outage-map .new-list-view #report-outage-list-button-container {
        width: 100%; } }
    .new-outage-map .new-list-view #report-outage-list-button-container a {
      display: block;
      color: #fff;
      font-family: Roboto-medium;
      font-size: 16px;
      line-height: 18px;
      padding-left: 0;
      padding-right: 0;
      text-decoration: none;
      text-overflow: ellipsis;
      overflow: hidden;
      width: 90%;
      white-space: nowrap; }
      .new-outage-map .new-list-view #report-outage-list-button-container a .fa-chevron-right {
        position: absolute;
        right: 0;
        padding: 12px 15px;
        margin-top: -10px; }

@media (max-width: 768px) {
  .new-outage-map .outage-map-list.new-list-view .map-list-view {
    padding-left: 0px !important;
    padding-right: 10px !important; } }

.new-outage-map .outage-map-list.new-list-view .view-type {
  width: 100%; }

@media (min-width: 992px) {
  .new-outage-map .outage-map-list.new-list-view .list-view,
  .new-outage-map .outage-map-list.new-list-view .map-view {
    position: relative;
    right: calc(5% + 20px); } }

.new-outage-map .outage-map-list.new-list-view .radio-button-table {
  border-collapse: collapse; }
  .new-outage-map .outage-map-list.new-list-view .radio-button-table .radio-btn-cell {
    padding: 0 10px 15px 10px;
    vertical-align: top;
    width: auto; }
    .new-outage-map .outage-map-list.new-list-view .radio-button-table .radio-btn-cell .radio-btn-div label {
      white-space: nowrap;
      display: flex;
      align-items: center;
      gap: 5px; }
      .new-outage-map .outage-map-list.new-list-view .radio-button-table .radio-btn-cell .radio-btn-div label .disabled-text {
        color: #808080 !important;
        font-style: italic !important; }
      .new-outage-map .outage-map-list.new-list-view .radio-button-table .radio-btn-cell .radio-btn-div label input[type="radio"] {
        width: 18px;
        height: 18px;
        margin-right: 2px; }

.new-outage-map .outage-map-list.filterdiv {
  position: absolute;
  top: 0px !important;
  margin-left: 24%; }

.new-outage-map .outage-map-list .view-type .psps-filter-div {
  margin-left: 10%; }

.new-outage-map .outage-map-list .view-type .psps-filter-btn {
  margin-top: 7px; }
  .new-outage-map .outage-map-list .view-type .psps-filter-btn .btn-ps-item {
    background-color: #f8f8f8;
    color: #717171;
    font-size: 16px;
    border: 1px solid #9d9d9d;
    font-family: 'roboto-medium';
    height: 45px;
    width: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px; }
    .new-outage-map .outage-map-list .view-type .psps-filter-btn .btn-ps-item .filter-img {
      width: 24px;
      height: 24px; }

.new-outage-map .outage-map-list .view-type .psps-search-div {
  margin-right: 20% !important; }

.new-outage-map .outage-map-list .view-type .psps-custom-modal {
  display: none;
  position: absolute;
  top: 60px;
  transform: translateX(-70%);
  z-index: 1001;
  width: 406px;
  height: 206px; }
  .new-outage-map .outage-map-list .view-type .psps-custom-modal .psps-modal-content {
    background-color: #ffff;
    border: 1px solid #9d9d9d; }
    .new-outage-map .outage-map-list .view-type .psps-custom-modal .psps-modal-content hr {
      margin-top: 0 !important;
      margin-bottom: 10px !important;
      border: 1px solid #c3c3c3 !important;
      height: 0 !important; }
    .new-outage-map .outage-map-list .view-type .psps-custom-modal .psps-modal-content p {
      font-family: 'Roboto-medium'; }
    .new-outage-map .outage-map-list .view-type .psps-custom-modal .psps-modal-content .apply-filter-header {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .new-outage-map .outage-map-list .view-type .psps-custom-modal .psps-modal-content .apply-filter-header h6 {
        font-size: 18px !important;
        font-family: 'roboto-bold' !important;
        color: #4a4a4a; }
      .new-outage-map .outage-map-list .view-type .psps-custom-modal .psps-modal-content .apply-filter-header .psps-close-icon {
        font-size: 20px; }
    .new-outage-map .outage-map-list .view-type .psps-custom-modal .psps-modal-content .filter-menu-btn {
      display: flex;
      justify-content: space-between;
      gap: 8px;
      margin: 20px 0;
      position: relative; }
      .new-outage-map .outage-map-list .view-type .psps-custom-modal .psps-modal-content .filter-menu-btn .disabled-button {
        pointer-events: none !important;
        cursor: not-allowed !important;
        background: #808080 !important;
        border: 3px solid #808080 !important; }
      .new-outage-map .outage-map-list .view-type .psps-custom-modal .psps-modal-content .filter-menu-btn .disabled-text {
        color: #808080 !important;
        font-style: italic !important; }
      .new-outage-map .outage-map-list .view-type .psps-custom-modal .psps-modal-content .filter-menu-btn .btn-psps-icon {
        min-height: 117px;
        text-align: left;
        flex: 1;
        position: relative; }
        .new-outage-map .outage-map-list .view-type .psps-custom-modal .psps-modal-content .filter-menu-btn .btn-psps-icon p {
          font-family: 'Roboto-regular';
          word-break: break-word;
          overflow-wrap: break-word;
          white-space: normal;
          max-width: 100%; }
        .new-outage-map .outage-map-list .view-type .psps-custom-modal .psps-modal-content .filter-menu-btn .btn-psps-icon .selected-btn {
          border: 3px solid #0A84FF !important; }
        .new-outage-map .outage-map-list .view-type .psps-custom-modal .psps-modal-content .filter-menu-btn .btn-psps-icon .psps-outagebtn {
          background: #FFA500;
          border: 3px solid #FFA500;
          border-radius: 30%;
          height: 60px;
          width: 60px; }
          .new-outage-map .outage-map-list .view-type .psps-custom-modal .psps-modal-content .filter-menu-btn .btn-psps-icon .psps-outagebtn .psps-icon {
            width: 30px;
            height: 30px; }
        .new-outage-map .outage-map-list .view-type .psps-custom-modal .psps-modal-content .filter-menu-btn .btn-psps-icon .psps-outagebtnAlert {
          background: #E45D48;
          border: 3px solid #E45D48;
          border-radius: 30%;
          height: 60px;
          width: 60px; }
          .new-outage-map .outage-map-list .view-type .psps-custom-modal .psps-modal-content .filter-menu-btn .btn-psps-icon .psps-outagebtnAlert .psps-icon {
            width: 30px;
            height: 30px; }
        .new-outage-map .outage-map-list .view-type .psps-custom-modal .psps-modal-content .filter-menu-btn .btn-psps-icon .icon-with-separator {
          display: flex;
          align-items: center;
          justify-content: center; }
          .new-outage-map .outage-map-list .view-type .psps-custom-modal .psps-modal-content .filter-menu-btn .btn-psps-icon .icon-with-separator .showAll-outagebtn {
            background: #006671;
            border: 3px solid #006671;
            border-radius: 30%;
            height: 60px;
            width: 60px; }
            .new-outage-map .outage-map-list .view-type .psps-custom-modal .psps-modal-content .filter-menu-btn .btn-psps-icon .icon-with-separator .showAll-outagebtn .showAll-icon {
              width: 30px;
              height: 30px; }
          .new-outage-map .outage-map-list .view-type .psps-custom-modal .psps-modal-content .filter-menu-btn .btn-psps-icon .icon-with-separator .vertical-separator {
            width: 1px;
            height: 53px;
            background-color: #ccc;
            margin-left: 10px; }
        .new-outage-map .outage-map-list .view-type .psps-custom-modal .psps-modal-content .filter-menu-btn .btn-psps-icon .planned-outagebtn {
          background: #469c90;
          border: 3px solid #469c90;
          border-radius: 30%;
          height: 60px;
          width: 60px; }
          .new-outage-map .outage-map-list .view-type .psps-custom-modal .psps-modal-content .filter-menu-btn .btn-psps-icon .planned-outagebtn .planned-icon {
            width: 30px;
            height: 30px; }
    .new-outage-map .outage-map-list .view-type .psps-custom-modal .psps-modal-content .crc-toggle .crc-tilte p {
      font-family: "roboto-regular" !important;
      font-size: 14px; }
    .new-outage-map .outage-map-list .view-type .psps-custom-modal .psps-modal-content .crc-toggle .crc-tilte p.italic-desc {
      font-style: italic; }
    .new-outage-map .outage-map-list .view-type .psps-custom-modal .psps-modal-content .crc-toggle .crc-toggle-switch .switch {
      position: relative;
      display: inline-block;
      width: 63px;
      height: 25px; }
      .new-outage-map .outage-map-list .view-type .psps-custom-modal .psps-modal-content .crc-toggle .crc-toggle-switch .switch input {
        opacity: 0;
        width: 0;
        height: 0; }
        .new-outage-map .outage-map-list .view-type .psps-custom-modal .psps-modal-content .crc-toggle .crc-toggle-switch .switch input:checked + .slider {
          background-color: #006671;
          justify-content: flex-start; }
          .new-outage-map .outage-map-list .view-type .psps-custom-modal .psps-modal-content .crc-toggle .crc-toggle-switch .switch input:checked + .slider:before {
            transform: translateX(38px); }
      .new-outage-map .outage-map-list .view-type .psps-custom-modal .psps-modal-content .crc-toggle .crc-toggle-switch .switch .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #898f9e;
        border-radius: 34px;
        transition: 0.4s;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 0 10px;
        font-family: sans-serif;
        font-weight: bold;
        color: white;
        font-size: 14px; }
        .new-outage-map .outage-map-list .view-type .psps-custom-modal .psps-modal-content .crc-toggle .crc-toggle-switch .switch .slider:before {
          content: "";
          height: 21px;
          width: 21px;
          border-radius: 50%;
          background-color: white;
          position: absolute;
          left: 2px;
          transition: 0.4s; }
        .new-outage-map .outage-map-list .view-type .psps-custom-modal .psps-modal-content .crc-toggle .crc-toggle-switch .switch .slider span {
          position: relative;
          z-index: 2;
          font-size: 12px;
          font-family: "roboto-medium";
          font-weight: 500; }
    .new-outage-map .outage-map-list .view-type .psps-custom-modal .psps-modal-content .describtion p {
      font-family: 'Roboto-regular';
      font-size: 12px; }

.new-outage-map #outagedetailspanel {
  position: absolute;
  right: 0px !important;
  overflow: hidden;
  display: none;
  background: #fff; }
  .new-outage-map #outagedetailspanel.outagedetailspanelAuthenticated {
    top: 126px !important; }
  .new-outage-map #outagedetailspanel.outagedetailspanelUnAuthenticated {
    top: 84px !important; }
  .new-outage-map #outagedetailspanel #outagedetails {
    position: relative; }
    @media (max-width: 767px) {
      .new-outage-map #outagedetailspanel #outagedetails {
        left: 0px; } }
    .new-outage-map #outagedetailspanel #outagedetails #closeoutagedetails {
      color: #fff;
      font-size: 20px;
      top: 8px !important;
      background: none;
      border: 0;
      position: absolute;
      right: 9px !important;
      opacity: 1; }

.new-outage-map .outage-accordion-container {
  right: 0 !important;
  width: 375px;
  top: 40px !important; }
  @media (max-width: 767px) {
    .new-outage-map .outage-accordion-container {
      width: 100%; } }
  .new-outage-map .outage-accordion-container .outage-accordion {
    color: #fff;
    cursor: pointer;
    padding: 10px 15px;
    width: 375px;
    text-align: left;
    outline: none;
    font-size: 16px;
    font-family: roboto-medium;
    transition: 0.4s;
    margin-top: 2px;
    margin-bottom: 0;
    height: 40px;
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none; }
    @media (max-width: 767px) {
      .new-outage-map .outage-accordion-container .outage-accordion {
        width: 100%; } }
    .new-outage-map .outage-accordion-container .outage-accordion.active-outage-accordion {
      background-color: #006671; }
      .new-outage-map .outage-accordion-container .outage-accordion.active-outage-accordion .summaryTitle {
        text-overflow: ellipsis;
        overflow: hidden;
        width: 90%;
        white-space: nowrap;
        float: left; }
    .new-outage-map .outage-accordion-container .outage-accordion.myoutage-outage-accordion {
      background-color: #632656; }
      .new-outage-map .outage-accordion-container .outage-accordion.myoutage-outage-accordion .summaryTitle {
        text-overflow: ellipsis;
        overflow: hidden;
        width: 90%;
        white-space: nowrap;
        float: left; }
    .new-outage-map .outage-accordion-container .outage-accordion span.fa.fa-plus,
    .new-outage-map .outage-accordion-container .outage-accordion span.fa.fa-minus {
      margin: 2px 3px; }
  .new-outage-map .outage-accordion-container .active-outage-my-pse-panel {
    padding: 20px 15px;
    font-size: 16px;
    display: none;
    background-color: #fff;
    overflow: hidden;
    border-bottom: 4px solid #006671; }
    .new-outage-map .outage-accordion-container .active-outage-my-pse-panel .showAllSearchResult {
      color: #4a4a4a !important;
      font-style: italic !important;
      font-size: 14px;
      margin-right: 5px; }
    .new-outage-map .outage-accordion-container .active-outage-my-pse-panel .pill {
      display: inline-flex;
      align-items: center;
      background-color: #f6f6f6;
      border: 1px solid #979797;
      border-radius: 20px;
      padding: 4px 8px;
      font-size: 14px;
      max-width: 200px; }
      .new-outage-map .outage-accordion-container .active-outage-my-pse-panel .pill .text {
        margin-right: 8px;
        font-size: 14px;
        font-family: 'Roboto';
        font-style: italic;
        flex: 1;
        text-overflow: ellipsis;
        white-space: nowrap;
        min-width: 0;
        overflow: hidden;
        padding-right: 2px; }
      .new-outage-map .outage-accordion-container .active-outage-my-pse-panel .pill .close-btn {
        background: none;
        border: none;
        font-size: 14px;
        cursor: pointer;
        color: #717171;
        padding: 0px; }
    .new-outage-map .outage-accordion-container .active-outage-my-pse-panel .container-active-outage ul {
      padding: 0px;
      list-style: none;
      font-family: roboto-medium;
      margin-bottom: 0px; }
      .new-outage-map .outage-accordion-container .active-outage-my-pse-panel .container-active-outage ul li {
        padding-bottom: 15px;
        font-size: 18px; }
        .new-outage-map .outage-accordion-container .active-outage-my-pse-panel .container-active-outage ul li:last-child {
          font-size: 14px; }
          .new-outage-map .outage-accordion-container .active-outage-my-pse-panel .container-active-outage ul li:last-child span:last-child {
            font-family: roboto-regular; }
    .new-outage-map .outage-accordion-container .active-outage-my-pse-panel .container-active-outage .active-outage-summary {
      padding-top: 5px;
      padding-bottom: 20px;
      border-bottom: 1px solid;
      font-family: roboto-regular;
      font-size: 16px; }
    .new-outage-map .outage-accordion-container .active-outage-my-pse-panel .container-active-outage .active-outage-social-link {
      padding-top: 17px;
      padding-bottom: 18px; }
      .new-outage-map .outage-accordion-container .active-outage-my-pse-panel .container-active-outage .active-outage-social-link span {
        display: flex;
        align-items: center; }
      .new-outage-map .outage-accordion-container .active-outage-my-pse-panel .container-active-outage .active-outage-social-link .fa.fa-twitter {
        color: #1771cc;
        font-size: 20px; }
      .new-outage-map .outage-accordion-container .active-outage-my-pse-panel .container-active-outage .active-outage-social-link a {
        color: #4a4a4a;
        margin-left: 5px;
        font-family: 'roboto-regular'; }
  .new-outage-map .outage-accordion-container .myoutage-my-pse-panel {
    margin-bottom: 2px;
    font-size: 16px;
    background-color: #fff;
    overflow: hidden;
    display: none; }
    .new-outage-map .outage-accordion-container .myoutage-my-pse-panel.custom-gm-style-iw-c {
      position: relative; }

.new-outage-map .psps-accordion-container {
  right: 0 !important;
  width: 375px;
  top: 40px !important; }
  @media (max-width: 767px) {
    .new-outage-map .psps-accordion-container {
      width: 100%; } }
  .new-outage-map .psps-accordion-container .outage-accordion {
    color: #fff;
    cursor: pointer;
    padding: 10px 15px;
    width: 375px;
    text-align: left;
    outline: none;
    font-size: 16px;
    font-family: roboto-medium;
    transition: 0.4s;
    margin-top: 2px;
    margin-bottom: 0;
    height: 40px;
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none; }
    @media (max-width: 767px) {
      .new-outage-map .psps-accordion-container .outage-accordion {
        width: 100%; } }
    .new-outage-map .psps-accordion-container .outage-accordion.active-outage-accordion {
      background-color: #006671; }
      .new-outage-map .psps-accordion-container .outage-accordion.active-outage-accordion .summaryTitle {
        text-overflow: ellipsis;
        overflow: hidden;
        width: 90%;
        white-space: nowrap;
        float: left; }
    .new-outage-map .psps-accordion-container .outage-accordion.myoutage-outage-accordion {
      background-color: #632656; }
      .new-outage-map .psps-accordion-container .outage-accordion.myoutage-outage-accordion .summaryTitle {
        text-overflow: ellipsis;
        overflow: hidden;
        width: 90%;
        white-space: nowrap;
        float: left; }
    .new-outage-map .psps-accordion-container .outage-accordion span.fa.fa-plus,
    .new-outage-map .psps-accordion-container .outage-accordion span.fa.fa-minus {
      margin: 2px 3px; }
  .new-outage-map .psps-accordion-container .active-outage-my-pse-panel {
    padding: 20px 15px;
    font-size: 16px;
    display: none;
    background-color: #fff;
    overflow: hidden;
    border-bottom: 4px solid #006671; }
    .new-outage-map .psps-accordion-container .active-outage-my-pse-panel .showAllSearchResult {
      color: #4a4a4a !important;
      font-style: italic !important;
      font-size: 14px;
      margin-right: 5px; }
    .new-outage-map .psps-accordion-container .active-outage-my-pse-panel .pill {
      display: inline-flex;
      align-items: center;
      background-color: #f6f6f6;
      border: 1px solid #979797;
      border-radius: 20px;
      padding: 4px 8px;
      font-size: 14px;
      max-width: 200px; }
      .new-outage-map .psps-accordion-container .active-outage-my-pse-panel .pill .text {
        margin-right: 8px;
        font-size: 14px;
        font-family: 'Roboto';
        font-style: italic;
        flex: 1;
        text-overflow: ellipsis;
        white-space: nowrap;
        min-width: 0;
        padding-right: 2px;
        overflow: hidden; }
      .new-outage-map .psps-accordion-container .active-outage-my-pse-panel .pill .close-btn {
        background: none;
        border: none;
        font-size: 14px;
        cursor: pointer;
        color: #717171;
        padding: 0px; }
    .new-outage-map .psps-accordion-container .active-outage-my-pse-panel .last-update-div {
      margin-bottom: 18px; }
      .new-outage-map .psps-accordion-container .active-outage-my-pse-panel .last-update-div .summary-label,
      .new-outage-map .psps-accordion-container .active-outage-my-pse-panel .last-update-div .outage-last-updated {
        color: #4a4a4a !important;
        font-style: italic !important;
        font-size: 14px; }
    .new-outage-map .psps-accordion-container .active-outage-my-pse-panel .container-active-outage ul {
      padding: 0px;
      list-style: none;
      font-family: roboto-medium;
      margin-bottom: 0px; }
      .new-outage-map .psps-accordion-container .active-outage-my-pse-panel .container-active-outage ul li {
        padding-bottom: 15px;
        font-size: 18px; }
        .new-outage-map .psps-accordion-container .active-outage-my-pse-panel .container-active-outage ul li:last-child {
          font-size: 14px; }
          .new-outage-map .psps-accordion-container .active-outage-my-pse-panel .container-active-outage ul li:last-child span:last-child {
            font-family: roboto-regular; }
    .new-outage-map .psps-accordion-container .active-outage-my-pse-panel .container-active-outage .active-outage-summary {
      padding-top: 5px;
      padding-bottom: 20px;
      border-bottom: 1px solid;
      font-family: roboto-regular;
      font-size: 16px; }
      .new-outage-map .psps-accordion-container .active-outage-my-pse-panel .container-active-outage .active-outage-summary .summary-section .summary-header {
        font-family: 'roboto-medium';
        font-size: 16px;
        display: flex;
        align-items: center;
        gap: 5px; }
      .new-outage-map .psps-accordion-container .active-outage-my-pse-panel .container-active-outage .active-outage-summary .summary-section .show-all-div .summary-label {
        font-family: 'roboto-medium';
        font-size: 14px; }
      .new-outage-map .psps-accordion-container .active-outage-my-pse-panel .container-active-outage .active-outage-summary .summary-section .show-all-div .outage-total-count,
      .new-outage-map .psps-accordion-container .active-outage-my-pse-panel .container-active-outage .active-outage-summary .summary-section .show-all-div .customer-affect-total,
      .new-outage-map .psps-accordion-container .active-outage-my-pse-panel .container-active-outage .active-outage-summary .summary-section .show-all-div .outage-last-updated {
        font-family: 'roboto-regular';
        font-size: 14px; }
      .new-outage-map .psps-accordion-container .active-outage-my-pse-panel .container-active-outage .active-outage-summary .showAll-custom-hr {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        border: 1px solid #c3c3c3 !important;
        height: 0 !important; }
      .new-outage-map .psps-accordion-container .active-outage-my-pse-panel .container-active-outage .active-outage-summary .showAll-description {
        font-family: 'roboto-regular';
        font-size: 14px;
        color: #4a4a4a;
        margin-bottom: 0px; }
    .new-outage-map .psps-accordion-container .active-outage-my-pse-panel .container-active-outage .show-all-summary {
      padding-top: 0px !important;
      padding-bottom: 10px !important; }
    .new-outage-map .psps-accordion-container .active-outage-my-pse-panel .container-active-outage .active-outage-social-link {
      padding-top: 17px;
      padding-bottom: 18px; }
      .new-outage-map .psps-accordion-container .active-outage-my-pse-panel .container-active-outage .active-outage-social-link span {
        display: flex;
        align-items: center; }
      .new-outage-map .psps-accordion-container .active-outage-my-pse-panel .container-active-outage .active-outage-social-link .fa.fa-twitter {
        color: #1771cc;
        font-size: 20px; }
      .new-outage-map .psps-accordion-container .active-outage-my-pse-panel .container-active-outage .active-outage-social-link a {
        color: #4a4a4a;
        margin-left: 5px;
        font-family: 'roboto-regular'; }
  .new-outage-map .psps-accordion-container .myoutage-my-pse-panel {
    margin-bottom: 2px;
    font-size: 16px;
    background-color: #fff;
    overflow: hidden;
    display: none; }
    .new-outage-map .psps-accordion-container .myoutage-my-pse-panel.custom-gm-style-iw-c {
      position: relative; }

@media (max-width: 767px) {
  .new-outage-map #OutageListTable {
    padding-left: 15px; }
    .new-outage-map #OutageListTable .listView-container {
      display: block; }
  .new-outage-map .outagedetailspanelUnAuthenticated {
    width: 100%; }
  .new-outage-map .list-view-no-padding {
    padding: 0 !important; }
  .new-outage-map .outagedetailspanelAuthenticated {
    width: 100%; }
  .new-outage-map .listview-title .filter-menu-btn {
    margin-bottom: 0px !important; }
    .new-outage-map .listview-title .filter-menu-btn .radio-button-table .radio-btn-cell {
      padding: 0px 0px 20px 0px !important; }
      .new-outage-map .listview-title .filter-menu-btn .radio-button-table .radio-btn-cell label {
        white-space: unset !important; }
    .new-outage-map .listview-title .filter-menu-btn .radio-button-table tr:last-child .radio-btn-cell {
      padding-bottom: 0 !important; }
  .new-outage-map .list-btn-psps-icon {
    display: flex;
    gap: 15px !important;
    justify-content: unset !important; }
    .new-outage-map .list-btn-psps-icon label {
      margin-left: 0px !important; }
    .new-outage-map .list-btn-psps-icon .radio-btn-div {
      white-space: unset !important; }
  .new-outage-map .list-view-header {
    padding: 10px 10px 0px 15px; }
  .new-outage-map .filterdiv {
    display: flex;
    padding: 0px 10px 10px 10px;
    gap: 1%;
    margin-left: 5px !important;
    position: relative !important; }
    .new-outage-map .filterdiv .psps-filter-btn .btn-ps-item {
      height: 48px !important; }
    .new-outage-map .filterdiv .psps-custom-modal {
      width: -webkit-fill-available !important;
      top: 50% !important;
      transform: translateX(0%) !important;
      margin-top: 5%; }
      .new-outage-map .filterdiv .psps-custom-modal .filter-menu-btn {
        display: flex; }
        .new-outage-map .filterdiv .psps-custom-modal .filter-menu-btn .btn-psps-icon {
          width: 100%; }
  .new-outage-map .crc-description h6.crc-site {
    font-size: 20px !important; }
  .new-outage-map #pse-search-div .search {
    margin-left: 10px !important; }
  .new-outage-map .outage-map-list {
    border-top: none; }
    .new-outage-map .outage-map-list .outage-maps-search .List-search-icon-left {
      position: absolute;
      margin-left: 6px;
      z-index: 2;
      padding: 2px;
      color: #717171;
      pointer-events: all;
      cursor: pointer;
      top: 33%; }
    .new-outage-map .outage-map-list .outage-maps-search input {
      text-overflow: ellipsis;
      padding: 6px 30px 6px 30px; }
    .new-outage-map .outage-map-list .outage-maps-search span .pse-search-icon {
      top: 31px; }
    .new-outage-map .outage-map-list .outage-maps-search .clearListView {
      margin-left: -25px;
      font-size: 20px;
      position: absolute;
      cursor: pointer;
      pointer-events: all;
      color: #717171;
      top: 35%; }
  .new-outage-map .psps-filter-div {
    margin-left: 0% !important; }
  .new-outage-map .accordionMapPosition {
    position: absolute !important; }
  .new-outage-map .accordionListPosition {
    position: static !important; } }

@media (min-width: 1200px) {
  .new-outage-map .listViewSection .listview-row .listview-searchbar .search-list {
    margin-left: 390px !important; } }

@media (min-width: 900px) and (max-width: 930px) and (min-height: 1300px) and (max-height: 1400px) {
  .new-outage-map .map-container.outage #pse-search-div .outage-maps-search input {
    width: 244px !important;
    left: 13% !important;
    margin-top: 0px !important;
    text-overflow: ellipsis; }
  .new-outage-map .map-container.outage #pse-search-div .outage-maps-search span .pse-search-icon {
    right: 60% !important; }
  .new-outage-map .new-list-view .listViewSection .listview-row .listview-searchbar .search-list {
    right: -163px !important;
    top: 37px !important; }
  .new-outage-map .listview-searchbar {
    left: 0% !important; } }

@media (min-width: 768px) {
  .new-outage-map .list-view-ml {
    margin-left: 15px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .new-outage-map .map-container.outage #pse-search-div .outage-maps-search input {
    width: auto;
    left: 14%;
    margin-top: 4px; }
  .new-outage-map .map-container.outage #pse-search-div .outage-maps-search span .pse-search-icon {
    top: 23px; }
  .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container .psps-outage-tracker .psps-img-outage-tracker:nth-child(4) {
    left: 47px; }
  .new-outage-map .crc-description h6.crc-site {
    font-size: 20px !important; }
  .new-outage-map .outage-map-list.filterdiv {
    margin-left: 0px !important; }
  .new-outage-map .outage-map-list .view-type .psps-custom-modal {
    transform: translateX(12px);
    width: 390px; }
    .new-outage-map .outage-map-list .view-type .psps-custom-modal .psps-modal-content .filter-menu-btn {
      display: flex; }
      .new-outage-map .outage-map-list .view-type .psps-custom-modal .psps-modal-content .filter-menu-btn .btn-psps-icon {
        width: 100%; }
  .new-outage-map .outage-map-list .view-type .psps-filter-btn .btn-ps-item {
    height: 48px; }
  .new-outage-map .mapTypeSearchbox {
    display: flex; }
  .new-outage-map .outage-map-list .outage-maps-search input {
    width: 340px;
    height: 48px; }
  .new-outage-map .new-list-view .outage-button-container-psps {
    left: 1%; }
  .new-outage-map .new-list-view .listViewSection .listview-row .listview-searchbar .search-list {
    right: -178px;
    top: 30px; }
  .new-outage-map .new-list-view .listViewSection .list-view-header {
    margin-top: 0px; }
  .new-outage-map .new-list-view .listview-title .filter-menu-btn {
    margin-bottom: 0px !important; }
  .new-outage-map .new-list-view .listview-title .radio-btn-div label {
    white-space: unset !important; }
  .new-outage-map .new-list-view .list-btn-psps-icon label {
    font-size: 16px;
    display: flex;
    align-items: center;
    width: 30%; }
  .new-outage-map .new-list-view .outage-button-container {
    left: 2%; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .new-outage-map .map-container.outage #pse-search-div .outage-maps-search span .pse-search-icon {
    right: 39% !important;
    top: 22px; }
  .new-outage-map .map-container.outage #pse-search-div .outage-maps-search input {
    width: 205px;
    right: 5%;
    left: 15px;
    text-overflow: ellipsis; }
  .new-outage-map .outage-map-list.filterdiv {
    position: absolute;
    top: 0 !important;
    margin-left: 29%; } }

@media (min-width: 820px) and (max-width: 1180px) {
  .new-outage-map .outage-map-list .outage-maps-search input {
    width: 310px; }
  .new-outage-map .listview-searchbar {
    left: 10%; }
  .new-outage-map .new-list-view .listViewSection .listview-row hr {
    margin-top: 2% !important; }
  .new-outage-map .new-list-view .listViewSection .listview-row .listview-searchbar .search-list {
    right: -13%;
    top: 34px; } }

.legendoutageLocation {
  padding-right: 32px;
  float: left !important; }

@media (min-width: 414px) and (max-width: 896px) {
  .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container .psps-outage-tracker .psps-img-outage-tracker:nth-child(4) {
    left: 57px; }
  .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container .psps-outage-tracker .psps-img-outage-tracker:nth-child(1) {
    left: 10px; } }

.new-outage-map .outage-map-list.filterdiv {
  position: absolute;
  top: 0 !important; }
  @media screen and (max-width: 5200px) {
    .new-outage-map .outage-map-list.filterdiv {
      margin-left: 42%; } }
  @media screen and (max-width: 3840px) {
    .new-outage-map .outage-map-list.filterdiv {
      margin-left: 39%; } }
  @media screen and (max-width: 2560px) {
    .new-outage-map .outage-map-list.filterdiv {
      margin-left: 34%; } }
  @media screen and (max-width: 1920px) {
    .new-outage-map .outage-map-list.filterdiv {
      margin-left: 29%; } }
  @media screen and (max-width: 1707px) {
    .new-outage-map .outage-map-list.filterdiv {
      margin-left: 27%; } }
  @media screen and (max-width: 1600px) {
    .new-outage-map .outage-map-list.filterdiv {
      margin-left: 22%; } }
  @media screen and (max-width: 1422px) {
    .new-outage-map .outage-map-list.filterdiv {
      margin-left: 20%; } }
  @media screen and (max-width: 1280px) {
    .new-outage-map .outage-map-list.filterdiv {
      margin-left: 23%; } }
  @media screen and (max-width: 1163px) {
    .new-outage-map .outage-map-list.filterdiv {
      margin-left: 30%; } }

@media (min-width: 375px) and (max-width: 667px) {
  .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container .psps-outage-tracker .psps-img-outage-tracker:nth-child(4) {
    left: 45px; } }

@media (min-width: 390px) and (max-width: 844px) {
  .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container .psps-outage-tracker .psps-img-outage-tracker:nth-child(4) {
    left: 60px; } }

@media (min-width: 430px) and (max-width: 932px) {
  .new-outage-map .map-container.outage .custom-gm-style-iw-c .psps-outage-tracker-container .psps-outage-tracker .psps-img-outage-tracker:nth-child(4) {
    left: 62px; } }

@media (min-width: 414px) and (max-width: 896px) {
  .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker .img-outage-tracker:nth-child(1) {
    left: 10px; } }

@media (min-width: 430px) and (max-width: 932px) {
  .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker .img-outage-tracker:nth-child(1) {
    left: 10px; } }

@media (min-width: 412px) and (max-width: 915px) {
  .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker .img-outage-tracker:nth-child(1) {
    left: 10px; } }

@media (min-width: 414px) and (max-width: 896px) {
  .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker .img-outage-tracker:nth-child(4) {
    left: -7px; } }

@media (min-width: 430px) and (max-width: 932px) {
  .new-outage-map .map-container.outage .custom-gm-style-iw-c .outage-tracker-container .outage-tracker .img-outage-tracker:nth-child(4) {
    left: -10px; } }

.storm-banner {
  position: relative; }
  .storm-banner .storm-banner-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.1; }
  .storm-banner .storm-banner-content {
    margin-bottom: 20px;
    position: relative; }
    .storm-banner .storm-banner-content .container {
      padding-top: 15px;
      padding-bottom: 15px; }

.hveOutage .hveInfo {
  display: flex;
  align-items: center;
  padding-bottom: 10px; }

.hveOutage .hveTitleImg {
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  margin-right: 10px; }

.hveOutage .hveTitle {
  font-size: 14px;
  box-sizing: border-box;
  font-family: "roboto-medium";
  font-weight: 500;
  color: #242424;
  text-align: left;
  line-height: normal; }

.hveOutage .hveBody {
  font-size: 14px;
  margin-top: 10px;
  max-height: 190px;
  padding: 15px 20px 15px 20px;
  border: 1px solid #d2d2d2;
  background-color: #f6f6f6;
  box-sizing: border-box;
  font-family: "Roboto";
  color: #242424;
  text-align: left;
  line-height: 21px;
  overflow-y: auto;
  scrollbar-width: thin; }

.hveOutage ul li:last-child, .hveOutage ul li:nth-last-child(2) {
  border-bottom: none !important; }

.hveListBody {
  border-top: 1px solid #c9c9c9;
  font-size: 14px;
  width: 250px;
  max-height: 101px;
  box-sizing: border-box;
  font-family: "Roboto", sans-serif;
  color: #4a4a4a;
  text-align: left;
  line-height: 21px;
  margin-top: 10px;
  padding-top: 5px; }
  .hveListBody a {
    font-size: 14px; }

.container-myoutage .description .hveInfo {
  padding-left: 5px;
  padding-top: 20px; }

#outageBodyContent li {
  color: #4a4a4a;
  font-family: "roboto-light";
  font-weight: normal;
  line-height: 1.75;
  letter-spacing: .3px;
  font-size: 14px !important;
  border-bottom: 1px solid #d2d2d2;
  margin-right: 20px;
  padding: 3px; }

.check-outage-tracker {
  background: #ed9f1b;
  border-radius: 30px;
  height: 56px;
  margin: 20px 15px 10px 15px;
  display: block; }

.check-outage-tracker-container {
  text-align: center;
  display: block; }

.img-check-outage-tracker {
  display: inline-block;
  width: 20%;
  text-align: center;
  height: 56px;
  position: relative; }

.img-check-outage-tracker:nth-child(1) {
  left: -35px; }

.img-check-outage-tracker:nth-child(2) {
  left: -5px; }

.img-check-outage-tracker:nth-child(3) {
  left: 20px; }

.img-check-outage-tracker:nth-child(4) {
  left: 42px; }

.check-outage-img-tracker {
  width: 24px;
  height: 24px;
  margin-top: 15px;
  margin-right: 10px;
  opacity: .7; }

.check-outage-tracker-status-text {
  font-size: 14px;
  display: inline-block;
  width: 24%;
  vertical-align: text-top;
  font-family: "roboto-regular";
  line-height: 1.23;
  position: relative; }

.check-outage-description {
  padding: 20px 0 20px 20px !important; }

.check-outage-description h4 {
  font-family: roboto-medium !important; }

#check-outage-status-details-container {
  padding: 10px 12px 10px 15px;
  height: 56px;
  background-color: #ed9f1b;
  color: #fff;
  font-family: 'roboto-medium';
  font-size: 28px;
  text-align: center; }

.check-outage-tracker-container .check-outage-tracker .img-check-outage-tracker .status-selected {
  border-radius: 50%;
  behavior: url(PIE.htc);
  width: 56px;
  height: 56px;
  background: #edc21b;
  padding-left: 10px !important;
  border: 2px solid #fff; }

.auth-detail {
  background-color: #b8dcdb; }
  .auth-detail .navbar {
    margin-bottom: 0;
    border-bottom: 1px solid #006671;
    border-radius: 0; }
    .auth-detail .navbar .navbar-header {
      border-bottom: 1px solid #006671; }
      .auth-detail .navbar .navbar-header .navbar-brand {
        color: #006671; }
      .auth-detail .navbar .navbar-header .navbar-toggle .icon-bar {
        border: 1px solid #006671; }
    .auth-detail .navbar .navbar-collapse {
      padding: 0; }
      .auth-detail .navbar .navbar-collapse li {
        border-bottom: 2px solid transparent; }
        .auth-detail .navbar .navbar-collapse li.active {
          border-bottom: 2px solid #006671; }
        .auth-detail .navbar .navbar-collapse li a {
          color: #006671;
          padding: 15px 13px; }
          .auth-detail .navbar .navbar-collapse li a:hover, .auth-detail .navbar .navbar-collapse li a:focus {
            background: transparent; }
  .auth-detail .overview-wrapper {
    padding: 10px 20px;
    background: #006671;
    color: #fff; }
    .auth-detail .overview-wrapper span.fa {
      margin-bottom: 10px;
      font-size: 25px;
      vertical-align: bottom; }
    .auth-detail .overview-wrapper ul.account-overview {
      display: inline-block;
      vertical-align: middle; }
      .auth-detail .overview-wrapper ul.account-overview li {
        display: inline-block;
        padding: 10px 15px; }
        .auth-detail .overview-wrapper ul.account-overview li span {
          font-size: 16px;
          display: block; }
        .auth-detail .overview-wrapper ul.account-overview li .user-name {
          font-size: 20px; }
        .auth-detail .overview-wrapper ul.account-overview li .account-number, .auth-detail .overview-wrapper ul.account-overview li .address {
          font-size: 12px; }
        .auth-detail .overview-wrapper ul.account-overview li > h5 {
          display: inherit;
          font-size: 16px; }
  .auth-detail .overview-summary h5 {
    font-size: 18px; }
  .auth-detail .overview-summary p {
    line-height: 1em;
    padding-bottom: 0; }

@media only screen and (max-width: 768px) {
  .auth-detail .navbar-collapse .navbar-nav {
    margin: 0; }
    .auth-detail .navbar-collapse .navbar-nav li {
      width: 100%; }
      .auth-detail .navbar-collapse .navbar-nav li.active {
        border: 0;
        font-weight: bold; }
  .auth-detail .overview-wrapper {
    padding-top: 10px; }
    .auth-detail .overview-wrapper span.fa {
      display: table-cell;
      vertical-align: middle; }
    .auth-detail .overview-wrapper ul.account-overview {
      display: table-cell; }
      .auth-detail .overview-wrapper ul.account-overview li {
        padding: 0 15px;
        display: block; } }

.welcome-user {
  color: #4a4a4a;
  font-size: 24px;
  letter-spacing: 0.1px;
  margin-top: 30px; }
  .welcome-user .view-bill {
    margin: 10px 0; }
    .welcome-user .view-bill ul li {
      display: inline-block; }
    .welcome-user .view-bill a {
      color: #474b55;
      text-transform: uppercase;
      font-size: 18px; }
      .welcome-user .view-bill a > i {
        margin-left: 10px; }
  .welcome-user .payment-setup {
    background-color: #e5ebf2;
    padding: 30px 30px 0;
    min-height: 415px; }
    .welcome-user .payment-setup .page-header {
      border-bottom: 0;
      margin: 0;
      margin-bottom: 0; }
      .welcome-user .payment-setup .page-header > h1, .welcome-user .payment-setup .page-header h3 {
        display: inline-block;
        margin-right: 15px;
        margin-top: 0; }
      .welcome-user .payment-setup .page-header > small {
        display: inline-block; }
      .welcome-user .payment-setup .page-header > span {
        display: block; }
    .welcome-user .payment-setup .payment-date {
      margin-top: 15px; }
    .welcome-user .payment-setup .payment-info {
      color: #808080;
      margin-top: 15px; }
      .welcome-user .payment-setup .payment-info a {
        font-weight: bold;
        font-size: 16px;
        color: #808080; }
    .welcome-user .payment-setup .btn-primary {
      padding: 12px 0;
      background-color: #197ee3;
      text-transform: uppercase;
      width: 100%; }
      .welcome-user .payment-setup .btn-primary:hover, .welcome-user .payment-setup .btn-primary:focus, .welcome-user .payment-setup .btn-primary:active {
        background-color: #197ee3; }

.welcome-text {
  font-family: "roboto-light";
  font-weight: 300;
  letter-spacing: 0.1px;
  line-height: 1.08;
  margin: 0; }

.current-usage {
  min-height: 200px;
  padding: 10px;
  background: #e5ebf2; }
  .current-usage .usage-header {
    font-size: 20px; }
  .current-usage .usage-amount {
    font-size: 18px;
    margin-top: 10px; }
    .current-usage .usage-amount span {
      font-size: 40px; }
  .current-usage p.last-usage {
    color: #474b55; }
    .current-usage p.last-usage span {
      display: block; }
  .current-usage .usage-chart img {
    width: 100%; }

@media only screen and (max-width: 768px) {
  .current-usage {
    margin-top: 10px; } }

.energy-center {
  min-height: 188px;
  margin-top: 23px; }
  .energy-center .energy {
    position: relative; }
    .energy-center .energy img {
      width: 100%;
      min-height: 188px; }
    .energy-center .energy .energy-caption {
      position: absolute;
      bottom: 0;
      padding: 10px;
      background: rgba(71, 75, 85, 0.75);
      color: #fff;
      width: 100%;
      text-align: center;
      font-size: 20px; }

@media only screen and (max-width: 768px) {
  .energy-center {
    margin-top: 10px; } }

.billing-programs {
  padding: 0 30px; }
  .billing-programs .header-ruler {
    font-size: 30px;
    padding-bottom: 15px;
    border-bottom: 4px solid #808080;
    margin-top: 20px; }
  .billing-programs .billing-wrapper {
    margin: 20px 0; }
    .billing-programs .billing-wrapper .billing-caption {
      font-size: 20px;
      margin-bottom: 10px; }
    .billing-programs .billing-wrapper .billing-status {
      font-size: 16px;
      font-style: italic;
      text-transform: capitalize;
      margin-bottom: 10px; }
    .billing-programs .billing-wrapper .billing-img {
      display: table-cell;
      height: 100px;
      vertical-align: middle;
      width: 105px;
      text-align: center;
      border: 1px solid #808080; }
      .billing-programs .billing-wrapper .billing-img.renewable-img {
        height: 150px;
        width: 160px; }
    .billing-programs .billing-wrapper .enroll-wrapper {
      font-size: 18px; }
      .billing-programs .billing-wrapper .enroll-wrapper a {
        color: #474b55;
        vertical-align: top; }
      .billing-programs .billing-wrapper .enroll-wrapper span {
        color: #808080;
        font-size: 25px; }
      .billing-programs .billing-wrapper .enroll-wrapper.left-icon span {
        margin-right: 5px; }
      .billing-programs .billing-wrapper .enroll-wrapper.right-icon span {
        margin-left: 5px; }
    .billing-programs .billing-wrapper.renewable .billing-img {
      height: 200px;
      width: 200px; }
    .billing-programs .billing-wrapper.renewable .billing-content {
      margin: 20px 0; }
    .billing-programs .billing-wrapper .padding-left-zero {
      padding-left: 0; }

@media only screen and (max-width: 768px) {
  .billing-programs {
    padding: 0; }
    .billing-programs .billing-wrapper.renewable .billing-img {
      height: 100px;
      width: 200px; }
    .billing-programs .billing-wrapper.renewable .billing-content {
      margin-top: 0; }
    .billing-programs .billing-wrapper.renewable .enroll-wrapper {
      text-align: right; } }

.promotion .social-wrapper h2 {
  padding-bottom: 30px;
  margin: 0; }

.promotion .social-wrapper h4 {
  margin-bottom: 10px; }

.promotion .social-wrapper .learn-more {
  text-transform: uppercase;
  font-size: 20px;
  color: #808080;
  margin: 10px 0; }

.promotion .social-wrapper .promotion-wrapper {
  display: table-cell;
  height: 140px;
  text-align: center;
  vertical-align: middle;
  width: 115px; }

.promotion .social-wrapper .promotion-img-wrap {
  text-align: center; }
  .promotion .social-wrapper .promotion-img-wrap img {
    margin-top: -35px; }

@media only screen and (max-width: 768px) {
  .promotion {
    margin-bottom: 0; }
    .promotion .social-wrapper {
      margin-bottom: 20px; } }

.preference-communication,
.preference-billing,
.preference-center {
  color: #4a4a4a; }
  @media (max-width: 991px) {
    .preference-communication .preference-padding,
    .preference-billing .preference-padding,
    .preference-center .preference-padding {
      padding: 0;
      width: 100%; }
      .preference-communication .preference-padding.inline-block,
      .preference-billing .preference-padding.inline-block,
      .preference-center .preference-padding.inline-block {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 20px; } }
  .preference-communication .preference-padding .do-not-contact,
  .preference-billing .preference-padding .do-not-contact,
  .preference-center .preference-padding .do-not-contact {
    padding-left: 30px; }
    @media (max-width: 991px) {
      .preference-communication .preference-padding .do-not-contact,
      .preference-billing .preference-padding .do-not-contact,
      .preference-center .preference-padding .do-not-contact {
        clear: both;
        text-align: left;
        padding-left: 15px; } }
  .preference-communication .preference-padding .icon-wrapper,
  .preference-billing .preference-padding .icon-wrapper,
  .preference-center .preference-padding .icon-wrapper {
    text-transform: capitalize; }
    .preference-communication .preference-padding .icon-wrapper span.fa,
    .preference-billing .preference-padding .icon-wrapper span.fa,
    .preference-center .preference-padding .icon-wrapper span.fa {
      margin-right: 8px;
      color: #006671; }
    @media (max-width: 991px) {
      .preference-communication .preference-padding .icon-wrapper,
      .preference-billing .preference-padding .icon-wrapper,
      .preference-center .preference-padding .icon-wrapper {
        width: 50%;
        float: left;
        text-align: left; } }
  .preference-communication .ceter-switch,
  .preference-billing .ceter-switch,
  .preference-center .ceter-switch {
    margin: 0; }
    @media (max-width: 991px) {
      .preference-communication .ceter-switch,
      .preference-billing .ceter-switch,
      .preference-center .ceter-switch {
        margin: 0;
        width: 50%;
        float: right;
        text-align: right; } }
    .preference-communication .ceter-switch .switch,
    .preference-billing .ceter-switch .switch,
    .preference-center .ceter-switch .switch {
      position: relative;
      display: inline-block;
      width: 63px;
      height: 25px;
      margin-bottom: 0; }
      .preference-communication .ceter-switch .switch input,
      .preference-billing .ceter-switch .switch input,
      .preference-center .ceter-switch .switch input {
        display: none; }
      .preference-communication .ceter-switch .switch input:checked + .slider,
      .preference-billing .ceter-switch .switch input:checked + .slider,
      .preference-center .ceter-switch .switch input:checked + .slider {
        background-color: #006671; }
      .preference-communication .ceter-switch .switch input:checked + .slider:before,
      .preference-billing .ceter-switch .switch input:checked + .slider:before,
      .preference-center .ceter-switch .switch input:checked + .slider:before {
        -webkit-transform: translateX(37px);
        -ms-transform: translateX(37px);
        transform: translateX(37px); }
      .preference-communication .ceter-switch .switch input:checked + .slider .on,
      .preference-billing .ceter-switch .switch input:checked + .slider .on,
      .preference-center .ceter-switch .switch input:checked + .slider .on {
        display: block;
        left: 35%; }
      .preference-communication .ceter-switch .switch input:checked + .slider .off,
      .preference-billing .ceter-switch .switch input:checked + .slider .off,
      .preference-center .ceter-switch .switch input:checked + .slider .off {
        display: none; }
      .preference-communication .ceter-switch .switch .slider,
      .preference-billing .ceter-switch .switch .slider,
      .preference-center .ceter-switch .switch .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #898f9e;
        -webkit-transition: .4s;
        transition: .4s; }
        .preference-communication .ceter-switch .switch .slider.round,
        .preference-billing .ceter-switch .switch .slider.round,
        .preference-center .ceter-switch .switch .slider.round {
          border-radius: 34px; }
          .preference-communication .ceter-switch .switch .slider.round:before,
          .preference-billing .ceter-switch .switch .slider.round:before,
          .preference-center .ceter-switch .switch .slider.round:before {
            border-radius: 50%; }
        .preference-communication .ceter-switch .switch .slider:before,
        .preference-billing .ceter-switch .switch .slider:before,
        .preference-center .ceter-switch .switch .slider:before {
          position: absolute;
          content: "";
          height: 21px;
          width: 21px;
          left: 2px;
          bottom: 2px;
          background-color: #fff;
          -webkit-transition: .4s;
          transition: .4s; }
        .preference-communication .ceter-switch .switch .slider .on,
        .preference-billing .ceter-switch .switch .slider .on,
        .preference-center .ceter-switch .switch .slider .on {
          display: none; }
        .preference-communication .ceter-switch .switch .slider .on,
        .preference-communication .ceter-switch .switch .slider .off,
        .preference-billing .ceter-switch .switch .slider .on,
        .preference-billing .ceter-switch .switch .slider .off,
        .preference-center .ceter-switch .switch .slider .on,
        .preference-center .ceter-switch .switch .slider .off {
          color: #fff;
          position: absolute;
          transform: translate(-50%, -50%);
          top: 50%;
          left: 65%;
          font-size: 12px;
          font-family: "roboto-medium";
          font-weight: 500; }
  .preference-communication .preference-bio,
  .preference-billing .preference-bio,
  .preference-center .preference-bio {
    padding: 10px 0; }
    .preference-communication .preference-bio div,
    .preference-billing .preference-bio div,
    .preference-center .preference-bio div {
      padding-bottom: 5px; }
    .preference-communication .preference-bio p,
    .preference-billing .preference-bio p,
    .preference-center .preference-bio p {
      line-height: 1.75;
      letter-spacing: normal; }
    .preference-communication .preference-bio .usphone-format,
    .preference-billing .preference-bio .usphone-format,
    .preference-center .preference-bio .usphone-format {
      margin-left: 3px; }
  .preference-communication .notify-text,
  .preference-billing .notify-text,
  .preference-center .notify-text {
    margin: 23px 0 31px; }
  .preference-communication .no-top-border,
  .preference-billing .no-top-border,
  .preference-center .no-top-border {
    border-top: 0 !important; }
  .preference-communication .notify,
  .preference-billing .notify,
  .preference-center .notify {
    float: left;
    width: 100%;
    padding: 19px 0;
    border-top: 1px solid #d8d8d8; }
    .preference-communication .notify h6,
    .preference-billing .notify h6,
    .preference-center .notify h6 {
      color: #006671;
      margin: 0;
      font-size: 16px; }
      @media (max-width: 991px) {
        .preference-communication .notify h6,
        .preference-billing .notify h6,
        .preference-center .notify h6 {
          font-size: 20px;
          font-family: "roboto-medium"; } }
    .preference-communication .notify p,
    .preference-billing .notify p,
    .preference-center .notify p {
      margin: 7px 0 5px 0;
      font-size: 14px; }
      @media (max-width: 991px) {
        .preference-communication .notify p,
        .preference-billing .notify p,
        .preference-center .notify p {
          margin: 11px 0 29px 0;
          font-size: 16px; } }
    .preference-communication .notify .checkbox-inline,
    .preference-billing .notify .checkbox-inline,
    .preference-center .notify .checkbox-inline {
      font-size: 11px;
      padding-left: 7px;
      text-align: left; }
      .preference-communication .notify .checkbox-inline input,
      .preference-billing .notify .checkbox-inline input,
      .preference-center .notify .checkbox-inline input {
        outline: 0; }
      @media (max-width: 991px) {
        .preference-communication .notify .checkbox-inline,
        .preference-billing .notify .checkbox-inline,
        .preference-center .notify .checkbox-inline {
          font-size: 12px; } }
    .preference-communication .notify .bill-alert input[type=number],
    .preference-billing .notify .bill-alert input[type=number],
    .preference-center .notify .bill-alert input[type=number] {
      width: 153px;
      height: 38px;
      padding: 6px;
      text-align: center;
      font-size: 16px; }
    .preference-communication .notify .bill-alert .top-margin,
    .preference-billing .notify .bill-alert .top-margin,
    .preference-center .notify .bill-alert .top-margin {
      margin-top: 10px; }
    .preference-communication .notify .bill-alert .notice,
    .preference-billing .notify .bill-alert .notice,
    .preference-center .notify .bill-alert .notice {
      font-size: 16px;
      font-weight: bold;
      display: inline-block;
      color: #ED9F1B;
      text-align: left; }
      .preference-communication .notify .bill-alert .notice img,
      .preference-billing .notify .bill-alert .notice img,
      .preference-center .notify .bill-alert .notice img {
        height: 24px;
        width: 24px;
        float: left;
        margin: 0 8px 0 0; }
      .preference-communication .notify .bill-alert .notice ul,
      .preference-billing .notify .bill-alert .notice ul,
      .preference-center .notify .bill-alert .notice ul {
        list-style: disc; }
        .preference-communication .notify .bill-alert .notice ul li,
        .preference-billing .notify .bill-alert .notice ul li,
        .preference-center .notify .bill-alert .notice ul li {
          margin: 7px 0 0 50px; }
    .preference-communication .notify .bill-alert .note,
    .preference-billing .notify .bill-alert .note,
    .preference-center .notify .bill-alert .note {
      display: inline-block;
      font-size: 12px;
      text-align: center;
      max-width: 80%;
      margin-top: 7px; }
    .preference-communication .notify .bill-alert .error,
    .preference-billing .notify .bill-alert .error,
    .preference-center .notify .bill-alert .error {
      display: inline-block;
      color: red;
      font-size: 12px;
      text-align: center;
      max-width: 70%;
      margin-top: 7px; }
  .preference-communication .agree-terms input,
  .preference-billing .agree-terms input,
  .preference-center .agree-terms input {
    float: left;
    margin-right: 5px; }
  .preference-communication .multiple-account-wrapper,
  .preference-billing .multiple-account-wrapper,
  .preference-center .multiple-account-wrapper {
    margin-top: 16px; }
    .preference-communication .multiple-account-wrapper .btn-action,
    .preference-billing .multiple-account-wrapper .btn-action,
    .preference-center .multiple-account-wrapper .btn-action {
      border: 0;
      margin-top: 10px;
      outline: none;
      width: 160px; }
    @media (max-width: 991px) {
      .preference-communication .multiple-account-wrapper,
      .preference-billing .multiple-account-wrapper,
      .preference-center .multiple-account-wrapper {
        text-align: center; } }
  .preference-communication .custom-select-arrow,
  .preference-billing .custom-select-arrow,
  .preference-center .custom-select-arrow {
    position: relative;
    padding-left: 25px; }
    @media (max-width: 991px) {
      .preference-communication .custom-select-arrow,
      .preference-billing .custom-select-arrow,
      .preference-center .custom-select-arrow {
        clear: both;
        width: 50%;
        padding-left: 0; } }
    .preference-communication .custom-select-arrow select,
    .preference-billing .custom-select-arrow select,
    .preference-center .custom-select-arrow select {
      padding: 11px 17px;
      height: 38px;
      font-size: 12px;
      border-radius: 0;
      width: 153px; }
      @media (max-width: 991px) {
        .preference-communication .custom-select-arrow select,
        .preference-billing .custom-select-arrow select,
        .preference-center .custom-select-arrow select {
          width: 100%; } }
      .preference-communication .custom-select-arrow select:focus,
      .preference-billing .custom-select-arrow select:focus,
      .preference-center .custom-select-arrow select:focus {
        border-color: #979797;
        box-shadow: none; }
      .preference-communication .custom-select-arrow select::-ms-expand,
      .preference-billing .custom-select-arrow select::-ms-expand,
      .preference-center .custom-select-arrow select::-ms-expand {
        display: none; }
    .preference-communication .custom-select-arrow::after,
    .preference-billing .custom-select-arrow::after,
    .preference-center .custom-select-arrow::after {
      top: 10px;
      right: 0;
      font-size: 14px; }
      @media (max-width: 991px) {
        .preference-communication .custom-select-arrow::after,
        .preference-billing .custom-select-arrow::after,
        .preference-center .custom-select-arrow::after {
          top: 12px;
          right: -15px; } }

@media only screen and (max-width: 767px) {
  .preference-center .notify .bill-alert .note {
    max-width: 100%;
    text-align: right; }
  .preference-center .notify .bill-alert .error {
    max-width: 100%;
    text-align: right; } }

.generic-bio div.body-xl:empty {
  display: none; }

.generic-bio .usphone-format {
  display: inline-block; }

.save-account, .saved-account {
  padding: 10px; }
  .save-account .content-section p, .saved-account .content-section p {
    padding: 2px;
    font-family: 'roboto-regular';
    font-size: 14px;
    color: #4a4a4a;
    letter-spacing: 2px; }

.saved-account {
  display: none; }
  .saved-account button {
    background: #f0f0f0;
    color: #BFBFBF; }
  .saved-account .content-section {
    margin: 10px; }

.generic-preference h6.generic-header {
  margin-bottom: 25px;
  margin-top: 10px; }
  @media (min-width: 992px) and (max-width: 1199px) {
    .generic-preference h6.generic-header {
      margin-bottom: 15px; } }

.generic-preference .remove-padding {
  padding: 0; }

.generic-preference .show-hr-line {
  border-bottom: 1px solid #d8d8d8; }

.generic-preference .preference-padding {
  padding: 0px 5px;
  position: relative; }
  @media (max-width: 991px) {
    .generic-preference .preference-padding.inline-block {
      margin-bottom: 0; } }
  @media (max-width: 991px) {
    .generic-preference .preference-padding {
      margin: 0 auto;
      width: 100%; } }
  .generic-preference .preference-padding .icon-wrapper {
    display: flex;
    align-items: center;
    padding-right: 5px; }
    @media (max-width: 991px) {
      .generic-preference .preference-padding .icon-wrapper {
        padding-left: 0; } }
    .generic-preference .preference-padding .icon-wrapper img {
      margin-right: 10px; }
  .generic-preference .preference-padding .ceter-switch {
    margin: 0 !important; }
    @media (max-width: 991px) {
      .generic-preference .preference-padding .ceter-switch {
        padding-right: 0; } }
  .generic-preference .preference-padding .custom-select-arrow {
    bottom: 10px;
    padding-left: 15px;
    right: 50px; }
    @media (max-width: 991px) {
      .generic-preference .preference-padding .custom-select-arrow {
        bottom: 5px;
        margin-bottom: 10px;
        left: 1px; } }
    .generic-preference .preference-padding .custom-select-arrow select {
      border: none;
      box-shadow: none;
      -webkit-box-shadow: none;
      border-bottom: 1px solid #d8d8d8;
      color: #1771cc;
      padding: 5px 25px 5px 10px;
      width: 120px; }
  .generic-preference .preference-padding .do-not-contact {
    text-align: center;
    background: #f6f6f6;
    padding-left: 5px;
    padding-right: 0; }
    @media (max-width: 991px) {
      .generic-preference .preference-padding .do-not-contact {
        text-align: center;
        padding: 10px 5px; } }
    .generic-preference .preference-padding .do-not-contact .checkbox-inline {
      padding-left: 15px; }
    @media (min-width: 992px) {
      .generic-preference .preference-padding .do-not-contact.align-text-dnd {
        bottom: 40px;
        float: right;
        padding-left: 5px; } }
    @media (min-width: 992px) {
      .generic-preference .preference-padding .do-not-contact.align-both-dnd {
        position: absolute;
        right: 0;
        padding: 30px 0;
        bottom: 20px; } }
    @media (max-width: 991px) {
      .generic-preference .preference-padding .do-not-contact br {
        display: none; } }
    @media (max-width: 991px) {
      .generic-preference .preference-padding .do-not-contact input[type="checkbox"] {
        margin-top: 2px; } }
  .generic-preference .preference-padding.bill-alert .custom-select-arrow {
    padding-right: 0; }
    @media (max-width: 991px) {
      .generic-preference .preference-padding.bill-alert .custom-select-arrow {
        bottom: 0; } }
    .generic-preference .preference-padding.bill-alert .custom-select-arrow input {
      border: none;
      box-shadow: none;
      -webkit-box-shadow: none;
      border-bottom: 1px solid #d8d8d8;
      color: #1771cc;
      padding: 5px 25px 5px 10px;
      width: 120px;
      font-family: roboto;
      font-size: 14px;
      color: #4a4a4a;
      text-align: left; }
    .generic-preference .preference-padding.bill-alert .custom-select-arrow::after {
      content: ""; }
    .generic-preference .preference-padding.bill-alert .custom-select-arrow .error {
      font-family: roboto;
      font-size: 9px;
      text-align: left;
      max-width: 100%;
      color: #d0021b; }
    .generic-preference .preference-padding.bill-alert .custom-select-arrow.dollar-sign::before {
      top: 10%; }
    .generic-preference .preference-padding.bill-alert .custom-select-arrow::before {
      content: "$";
      font-family: roboto;
      font-size: 14px;
      position: absolute;
      top: 15%; }
  .generic-preference .preference-padding.bill-alert .note {
    font-family: roboto;
    font-size: 12px;
    color: #4a4a4a;
    text-align: left;
    max-width: 100%;
    margin-top: 0; }
    @media (max-width: 991px) {
      .generic-preference .preference-padding.bill-alert .note {
        max-width: 50%; } }
  .generic-preference .preference-padding.bill-alert .notice {
    font-size: 17px;
    font-weight: normal;
    display: inline-block;
    color: #ED9F1B;
    text-align: left; }
    .generic-preference .preference-padding.bill-alert .notice img {
      height: 24px;
      width: 24px;
      float: left;
      margin: 0 8px 0 0; }
    .generic-preference .preference-padding.bill-alert .notice ul {
      list-style: disc; }
      .generic-preference .preference-padding.bill-alert .notice ul li {
        margin: 7px 0 0 50px; }

.preference-center .contact a.edit-btn {
  padding: 0; }
  @media (max-width: 768px) {
    .preference-center .contact a.edit-btn {
      padding: 10px 0; } }

.preference-center a.edit-btn {
  color: #474b55;
  float: right;
  padding: 10px; }
  @media (max-width: 768px) {
    .preference-center a.edit-btn {
      display: block;
      float: none;
      padding-left: 0; } }
  .preference-center a.edit-btn span.fa-edit {
    font-size: 30px;
    margin-right: 5px;
    vertical-align: middle; }

.preference-center .preference-contact .margin-top-20 {
  margin-top: 20px; }

.preference-center .preference-contact [add-alternate-address] {
  font-size: 20px; }
  .preference-center .preference-contact [add-alternate-address] a {
    color: #474b55;
    display: table; }
    .preference-center .preference-contact [add-alternate-address] a span {
      display: table-cell;
      margin-top: 0; }
      .preference-center .preference-contact [add-alternate-address] a span.fa {
        font-size: 40px;
        padding-right: 10px;
        vertical-align: middle; }
    .preference-center .preference-contact [add-alternate-address] a:hover {
      cursor: pointer;
      text-decoration: none; }

.preference-center .preference-contact .bg-primary {
  background: #808080;
  padding: 5px; }

.preference-center .preference-contact .contact-header {
  font-size: 18px; }

/* Sitecore validation on update email */
.update-email-wrap {
  margin-bottom: 15px; }
  .update-email-wrap p {
    padding-left: 3px; }
    .update-email-wrap p span {
      color: #d0021b !important; }

.btn-disabled {
  cursor: not-allowed;
  opacity: 0.65; }

.preference-center .preference-security .credentials {
  margin-bottom: 20px; }
  .preference-center .preference-security .credentials [data-security-username] {
    margin-bottom: 10px; }
    .preference-center .preference-security .credentials [data-security-username] span.labelname {
      font-size: 20px;
      margin-right: 20px; }

.preference-center .preference-security .question-header {
  font-size: 18px;
  margin: 10px 0 20px; }

.preference-center .preference-security select.form-control {
  margin-bottom: 10px; }

.preference-center .preference-page-title h2 {
  font-weight: 300;
  letter-spacing: normal;
  line-height: normal;
  margin: 30px 0 10px; }
  @media (max-width: 991px) {
    .preference-center .preference-page-title h2 {
      margin: 32px 0 16px; } }

.preference-center .preference-page-title p {
  line-height: 1.56;
  letter-spacing: 0.1px; }

.preference-center h5 {
  line-height: 0.94;
  letter-spacing: 0.2px; }

.preference-center p {
  line-height: 1.38;
  letter-spacing: normal; }

.preference-center .capitalize {
  text-transform: capitalize; }

.preference-center .pay-success-msg {
  margin-top: 12px; }
  .preference-center .pay-success-msg .media .media-left i {
    font-size: 69px;
    margin-top: 0; }

.preference-billing .notify {
  padding: 19px 0 23px; }
  .preference-billing .notify .billing-header {
    font-size: 24px;
    margin-bottom: 0;
    font-weight: 500;
    letter-spacing: .1px;
    line-height: normal; }
  .preference-billing .notify .status-mail-wrapper {
    font-size: 16px;
    margin: 9px 0 20px;
    letter-spacing: normal;
    line-height: 1.38; }
    .preference-billing .notify .status-mail-wrapper strong {
      font-family: "roboto-medium";
      font-weight: 500; }
    .preference-billing .notify .status-mail-wrapper .message {
      margin-left: 20%; }
      @media (max-width: 768px) {
        .preference-billing .notify .status-mail-wrapper .message {
          margin-left: 0;
          display: block; } }
  .preference-billing .notify p {
    font-size: 16px;
    letter-spacing: normal;
    line-height: 1.38;
    margin: 9px 0 20px; }

.preference-billing .header-desc {
  margin-bottom: 26px; }

.preference-communication .modal,
.terms-modal-wrapper .modal {
  top: 10%; }
  @media (max-width: 768px) {
    .preference-communication .modal,
    .terms-modal-wrapper .modal {
      top: 10%;
      padding-right: 0 !important; } }
  .preference-communication .modal .modal-dialog,
  .terms-modal-wrapper .modal .modal-dialog {
    max-width: 500px; }
    .preference-communication .modal .modal-dialog .modal-content,
    .terms-modal-wrapper .modal .modal-dialog .modal-content {
      border-radius: 0;
      box-shadow: none;
      border: none; }
      .preference-communication .modal .modal-dialog .modal-content .modal-header,
      .terms-modal-wrapper .modal .modal-dialog .modal-content .modal-header {
        margin: 0 20px;
        border-bottom: 1px solid #4a4a4a;
        padding: 15px 0; }
        .preference-communication .modal .modal-dialog .modal-content .modal-header h3,
        .terms-modal-wrapper .modal .modal-dialog .modal-content .modal-header h3 {
          line-height: 1; }
        .preference-communication .modal .modal-dialog .modal-content .modal-header span,
        .terms-modal-wrapper .modal .modal-dialog .modal-content .modal-header span {
          font-size: 18px; }
        .preference-communication .modal .modal-dialog .modal-content .modal-header .close,
        .terms-modal-wrapper .modal .modal-dialog .modal-content .modal-header .close {
          color: #4a4a4a;
          font-weight: normal;
          font-size: 14px;
          opacity: 1;
          outline: none;
          text-transform: uppercase; }
      .preference-communication .modal .modal-dialog .modal-content .model-header-terms,
      .terms-modal-wrapper .modal .modal-dialog .modal-content .model-header-terms {
        display: flex;
        align-items: center; }
        .preference-communication .modal .modal-dialog .modal-content .model-header-terms button,
        .terms-modal-wrapper .modal .modal-dialog .modal-content .model-header-terms button {
          margin-left: auto; }
      .preference-communication .modal .modal-dialog .modal-content .modal-body,
      .terms-modal-wrapper .modal .modal-dialog .modal-content .modal-body {
        margin: 30px 20px 0;
        max-height: 431px;
        overflow-y: scroll;
        padding-top: 0; }
        .preference-communication .modal .modal-dialog .modal-content .modal-body .no-padding,
        .terms-modal-wrapper .modal .modal-dialog .modal-content .modal-body .no-padding {
          padding: 0; }
          .preference-communication .modal .modal-dialog .modal-content .modal-body .no-padding p,
          .terms-modal-wrapper .modal .modal-dialog .modal-content .modal-body .no-padding p {
            margin: 0 10px 0 0;
            color: #4a4a4a; }
        .preference-communication .modal .modal-dialog .modal-content .modal-body a,
        .terms-modal-wrapper .modal .modal-dialog .modal-content .modal-body a {
          color: #1771cc;
          font-size: 16px; }
      .preference-communication .modal .modal-dialog .modal-content .modal-footer,
      .terms-modal-wrapper .modal .modal-dialog .modal-content .modal-footer {
        border-top: 0;
        text-align: center;
        padding: 20px; }
        .preference-communication .modal .modal-dialog .modal-content .modal-footer .btn-terms-agree,
        .terms-modal-wrapper .modal .modal-dialog .modal-content .modal-footer .btn-terms-agree {
          padding: 2px 40px;
          margin-right: 20px; }
          @media (max-width: 768px) {
            .preference-communication .modal .modal-dialog .modal-content .modal-footer .btn-terms-agree,
            .terms-modal-wrapper .modal .modal-dialog .modal-content .modal-footer .btn-terms-agree {
              display: block;
              margin: 0 auto 20px; } }
        .preference-communication .modal .modal-dialog .modal-content .modal-footer .btn-terms-modal,
        .terms-modal-wrapper .modal .modal-dialog .modal-content .modal-footer .btn-terms-modal {
          background-color: #fff;
          padding: 2px 40px;
          border: 2px solid #1771cc;
          color: #1771cc; }
          .preference-communication .modal .modal-dialog .modal-content .modal-footer .btn-terms-modal:hover,
          .terms-modal-wrapper .modal .modal-dialog .modal-content .modal-footer .btn-terms-modal:hover {
            background-color: #1771cc;
            color: #fff; }
        @media (max-width: 768px) {
          .preference-communication .modal .modal-dialog .modal-content .modal-footer .btn-wrapper .btn,
          .terms-modal-wrapper .modal .modal-dialog .modal-content .modal-footer .btn-wrapper .btn {
            margin-bottom: 10px;
            width: 80%; } }
        .preference-communication .modal .modal-dialog .modal-content .modal-footer .btn-wrapper .btn-action,
        .terms-modal-wrapper .modal .modal-dialog .modal-content .modal-footer .btn-wrapper .btn-action {
          border: 0;
          outline: none; }

.preference-wrapper .termsmodal .modal-dialog {
  width: 327px; }
  @media (max-width: 768px) {
    .preference-wrapper .termsmodal .modal-dialog {
      width: auto; } }
  .preference-wrapper .termsmodal .modal-dialog .modal-content .btn-action {
    width: 160px;
    outline: none; }

.preference-wrapper #preferenceConfirmSave .modal-content .modal-header {
  padding: 10px 26px 0; }

@media (min-width: 768px) {
  #preferenceTextNotification .modal-sm, #preferenceCallNotification .modal-sm {
    width: 320px; } }

.preference-unsubscribe {
  color: #4a4a4a;
  margin-top: 45px; }
  @media (max-width: 991px) {
    .preference-unsubscribe {
      margin-top: 40px; } }
  .preference-unsubscribe .body-l {
    font-family: "roboto-regular";
    line-height: 1.33;
    letter-spacing: 0.1px; }
  .preference-unsubscribe .unsubscribe-everything {
    position: relative;
    width: 20%;
    text-align: center;
    margin: 15px auto; }
    @media (max-width: 767px) {
      .preference-unsubscribe .unsubscribe-everything {
        width: 75%; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .preference-unsubscribe .unsubscribe-everything {
        width: 33%; } }
  .preference-unsubscribe .btn-wrapper {
    margin: 30px 0; }
    @media (max-width: 768px) {
      .preference-unsubscribe .btn-wrapper .btn {
        margin-bottom: 10px; } }
    .preference-unsubscribe .btn-wrapper .cancel-unsubscribe {
      padding-top: 6px; }
  .preference-unsubscribe.outage-email {
    text-align: center; }
    .preference-unsubscribe.outage-email .btn {
      width: 40%; }
      @media (max-width: 991px) {
        .preference-unsubscribe.outage-email .btn {
          width: 100%; } }

.preference-unsubscribe-confirmation {
  margin-top: 45px; }
  @media (max-width: 991px) {
    .preference-unsubscribe-confirmation {
      margin-top: 40px; } }

.doubleclick-unsubscribe .unsubscribe-everything {
  display: none; }

.paperless-title h2 {
  font-weight: 300;
  margin: 47px 0 16px; }
  @media (max-width: 991px) {
    .paperless-title h2 {
      margin: 31px 0; } }

.paperless-billing {
  padding-top: 45px;
  padding-bottom: 103px; }
  @media (max-width: 991px) {
    .paperless-billing .sub-header {
      margin: 15px 0; } }
  .paperless-billing .h7 {
    color: #006671;
    font-weight: 500;
    font-family: "roboto-medium";
    line-height: normal;
    letter-spacing: .1px;
    margin-bottom: 10px; }
  .paperless-billing .paperless-signup {
    background-color: #fff;
    border: solid 1px #d8d8d8;
    padding: 32px 50px 54px; }
    @media (max-width: 991px) {
      .paperless-billing .paperless-signup {
        padding: 23px 15px 28px; } }
    .paperless-billing .paperless-signup .paperless-list {
      color: #4a4a4a;
      font-size: 16px;
      font-weight: normal;
      letter-spacing: .1px;
      line-height: 1.38;
      padding-left: 18px;
      margin-top: 15px; }
      .paperless-billing .paperless-signup .paperless-list li {
        margin-bottom: 25px; }
  .paperless-billing .btn-wrapper {
    margin-top: 35px; }
    .paperless-billing .btn-wrapper a {
      text-align: center; }
      @media (max-width: 768px) {
        .paperless-billing .btn-wrapper a {
          margin-bottom: 15px; } }
  .paperless-billing .confirm-details, .paperless-billing .billing-confirmation .confirm-details span a, .paperless-billing .billing-confirmation .confirm-details a {
    margin: 20px 0; }
    .paperless-billing .confirm-details p, .paperless-billing .billing-confirmation .confirm-details a p {
      margin-bottom: 0; }
  .paperless-billing .billing-confirmation {
    background-color: #fff;
    border: solid 1px #d8d8d8;
    padding: 32px 50px 89px; }
    @media (max-width: 991px) {
      .paperless-billing .billing-confirmation {
        padding: 23px 15px 28px; } }
    .paperless-billing .billing-confirmation .confirm-details, .paperless-billing .billing-confirmation .confirm-details span a, .paperless-billing .billing-confirmation .confirm-details a {
      color: #4a4a4a;
      font-weight: normal;
      letter-spacing: .1px;
      line-height: 1.38; }
      .paperless-billing .billing-confirmation .confirm-details span a {
        color: #1771cc;
        font-family: "roboto-medium";
        font-size: 16px;
        font-weight: 500; }
      .paperless-billing .billing-confirmation .confirm-details a {
        color: #1771cc;
        font-family: "roboto-medium";
        font-size: 16px;
        font-weight: 500; }
      .paperless-billing .billing-confirmation .confirm-details p {
        margin-bottom: 15px; }
  @media (min-width: 992px) {
    .paperless-billing .btn-wrapper .paperless-btn {
      display: inline-block;
      margin-left: 15px; } }
  @media (max-width: 991px) {
    .paperless-billing .btn-wrapper .paperless-btn {
      text-align: center; } }
  .paperless-billing .btn-wrapper .paperless-btn .btn-action {
    padding: 10px 21px; }
    @media (max-width: 768px) {
      .paperless-billing .btn-wrapper .paperless-btn .btn-action {
        width: 80%; } }
  .paperless-billing .btn-wrapper .paperless-btn .secondary {
    background-color: #fff;
    border: solid 4px #1771cc;
    color: #1771cc;
    padding: 6px 21px; }
  @media (min-width: 992px) {
    .paperless-billing .btn-wrapper .cancel-btn {
      margin-left: 30px; } }

.go-paperless {
  padding: 15px 0; }
  .go-paperless .form-check-label {
    vertical-align: middle; }
  .go-paperless .component.rich-text {
    margin-top: 0; }
  .go-paperless .tnc-modal-link {
    color: #1771cc !important; }
  .go-paperless .errorMessage {
    top: 0; }
  .go-paperless .paperless-button-section {
    margin: 30px 0; }
    .go-paperless .paperless-button-section button {
      margin-right: 20px; }
      @media (min-width: 1200px) {
        .go-paperless .paperless-button-section button {
          margin-right: 30px; } }
      @media (max-width: 767px) {
        .go-paperless .paperless-button-section button {
          margin-right: 0;
          margin-bottom: 10px;
          width: 100%; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .go-paperless .paperless-button-section #RemindLater {
        margin-top: 20px; } }

.preference-change-billing .notify .billing-header {
  font-size: 24px;
  margin-bottom: 0;
  font-weight: 500;
  letter-spacing: .1px;
  line-height: normal; }

.preference-change-billing .notify .expect-wrapper ul {
  list-style: disc;
  padding-left: 18px;
  margin-top: 10px;
  line-height: 22px; }

.preference-change-billing .notify .due-date {
  background: #bae2e0;
  padding: 16px 30px;
  width: 100%;
  margin: 0 0 15px; }
  @media (max-width: 768px) {
    .preference-change-billing .notify .due-date {
      width: 100%;
      text-align: center; } }

.preference-change-billing .notify .date-wrapper {
  margin: 19px 0 10px; }
  .preference-change-billing .notify .date-wrapper .custom-select-arrow {
    width: 100%;
    padding-left: 0;
    position: relative; }
    @media (max-width: 768px) {
      .preference-change-billing .notify .date-wrapper .custom-select-arrow {
        width: 100%; } }
    .preference-change-billing .notify .date-wrapper .custom-select-arrow select {
      height: 66px;
      font-size: 18px;
      color: #717171;
      margin-bottom: 5px;
      font-family: "roboto-light";
      line-height: 3.7;
      padding: 10px;
      width: 100%; }
      @media all and (-ms-high-contrast: none) {
        .preference-change-billing .notify .date-wrapper .custom-select-arrow select {
          padding-bottom: 0; } }
    .preference-change-billing .notify .date-wrapper .custom-select-arrow:after {
      bottom: 35px;
      padding-right: 0;
      top: inherit;
      right: 10px; }
      @media all and (-ms-high-contrast: none) {
        .preference-change-billing .notify .date-wrapper .custom-select-arrow:after {
          bottom: 40px; } }
  .preference-change-billing .notify .date-wrapper small {
    font-size: 14px;
    color: #717171; }

.preference-change-billing .notify .pse-link-primary {
  font-size: 20px;
  letter-spacing: normal;
  line-height: .9;
  background: transparent;
  border: 0;
  outline: 0; }
  .preference-change-billing .notify .pse-link-primary .fa {
    font-size: 18px; }

.preference-center .preference-ieaffirmation h5 {
  font-family: "roboto-regular" !important;
  line-height: 1.1 !important; }

.preference-center .preference-ieaffirmation .billing-header {
  font-size: 24px;
  margin-bottom: 0;
  font-weight: 500;
  letter-spacing: .1px;
  line-height: normal; }

.preference-center .preference-ieaffirmation .lastdate-affirmation {
  font-size: 16px;
  margin: 15px 0 15px !important;
  padding: 0px; }
  .preference-center .preference-ieaffirmation .lastdate-affirmation .editable-text {
    padding-bottom: 15px;
    padding-left: 0px; }
    .preference-center .preference-ieaffirmation .lastdate-affirmation .editable-text span:first-child {
      font-family: 'roboto';
      font-weight: 700; }
  .preference-center .preference-ieaffirmation .lastdate-affirmation .pse-link-primary {
    font-family: "roboto-regular";
    font-size: 14px;
    text-transform: capitalize;
    text-decoration: underline; }
    .preference-center .preference-ieaffirmation .lastdate-affirmation .pse-link-primary:hover, .preference-center .preference-ieaffirmation .lastdate-affirmation .pse-link-primary:focus {
      text-decoration: none; }

.preference-center .preference-ieaffirmation .affirmationcheckbox {
  margin: 0 0 15px; }

.preference-center .preference-ieaffirmation .ienotify {
  margin-top: 19px !important; }

.ieconfirmation .ieaffirmation-confirmation {
  background-color: #fff;
  border: solid 1px #d8d8d8;
  padding: 32px 50px 30px; }
  .ieconfirmation .ieaffirmation-confirmation .h5 {
    color: #006671; }
  .ieconfirmation .ieaffirmation-confirmation .confirm-details, .ieconfirmation .ieaffirmation-confirmation .paperless-billing .billing-confirmation .confirm-details a, .paperless-billing .billing-confirmation .confirm-details .ieconfirmation .ieaffirmation-confirmation a {
    color: #4a4a4a;
    font-weight: normal;
    letter-spacing: .1px;
    line-height: 1.38; }
    .ieconfirmation .ieaffirmation-confirmation .confirm-details a, .paperless-billing .billing-confirmation .confirm-details .ieconfirmation .ieaffirmation-confirmation a a {
      font-size: 18px;
      white-space: nowrap;
      font-family: "roboto-condensed-bold"; }
    .ieconfirmation .ieaffirmation-confirmation .confirm-details p, .paperless-billing .billing-confirmation .confirm-details .ieconfirmation .ieaffirmation-confirmation a p {
      font-family: "roboto-medium";
      font-size: 16px;
      font-weight: 500;
      color: #4a4a4a;
      margin-bottom: 20px;
      margin-top: 20px; }
    .ieconfirmation .ieaffirmation-confirmation .confirm-details .reaffirmation-confirmation, .paperless-billing .billing-confirmation .confirm-details .ieconfirmation .ieaffirmation-confirmation a .reaffirmation-confirmation {
      font-family: "roboto-medium";
      font-size: 18px;
      font-weight: 500;
      color: #4a4a4a; }
    .ieconfirmation .ieaffirmation-confirmation .confirm-details .pagelink, .paperless-billing .billing-confirmation .confirm-details .ieconfirmation .ieaffirmation-confirmation a .pagelink {
      padding-top: 10px; }

.ieconfirmation .ieaffirmation {
  padding-top: 45px;
  padding-bottom: 103px;
  color: #f6f6f6; }
  .ieconfirmation .ieaffirmation h7 {
    color: #006671;
    font-weight: 500;
    font-family: "roboto-medium";
    line-height: normal;
    letter-spacing: .1px;
    margin-bottom: 10px; }

.ieaffirmation-edit {
  font-family: 'roboto-condensed-bold';
  font-size: 14px;
  margin-left: 10px; }

.communitySolAff-label {
  font-family: 'roboto-regular';
  font-size: 16px;
  color: #4a4a4a;
  text-align: left;
  vertical-align: middle; }

.communitySolAff-last-date {
  font-family: 'roboto-medium';
  font-size: 16px;
  color: #4a4a4a;
  text-align: left; }

.communitySolAff-desc {
  font-family: 'roboto-regular';
  font-size: 14px;
  color: #4a4a4a;
  text-align: left; }

.preference-container {
  background: #f6f6f6;
  margin-top: 22px; }
  .preference-container .preference-wrapper {
    margin: 45px 0 70px;
    background: #fff;
    padding-bottom: 43px;
    border: 1px solid #d8d8d8;
    min-height: 400px; }
    @media (max-width: 991px) {
      .preference-container .preference-wrapper {
        margin: 30px 0 70px 0; }
        .preference-container .preference-wrapper.tabbed-content {
          padding-bottom: 0; } }
  .preference-container [data-preference-tabs] li {
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-bottom: 1px solid rgba(74, 74, 74, 0.17);
    border-left: 0;
    border-right: 0;
    border-top: 0;
    margin: 0 26px; }
    .preference-container [data-preference-tabs] li a {
      color: #717171;
      padding: 30px 17px;
      text-decoration: none;
      font-size: 18px; }
      .preference-container [data-preference-tabs] li a.active {
        background: transparent;
        color: #006671;
        font-family: "roboto-bold"; }

@media (max-width: 991px) and (max-width: 991px) {
  .preference-wrapper.tabbed-content .tabs.pref-data-tabs {
    display: block !important; }
    .preference-wrapper.tabbed-content .tabs.pref-data-tabs li {
      margin: 0;
      position: relative; }
      .preference-wrapper.tabbed-content .tabs.pref-data-tabs li a {
        display: block; }
        .preference-wrapper.tabbed-content .tabs.pref-data-tabs li a::after {
          content: '\f067';
          font-family: fontawesome;
          position: absolute;
          top: 28px;
          right: 28px;
          font-size: 19px;
          color: #717171; }
        .preference-wrapper.tabbed-content .tabs.pref-data-tabs li a.active {
          display: block;
          font-family: "roboto-medium"; }
          .preference-wrapper.tabbed-content .tabs.pref-data-tabs li a.active::after {
            content: ''; } }

@media (max-width: 991px) {
  .preference-wrapper.tabbed-content .tabs {
    display: none; }
  .preference-wrapper.tabbed-content .item {
    padding: 25px 0;
    position: relative;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16); }
    .preference-wrapper.tabbed-content .item.pref-data-content {
      padding: 0; }
      .preference-wrapper.tabbed-content .item.pref-data-content::before {
        content: '';
        padding: 0; }
      .preference-wrapper.tabbed-content .item.pref-data-content::after {
        content: ''; }
      .preference-wrapper.tabbed-content .item.pref-data-content.active::after {
        content: ''; }
      .preference-wrapper.tabbed-content .item.pref-data-content.active .item-content {
        margin-top: 0; }
    .preference-wrapper.tabbed-content .item::before {
      content: attr(data-title);
      font-size: 18px;
      color: #717171;
      padding: 25px 15px;
      font-family: "roboto-regular"; }
    .preference-wrapper.tabbed-content .item::after {
      content: '\f067';
      font-family: fontawesome;
      position: absolute;
      top: 28px;
      right: 28px;
      font-size: 19px;
      color: #717171; }
    .preference-wrapper.tabbed-content .item .item-content {
      opacity: 0;
      visibility: hidden;
      height: 0; } }
  @media (max-width: 991px) and (max-width: 991px) {
    .preference-wrapper.tabbed-content .item.active {
      padding-bottom: 0; } }

@media (max-width: 991px) {
    .preference-wrapper.tabbed-content .item.active::before {
      color: #006671;
      font-family: "roboto-medium";
      font-weight: 500; }
    .preference-wrapper.tabbed-content .item.active .item-content {
      opacity: 1;
      visibility: visible;
      height: auto;
      margin-top: 22px;
      padding: 30px 15px;
      box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.16); }
      .preference-wrapper.tabbed-content .item.active .item-content h5 {
        margin: 5px 0 14px 0;
        font-size: 24px; }
    .preference-wrapper.tabbed-content .item.active::after {
      content: '\f068'; } }

@media (min-width: 992px) {
  .preference-wrapper.tabbed-content .tabs {
    display: block; }
    .preference-wrapper.tabbed-content .tabs li {
      display: inline-block; }
      .preference-wrapper.tabbed-content .tabs li a {
        display: block; }
  .preference-wrapper.tabbed-content .item {
    min-height: 0;
    display: none;
    border-left: 2px solid #d8d8d8;
    margin-top: 29px; }
    .preference-wrapper.tabbed-content .item .account-specific {
      background-color: #f6f6f6;
      margin: 0px; }
      .preference-wrapper.tabbed-content .item .account-specific .custom-checkbox {
        margin-top: 30px; }
      .preference-wrapper.tabbed-content .item .account-specific p {
        font-size: 14px;
        margin-bottom: 15px; }
    .preference-wrapper.tabbed-content .item::before {
      display: none; }
    .preference-wrapper.tabbed-content .item.active {
      width: 75%;
      display: inline-block; }
      .preference-wrapper.tabbed-content .item.active .item-content {
        padding: 0 18px 0 37px; }
        .preference-wrapper.tabbed-content .item.active .item-content h5 {
          margin-top: 0; }
        .preference-wrapper.tabbed-content .item.active .item-content .btn-action {
          font-size: 20px;
          font-family: "roboto-condensed-bold";
          line-height: 0;
          height: 40px;
          border-radius: 47px; }
  .preference-wrapper.tabbed-content.tabs-side .tabs {
    width: 25%;
    float: left; }
    .preference-wrapper.tabbed-content.tabs-side .tabs li {
      display: block; } }

.outages-login {
  margin-top: 30px; }
  .outages-login .form-wrapper {
    padding-left: 0; }
  .outages-login .form-signin {
    margin-top: 25px; }
  .outages-login .col-md-offset-2 {
    margin-left: 0; }
  .outages-login h1 {
    color: #4a4a4a;
    font-weight: normal;
    letter-spacing: normal;
    line-height: normal;
    margin-bottom: 25px; }
  .outages-login p {
    color: #4a4a4a;
    font-size: 18px;
    letter-spacing: .1px;
    margin-top: 10px; }

.outage-forms {
  margin-top: 30px; }
  .outage-forms input[type="checkbox"],
  .outage-forms input[type="radio"] {
    right: auto; }
  .outage-forms input.outage-usphone-number {
    font-size: 18px; }
  .outage-forms .form-group .form-control:focus,
  .outage-forms .form-inline .form-control:focus {
    box-shadow: none; }
  .outage-forms .custom-select-arrow:after {
    bottom: 30px; }
  .outage-forms .custom-select-arrow select {
    font-family: "roboto-light";
    font-size: 21px;
    border: 1px solid #979797;
    padding: 10px;
    border-radius: 0;
    margin-bottom: 0; }
    .outage-forms .custom-select-arrow select::-ms-expand {
      display: none; }
  .outage-forms h1,
  .outage-forms h2 {
    color: #4a4a4a;
    font-weight: 300;
    letter-spacing: normal;
    line-height: normal;
    margin-bottom: 15px; }
  .outage-forms p {
    color: #4a4a4a;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: .1px;
    margin-top: 10px; }
  .outage-forms .btn-action {
    border-radius: 47px;
    margin: 15px 0; }
  .outage-forms .form-main {
    margin: 30px 0; }
    .outage-forms .form-main .custom-textfield .form-control:not(:focus) + .form-control-placeholder {
      color: #717171; }
  .outage-forms .radio label,
  .outage-forms .checkbox label {
    color: #4a4a4a;
    font-size: 16px;
    margin: 10px 0; }
  .outage-forms .checkbox.errorDiv {
    margin-left: 20px; }
  .outage-forms .errorMessage .error {
    color: #d0021b; }
    .outage-forms .errorMessage .error::before {
      content: '\f00d';
      font-family: fontawesome;
      margin-right: 5px; }
  .outage-forms .errorMessage span {
    display: block; }
  .outage-forms a {
    color: #1771cc;
    font-family: "roboto-medium";
    font-size: 16px; }
    .outage-forms a.btn-action {
      color: #fff; }
  .outage-forms.outages-confirmation h1 {
    margin-bottom: 40px; }
  .outage-forms.outages-confirmation h3 {
    margin-bottom: 30px; }
  .outage-forms.outages-confirmation .outage-address {
    margin: 30px 0; }
  .outage-forms.outages-verified-address h1 {
    margin-bottom: 40px; }
  .outage-forms.outages-verified-address .address-verified {
    margin: 30px 0; }
  .outage-forms.outages-verified-address p {
    margin: 20px 0; }
  .outage-forms.gas-contacts {
    margin: 30px 0; }
    .outage-forms.gas-contacts label {
      display: block; }
    .outage-forms.gas-contacts p {
      margin-top: 20px; }
      .outage-forms.gas-contacts p:nth-child(even) {
        margin-bottom: 30px; }
  .outage-forms.outages-close-address {
    margin-top: 0; }
  .outage-forms.outages-different-address form {
    padding-left: 0; }
  .outage-forms.outages-different-address h3 {
    color: #4a4a4a; }
  .outage-forms.report-electric-outage form {
    padding-left: 0; }
  .outage-forms.report-electric-outage .btn-action {
    border-radius: 47px; }
  .outage-forms.outages-report-loggedin {
    margin-top: 20px; }
    .outage-forms.outages-report-loggedin .padding-left-zero {
      padding-left: 0; }
    .outage-forms.outages-report-loggedin form {
      margin: 20px 0; }
    .outage-forms.outages-report-loggedin .radio label,
    .outage-forms.outages-report-loggedin .checkbox label {
      color: #4a4a4a;
      margin: 10px 0; }
    .outage-forms.outages-report-loggedin .btn-action {
      border-radius: 47px;
      white-space: normal; }
  .outage-forms.gas-leak h2 {
    margin-bottom: 30px; }
  .outage-forms .h8 {
    font-family: "roboto-medium";
    margin-bottom: 0;
    font-weight: 500; }
  .outage-forms textarea {
    resize: none; }

.account-selector-menu .payment-wrapper {
  background: #006671;
  color: #fff;
  min-height: 78px;
  padding: 10px 0; }
  .account-selector-menu .payment-wrapper .payment-val {
    font-size: 20px; }
  .account-selector-menu .payment-wrapper .outage-paymentbtn-wrapper {
    padding: 11px 0; }
    .account-selector-menu .payment-wrapper .outage-paymentbtn-wrapper button {
      margin-right: 5px; }

@media (max-width: 767px) {
  .outage-forms .pse-btn-secondary {
    font-size: 18px;
    padding: 6px 15px; } }

.street-light-upload .media {
  background-color: #c9c9c9;
  padding: 10px; }
  .street-light-upload .media .media-left img {
    width: 100px; }

.street-light-upload input#outageAttachImage {
  background-color: #197ee3; }

.street-light-upload button {
  margin: 20px 0 0; }

.street-light-upload .btn-action {
  border-radius: 0; }

.street-light-information text-area.form-control {
  height: auto; }

form[name='outageStreetLight'] button[type='submit'] {
  margin-top: 20px; }
  @media (max-width: 768px) {
    form[name='outageStreetLight'] button[type='submit'] {
      white-space: normal; } }

form[name='outageStreetLight'] .form-control-placeholder {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.Street-area-lightning {
  margin-top: 30px; }
  .Street-area-lightning h4 {
    font-family: "roboto-light";
    font-size: 24px; }

#contInfoPoleNum ~ .res-help {
  color: #1771cc;
  font-size: 24px;
  position: absolute;
  right: 10px;
  top: 8px; }
  #contInfoPoleNum ~ .res-help + .tooltip .tooltip-arrow {
    border-top-color: #1771cc; }
  #contInfoPoleNum ~ .res-help + .tooltip .tooltip-inner {
    background-color: #1771cc; }

.browseLink {
  justify-content: center;
  align-items: center;
  display: flex;
  margin-top: 10%; }

.upload-form-responsive {
  border: 1px solid #999;
  height: 85px; }

.upload-section {
  width: 100%;
  padding: 20px;
  background: #fff;
  border: 1px #979797 solid; }

.upload-section .over {
  border: 3px dashed #1771cc !important; }

.upload-section .upload-form {
  height: 112px;
  border: 2px dashed #999999;
  align-items: center;
  justify-content: center;
  display: flex; }

section .upload-row {
  margin-top: 20px;
  background: #f6f6f6;
  list-style: none;
  padding: 10px;
  height: auto;
  border-radius: 10px;
  align-items: center; }

@media only screen and (min-width: 992px) {
  section .upload-row {
    height: 48px; } }

.progress-area .upload-row .upload-content {
  margin-top: 2px; }

.upload-area .upload-row .upload-content {
  margin-top: 5px; }

.upload-failed .upload-row .upload-content {
  margin-top: 5px; }

.progress-area .upload-content .progress-bar {
  height: 5px;
  width: 100%;
  background: #ffffdf;
  border: solid 1px #00A6CF; }

.upload-content .progress-bar .progress {
  height: 100%;
  width: 50%;
  border-radius: 0;
  background: #00A6CF;
  border: solid 1px #00A6CF; }

.upload-failed .upload-row {
  color: #d0021b; }

.errorMessage #hiddenRecaptcha-error {
  margin: 10px 0; }

.related-links {
  float: left;
  padding-bottom: 55px;
  width: 100%; }
  .related-links h3 {
    padding: 10px 0 30px; }
  .related-links .related-links-info div:first-child {
    padding-left: 0; }
  .related-links .related-img {
    float: left;
    padding-right: 20px; }
  .related-links .related-info p {
    font-family: "roboto-light";
    font-size: 20px;
    color: #4a4a4a; }
  .related-links .related-info a {
    font-family: "roboto-condensed-bold";
    font-size: 20px;
    font-weight: bold; }
  @media (max-width: 768px) {
    .related-links h3 {
      text-align: center; } }

.reconnect-content-wrapper {
  border: 5px solid #808080;
  margin-top: 30px;
  padding: 20px 30px; }
  @media (max-width: 768px) {
    .reconnect-content-wrapper {
      padding: 10px; } }
  .reconnect-content-wrapper .reconnect-header {
    border-bottom: 1px solid #4a4a4a;
    font-size: 25px;
    margin: 0 0 20px;
    padding-bottom: 5px; }
  .reconnect-content-wrapper p,
  .reconnect-content-wrapper .btn {
    margin-bottom: 20px; }
  .reconnect-content-wrapper .call-user {
    font-size: 18px;
    margin-bottom: 15px; }
    .reconnect-content-wrapper .call-user a {
      color: #4a4a4a; }
  .reconnect-content-wrapper .amount-owed {
    font-size: 40px;
    margin: 10px 0; }
    .reconnect-content-wrapper .amount-owed span {
      color: #808080;
      font-size: 30px;
      margin-left: 5px; }
  .reconnect-content-wrapper .btn-wrapper .btn {
    text-transform: uppercase;
    width: 100%; }
  .reconnect-content-wrapper .overdue-bill {
    color: #808080; }
    .reconnect-content-wrapper .overdue-bill p {
      margin-bottom: 10px; }
    .reconnect-content-wrapper .overdue-bill span {
      font-size: 18px; }
  .reconnect-content-wrapper .start-process {
    margin-top: 25px;
    text-align: right;
    text-transform: uppercase; }
    .reconnect-content-wrapper .start-process a {
      color: #4a4a4a;
      cursor: pointer;
      font-size: 18px;
      margin-top: 15px; }
      .reconnect-content-wrapper .start-process a span {
        margin-left: 5px; }
  @media (max-width: 768px) {
    .reconnect-content-wrapper.disconnected .amount-owed,
    .reconnect-content-wrapper.disconnected .overdue-bill {
      text-align: center; } }

.billing-programs .billing-wrapper.reconnect-electrogas {
  margin-bottom: 40px; }
  @media (max-width: 768px) {
    .billing-programs .billing-wrapper.reconnect-electrogas .enroll-wrapper {
      text-align: left; } }

.reconnect-amount-due {
  border: 1px solid #808080;
  padding: 20px; }
  .reconnect-amount-due .payment-date {
    font-size: 18px; }
    .reconnect-amount-due .payment-date span {
      color: #808080; }
  .reconnect-amount-due .amount-owed {
    font-size: 40px;
    margin: 10px 0; }
  .reconnect-amount-due .amount-description {
    color: #808080;
    font-size: 14px;
    margin-top: 10px; }
  .reconnect-amount-due .btn-wrapper {
    margin: 31px 0; }
    .reconnect-amount-due .btn-wrapper .btn {
      width: 100%; }

.reconnect-confirmation-wrapper .confirmation-message {
  border: 1px solid #808080;
  font-size: 25px;
  line-height: 1.1;
  padding: 30px; }

.amount-wrap {
  color: #4a4a4a;
  margin-bottom: 15px;
  text-align: center; }
  .amount-wrap .amount-head {
    font-size: 18px;
    letter-spacing: 0.1px;
    margin-bottom: 20px; }
  .amount-wrap .amount-value {
    font-size: 38px;
    font-family: "roboto-light";
    font-weight: 300;
    line-height: 0.58; }

.pse-panel {
  border: 0;
  box-shadow: none;
  border-radius: 0;
  margin: 25px 0;
  font-size: 16px; }
  .pse-panel .panel-body {
    padding: 27px 32px; }
    @media (max-width: 480px) {
      .pse-panel .panel-body {
        text-align: center; } }
    .pse-panel .panel-body .panel-description {
      color: #4a4a4a;
      margin-bottom: 20px;
      word-wrap: break-word; }
    .pse-panel .panel-body a.redirect-link {
      color: #1771cc;
      font-size: 16px;
      text-decoration: underline; }
    .pse-panel .panel-body .pse-form-btn {
      color: #1771cc;
      line-height: 1.2;
      padding-left: 0; }
      @media (max-width: 480px) {
        .pse-panel .panel-body .pse-form-btn {
          font-size: 18px; } }
      .pse-panel .panel-body .pse-form-btn:hover, .pse-panel .panel-body .pse-form-btn:focus {
        color: #004A94;
        text-decoration: none; }
  .pse-panel .panel-heading {
    border-radius: 0;
    border: 0;
    padding-left: 32px; }
    .pse-panel .panel-heading .h2 {
      font-size: 30px;
      font-family: "roboto-light";
      font-weight: 300;
      margin: 2px 0;
      text-transform: capitalize; }
  .pse-panel.panel-danger .panel-heading {
    background-color: #c41f3d; }
    .pse-panel.panel-danger .panel-heading .h2 {
      color: #fff; }
  .pse-panel.panel-danger .panel-body {
    background-color: #fcf3f5; }
  .pse-panel.panel-suggestion .panel-heading {
    background-color: #00a6cf; }
    .pse-panel.panel-suggestion .panel-heading .h2 {
      color: #4a4a4a; }
  .pse-panel.panel-suggestion .panel-body {
    background-color: #eaf8fb; }
  .pse-panel.panel-nopayment .panel-heading {
    background-color: #b8c42e; }
    .pse-panel.panel-nopayment .panel-heading .h2 {
      color: #4a4a4a; }
  .pse-panel.panel-nopayment .panel-body {
    background-color: #eefae9; }
  .pse-panel .start-reconnect-btn {
    color: #1771cc;
    line-height: 0.9;
    padding: 0; }
    @media (max-width: 768px) {
      .pse-panel .start-reconnect-btn {
        font-size: 18px;
        margin-bottom: 10px; } }
    @media (max-width: 480px) {
      .pse-panel .start-reconnect-btn {
        margin-bottom: 0; } }
  .pse-panel.panel-disconnected .panel-heading {
    clear: both;
    overflow: hidden; }
    .pse-panel.panel-disconnected .panel-heading .h2 {
      float: left;
      width: calc(100% - 20px); }
    .pse-panel.panel-disconnected .panel-heading .close-field {
      cursor: pointer;
      float: right;
      font-size: 22px;
      color: #fff; }

.toll-free {
  color: #4a4a4a;
  font-size: 20px;
  font-family: "roboto-medium";
  font-weight: 500; }

.sub-title {
  font-size: 20px;
  color: #4a4a4a;
  margin-bottom: 15px; }

.btn.btn-nopay {
  font-size: 20px;
  font-family: "roboto-condensed-bold";
  line-height: 1.65;
  margin-top: 10px;
  padding: 4px 0;
  width: 100%; }
  .btn.btn-nopay:focus {
    outline: none; }

hr {
  background-color: #c3c3c3;
  height: 1px;
  width: 100%; }

.budget-content .body-l {
  color: #4a4a4a;
  font-family: "roboto-regular";
  line-height: 1.2; }
  .budget-content .body-l ul {
    color: #4a4a4a;
    line-height: 1.5; }
    .budget-content .body-l ul li {
      padding: 11.5px 0; }

.budget-graph {
  border: 1px solid #c2c2c2;
  margin-bottom: 35px; }
  @media (max-width: 991px) {
    .budget-graph {
      margin-bottom: 10px; } }
  .budget-graph .h8 {
    color: #006671;
    margin: 0;
    padding: 27px 0 0 24px; }

.budget-billing-sign {
  background-color: #e5f6fa;
  padding: 0; }
  @media (max-width: 991px) {
    .budget-billing-sign {
      margin: 0 -15px 0 -15px;
      width: calc(100% + 30px);
      padding: 18px;
      text-align: center; } }
  .budget-billing-sign p {
    margin: 15px 0;
    padding: 15px 0 15px 30px;
    text-align: left; }
    @media (max-width: 991px) {
      .budget-billing-sign p {
        text-align: center; } }
    @media (min-width: 992px) and (max-width: 1024px) {
      .budget-billing-sign p {
        text-align: left; } }
  .budget-billing-sign .sign-btn {
    cursor: pointer;
    font-size: 20px;
    padding: 10px 25px; }
    @media (max-width: 991px) {
      .budget-billing-sign .sign-btn {
        margin: 0 0 20px; } }

.eligible-unenroll {
  background: #e5f6fa;
  padding: 30px 10px; }
  .eligible-unenroll p {
    font-size: 18px; }
    .eligible-unenroll p a {
      text-decoration: underline; }
  .eligible-unenroll .budget-eligible-content p {
    font-size: 18px; }

.bs-unenroll-modal-md .modal-content,
.bs-enroll-modal-md .modal-content {
  margin: 0 auto; }

.bs-unenroll-modal-md .modal-header,
.bs-enroll-modal-md .modal-header {
  border-bottom-width: 0;
  padding-left: 30px;
  padding-top: 25px; }
  .bs-unenroll-modal-md .modal-header .close,
  .bs-enroll-modal-md .modal-header .close {
    font-size: 32px; }

.bs-unenroll-modal-md .btn-default,
.bs-enroll-modal-md .btn-default {
  background-color: #f6f6f6;
  border-radius: 20px;
  color: #32363d;
  font-weight: bold;
  padding: 10px 30px; }

.bs-unenroll-modal-md .btn,
.bs-enroll-modal-md .btn {
  min-width: 200px; }

.bs-unenroll-modal-md .modal-body,
.bs-enroll-modal-md .modal-body {
  padding: 0 20px 30px; }

.bs-unenroll-modal-md .modal-dialog,
.bs-enroll-modal-md .modal-dialog {
  align-items: center;
  display: flex;
  height: 100%;
  margin-bottom: 0;
  margin-top: 0; }

.bs-unenroll-modal-md .btn-action,
.bs-enroll-modal-md .btn-action {
  margin: 0 15px; }

.unenroll {
  background: #e5f6fa;
  padding: 20px 30px; }
  @media (max-width: 991px) {
    .unenroll {
      margin: 0 -15px 0 -15px;
      width: calc(100% + 30px);
      text-align: center; } }
  .unenroll .budget-card-content {
    font-size: 24px; }
    .unenroll .budget-card-content .h7 {
      margin-bottom: 0; }
    .unenroll .budget-card-content h3 {
      font-family: "roboto-regular";
      font-weight: normal;
      margin: 0; }
  .unenroll hr {
    background-color: #c3c3c3;
    margin-bottom: 0; }
  .unenroll p {
    color: #1771cc;
    cursor: pointer; }
    .unenroll p > a {
      color: #1771cc;
      font-family: "roboto-bold";
      font-size: 20px;
      margin-left: 10px; }
  .unenroll .btn-action {
    margin: 20px 0; }
    @media (max-width: 768px) {
      .unenroll .btn-action {
        margin: 30px 0; } }

.enrolled-budget-plan,
.unenrolled-budget-plan {
  background-color: #e5f6fa;
  padding: 25.5px 32px; }
  @media (max-width: 768px) {
    .enrolled-budget-plan .btn-action,
    .unenrolled-budget-plan .btn-action {
      padding: 10px 30px; } }

@media (max-width: 768px) and (max-width: 991px) {
  .enrolled-budget-plan,
  .unenrolled-budget-plan {
    margin: 0 -15px 0 -15px;
    width: calc(100% + 30px);
    text-align: center; } }
  .enrolled-budget-plan p,
  .unenrolled-budget-plan p {
    color: #4a4a4a;
    margin: 0 0 15px; }
  .enrolled-budget-plan h3,
  .unenrolled-budget-plan h3 {
    font-family: "roboto-regular";
    margin-top: 0; }
  .enrolled-budget-plan .h8,
  .unenrolled-budget-plan .h8 {
    color: #1771cc;
    cursor: pointer; }
    .enrolled-budget-plan .h8 > a,
    .unenrolled-budget-plan .h8 > a {
      color: #1771cc;
      font-family: "roboto-condensed-bold";
      font-size: 20px;
      margin-left: 10px; }
    .enrolled-budget-plan .h8 .fa,
    .unenrolled-budget-plan .h8 .fa {
      margin: 5px; }

.enrolled-budget-plan .btn.btn-action {
  margin-bottom: 15px; }

.budget-billing-note {
  margin-bottom: 35px; }
  .budget-billing-note .body-xs {
    letter-spacing: 0.1px;
    line-height: 1.3; }

.account-ineligible {
  background-color: #fcf0dc;
  padding: 25px 20px 30px; }
  @media (max-width: 991px) {
    .account-ineligible {
      margin: 0 -15px 0 -15px;
      width: calc(100% + 30px);
      padding: 18px; } }
  .account-ineligible .media {
    margin-bottom: 0; }
  .account-ineligible .body-xl {
    font-family: "roboto-medium";
    padding-top: 10px; }
    @media (max-width: 768px) {
      .account-ineligible .body-xl {
        font-size: 18px; } }
  .account-ineligible p {
    font-size: 20px;
    padding-left: 15px; }
    @media (max-width: 768px) {
      .account-ineligible p {
        font-size: 14px;
        padding-left: 0; } }
    .account-ineligible p span {
      font-family: "roboto-medium"; }

.media-card-section {
  border: 1px solid #c2c2c2;
  margin-bottom: 35px;
  padding: 25px 25px 0; }
  .media-card-section > p {
    color: #006671;
    font-family: "roboto-condensed-bold";
    font-size: 20px; }
  .media-card-section p {
    margin-bottom: 0; }
  .media-card-section .budgetbilling-media {
    margin-bottom: 40px;
    margin-top: 10px; }
    @media (max-width: 991px) {
      .media-card-section .budgetbilling-media {
        margin-bottom: 22px; } }
    .media-card-section .budgetbilling-media .media-body .autopay-redirect {
      font-size: 16px;
      padding: 0; }
      .media-card-section .budgetbilling-media .media-body .autopay-redirect:hover {
        text-decoration: underline;
        color: #1771cc; }
      .media-card-section .budgetbilling-media .media-body .autopay-redirect .fa-chevron-right {
        margin-left: 0;
        text-decoration: none; }
    .media-card-section .budgetbilling-media .media-body .media-heading {
      font-family: "roboto-bold";
      font-size: 16px;
      color: #4a4a4a; }
      @media (max-width: 991px) {
        .media-card-section .budgetbilling-media .media-body .media-heading {
          font-size: 14px; } }
    .media-card-section .budgetbilling-media .media-body > a {
      color: #1771cc;
      font-family: "roboto-condensed-bold";
      font-size: 16px; }
      .media-card-section .budgetbilling-media .media-body > a + i,
      .media-card-section .budgetbilling-media .media-body > a + .fa {
        color: #1771cc; }
    @media (max-width: 991px) {
      .media-card-section .budgetbilling-media .media-body p {
        font-size: 14px; } }
  .media-card-section .btn-action {
    min-width: 160px; }

.budget-payment-plan {
  margin-top: 20px; }
  .budget-payment-plan .pagetitle {
    margin: 0; }

.main-container + .budget-payment-plan {
  margin-top: 10px; }

.pagetitle h2 {
  color: #4a4a4a;
  font-weight: 300;
  letter-spacing: normal;
  line-height: 1.1; }
  @media (max-width: 768px) {
    .pagetitle h2 {
      font-size: 30px; } }

.subtitle {
  color: #4a4a4a;
  letter-spacing: normal;
  line-height: 1.1; }
  @media (max-width: 768px) {
    .subtitle {
      font-size: 20px; } }
  .subtitle .h6 {
    font-family: "roboto-regular";
    font-weight: 300; }

.terms-condition a {
  color: #1771cc;
  font-family: "roboto-medium"; }

@media (max-width: 991px) {
  .pse-success {
    margin-bottom: 10px;
    margin-top: 30px; } }

.pse-success .alert {
  background-color: #eefae9;
  color: #4a4a4a;
  margin: 0; }
  @media (max-width: 991px) {
    .pse-success .alert {
      margin: 0 -15px 0 -15px;
      width: calc(100% + 30px);
      padding: 18px; } }
  .pse-success .alert span {
    font-size: 22px;
    font-family: "roboto-medium";
    color: #4a4a4a; }
  @media (max-width: 991px) {
    .pse-success .alert button {
      top: -5px;
      right: -10px; } }
  .pse-success .alert .close {
    top: -15px; }

.pse-success h6 {
  margin: 0; }

.pse-success .media {
  margin: 0; }
  .pse-success .media .media-body {
    vertical-align: middle; }

.pse-success .fa {
  color: #b8c42e;
  font-size: 64px; }

@media (max-width: 991px) {
  .pse-warn {
    margin-bottom: 10px;
    margin-top: 30px; } }

.pse-warn .alert {
  background-color: #fcf0dc;
  color: #ed9f1b; }
  @media (max-width: 991px) {
    .pse-warn .alert {
      margin: 0 -15px 0 -15px;
      width: calc(100% + 30px);
      padding: 18px; } }
  .pse-warn .alert span {
    color: #4a4a4a;
    font-family: "roboto-medium";
    font-size: 22px; }
  @media (max-width: 991px) {
    .pse-warn .alert button {
      top: -5px;
      right: -10px; } }
  .pse-warn .alert .close {
    top: -15px; }

.pse-warn h6 {
  margin: 0; }

.pse-warn .media {
  margin: 0; }
  .pse-warn .media .media-body {
    vertical-align: middle; }

.pse-warn .fa {
  color: #ed9f1b;
  font-size: 64px; }

.pse-error {
  margin-top: 30px; }
  @media (max-width: 991px) {
    .pse-error {
      margin-bottom: 10px;
      margin-top: 30px; } }
  .pse-error .alert {
    background-color: #c41f3d;
    color: #fff;
    margin: 0; }
    @media (max-width: 991px) {
      .pse-error .alert {
        margin: 0 -15px 0 -15px;
        width: calc(100% + 30px);
        padding: 18px; } }
    .pse-error .alert span {
      color: #fff;
      font-family: "roboto-medium";
      font-size: 22px; }
    @media (max-width: 991px) {
      .pse-error .alert button {
        right: -10px;
        top: -5px; } }
    .pse-error .alert .close {
      top: -15px; }
  .pse-error h6 {
    color: #fff;
    margin: 0; }
  .pse-error .media {
    margin: 0; }
    .pse-error .media .media-body {
      vertical-align: middle; }
  .pse-error .fa {
    color: #fff;
    font-size: 64px; }

.featured-link {
  background-color: #f6f6f6;
  margin-top: 35px; }
  .featured-link.related-links .related-img {
    padding: 0 20px 20px; }
  .featured-link h3 {
    padding-top: 49px;
    margin-bottom: 25px; }
    @media (max-width: 768px) {
      .featured-link h3 {
        font-size: 32px;
        text-align: center;
        margin-bottom: 15px; } }

.account-selector-menu {
  -moz-box-shadow: 0 0 5px 0 #32363d;
  -webkit-box-shadow: 0 0 5px 0 #32363d;
  box-shadow: 0 0 5px 0 #32363d;
  border-radius: 5px;
  margin-top: 30px; }
  .account-selector-menu .navbar {
    border-bottom: 1px solid #006671;
    border-radius: 0;
    margin-bottom: 0; }
    .account-selector-menu .navbar .navbar-header {
      border-bottom: 1px solid #006671; }
    .account-selector-menu .navbar .navbar-brand {
      color: #006671; }
    .account-selector-menu .navbar .navbar-toggle .icon-bar {
      border: 1px solid #006671; }
    @media (max-width: 768px) {
      .account-selector-menu .navbar .navbar-collapse {
        margin: 0;
        padding: 0; } }
    .account-selector-menu .navbar .navbar-collapse li {
      border-bottom: 2px solid transparent; }
      @media (max-width: 768px) {
        .account-selector-menu .navbar .navbar-collapse li {
          width: 100%; } }
      .account-selector-menu .navbar .navbar-collapse li.active {
        border-bottom: 2px solid #006671; }
        @media (max-width: 768px) {
          .account-selector-menu .navbar .navbar-collapse li.active {
            border: 0;
            font-weight: bold; } }
      .account-selector-menu .navbar .navbar-collapse li a {
        color: #006671;
        padding: 15px 13px; }
        @media (max-width: 768px) {
          .account-selector-menu .navbar .navbar-collapse li a {
            padding: 15px 30px; } }
        .account-selector-menu .navbar .navbar-collapse li a:hover, .account-selector-menu .navbar .navbar-collapse li a:focus {
          background-color: transparent; }
  .account-selector-menu .overview-wrapper {
    background-color: #006671;
    color: #fff;
    padding: 20px 0 10px; }
    .account-selector-menu .overview-wrapper p {
      font-size: 18px; }
      .account-selector-menu .overview-wrapper p .fa {
        margin-right: 10px; }
    .account-selector-menu .overview-wrapper .account-summary p {
      font-size: 15px; }
      .account-selector-menu .overview-wrapper .account-summary p span {
        display: block;
        font-size: 12px; }
      .account-selector-menu .overview-wrapper .account-summary p .fa {
        float: right; }
    .account-selector-menu .overview-wrapper .account-summary .account-selection {
      margin-top: 10px; }
      .account-selector-menu .overview-wrapper .account-summary .account-selection a {
        color: inherit; }
        .account-selector-menu .overview-wrapper .account-summary .account-selection a:hover, .account-selector-menu .overview-wrapper .account-summary .account-selection a:focus, .account-selector-menu .overview-wrapper .account-summary .account-selection a:active {
          text-decoration: none; }
        .account-selector-menu .overview-wrapper .account-summary .account-selection a i {
          float: right; }

/*!
 * Datepicker for Bootstrap v1.6.1 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr; }

.datepicker-inline {
  width: 220px; }

.datepicker.datepicker-rtl {
  direction: rtl; }

.datepicker.datepicker-rtl table tr td span {
  float: right; }

.datepicker-dropdown {
  top: 0;
  left: 0; }

.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #999;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute; }

.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute; }

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px; }

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px; }

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px; }

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px; }

.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px; }

.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px; }

.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999; }

.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff; }

.datepicker > div {
  display: none; }

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.datepicker td, .datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none; }

.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
  background-color: transparent; }

.datepicker table tr td.day.focused, .datepicker table tr td.day:hover {
  background: #eee;
  cursor: pointer; }

.datepicker table tr td.new, .datepicker table tr td.old {
  color: #999; }

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
  background: 0 0;
  color: #999;
  cursor: default; }

.datepicker table tr td.highlighted {
  background: #d9edf7;
  border-radius: 0; }

.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000; }

.datepicker table tr td.today.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today:active, .datepicker table tr td.today:hover, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today:hover:active, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today[disabled] {
  background-color: #fdf59a; }

.datepicker table tr td.today.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today:active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover:active {
  background-color: #fbf069; }

.datepicker table tr td.today:hover:hover {
  color: #000; }

.datepicker table tr td.today.active:hover {
  color: #fff; }

.datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:hover {
  background: #eee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.datepicker table tr td.range.today, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today:hover {
  background-color: #f3d17a;
  background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
  background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.datepicker table tr td.range.today.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today.disabled:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today[disabled] {
  background-color: #f3e97a; }

.datepicker table tr td.range.today.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today:hover:active {
  background-color: #efe24b; }

.datepicker table tr td.selected, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover {
  background-color: #9e9e9e;
  background-image: -moz-linear-gradient(to bottom, #b3b3b3, grey);
  background-image: -ms-linear-gradient(to bottom, #b3b3b3, grey);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(grey));
  background-image: -webkit-linear-gradient(to bottom, #b3b3b3, grey);
  background-image: -o-linear-gradient(to bottom, #b3b3b3, grey);
  background-image: linear-gradient(to bottom, #b3b3b3, grey);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
  border-color: grey grey #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected.disabled:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected[disabled] {
  background-color: grey; }

.datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected:hover:active {
  background-color: #666; }

.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(to bottom, #08c, #04c);
  background-image: -ms-linear-gradient(to bottom, #08c, #04c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
  background-image: -webkit-linear-gradient(to bottom, #08c, #04c);
  background-image: -o-linear-gradient(to bottom, #08c, #04c);
  background-image: linear-gradient(to bottom, #08c, #04c);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #04c #04c #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
  background-color: #04c; }

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active:active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover:active {
  background-color: #039; }

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.datepicker table tr td span.focused, .datepicker table tr td span:hover {
  background: #eee; }

.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
  background: 0 0;
  color: #999;
  cursor: default; }

.datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(to bottom, #08c, #04c);
  background-image: -ms-linear-gradient(to bottom, #08c, #04c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
  background-image: -webkit-linear-gradient(to bottom, #08c, #04c);
  background-image: -o-linear-gradient(to bottom, #08c, #04c);
  background-image: linear-gradient(to bottom, #08c, #04c);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #04c #04c #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled] {
  background-color: #04c; }

.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active {
  background-color: #039; }

.datepicker table tr td span.new, .datepicker table tr td span.old {
  color: #999; }

.datepicker .datepicker-switch {
  width: 145px; }

.datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th {
  cursor: pointer; }

.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
  background: #eee; }

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle; }

.input-append.date .add-on, .input-prepend.date .add-on {
  cursor: pointer; }

.input-append.date .add-on i, .input-prepend.date .add-on i {
  margin-top: 3px; }

.input-daterange input {
  text-align: center; }

.input-daterange input:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px; }

.input-daterange input:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0; }

.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px; }

/*# sourceMappingURL=bootstrap-datepicker.min.css.map */
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); }

.ui-front {
  z-index: 100; }

.ui-state-disabled {
  cursor: default !important;
  pointer-events: none; }

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block; }

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%; }

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default; }

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0; }

.ui-menu .ui-menu {
  position: absolute; }

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em; }

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0; }

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
  margin: -1px; }

.ui-menu-icons {
  position: relative; }

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em; }

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0; }

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0; }

.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: visible; }

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
  text-decoration: none; }

.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap; }

input.ui-button.ui-button-icon-only {
  text-indent: 0; }

.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px; }

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap; }

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em; }

input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0; }

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

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0; }

.ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999; }

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left; }

.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box; }

.ui-controlgroup .ui-controlgroup-label {
  padding: .4em 1em; }

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%; }

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none; }

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none; }

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none; }

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none; }

.ui-controlgroup-vertical .ui-spinner-input {
  width: 75%;
  width: calc( 100% - 2.4em); }

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid; }

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: .12em;
  border: none; }

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none; }

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid; }

.ui-checkboxradio-disabled {
  pointer-events: none; }

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em; }

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0; }

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative; }

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis; }

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px; }

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto; }

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right; }

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer; }

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0; }

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0; }

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0; }

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0; }

.ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px; }

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0; }

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0; }

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0; }

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0; }

.ui-draggable .ui-dialog-titlebar {
  cursor: move; }

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden; }

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%; }

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25; }

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none; }

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none; }

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black; }

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none; }

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px; }

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0; }

.ui-selectmenu-open {
  display: block; }

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis; }

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em; }

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0; }

.ui-slider {
  position: relative;
  text-align: left; }

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0; }

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit; }

.ui-slider-horizontal {
  height: .8em; }

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.ui-slider-vertical {
  width: .8em;
  height: 100px; }

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em; }

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%; }

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.ui-slider-vertical .ui-slider-range-max {
  top: 0; }

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle; }

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: .222em 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 2em; }

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0; }

.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none; }

.ui-spinner-up {
  top: 0; }

.ui-spinner-down {
  bottom: 0; }

.ui-tabs {
  position: relative;
  padding: .2em; }

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0; }

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap; }

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text; }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer; }

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none; }

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px; }

body .ui-tooltip {
  border-width: 2px; }

.ui-widget {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em; }

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5; }

.ui-widget-content {
  border: 1px solid #ddd;
  background: #fff;
  color: #333; }

.ui-widget-content a {
  color: #333; }

.ui-widget-header {
  border: 1px solid #ddd;
  background: #e9e9e9;
  color: #333;
  font-weight: bold; }

.ui-widget-header a {
  color: #333; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
  color: #454545;
  text-decoration: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
  border: 1px solid #ccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b; }

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none; }

.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6; }

.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: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #fff; }

.ui-icon-background, .ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #fff; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #fff;
  text-decoration: none; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620; }

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90; }

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #777620; }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f; }

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #5f3f3f; }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #5f3f3f; }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal; }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35); }

.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon, .ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png"); }

.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png"); }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
  background-image: url("images/ui-icons_555555_256x240.png"); }

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png"); }

.ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon {
  background-image: url("images/ui-icons_777620_256x240.png"); }

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cc0000_256x240.png"); }

.ui-button .ui-icon {
  background-image: url("images/ui-icons_777777_256x240.png"); }

.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-caret-1-n {
  background-position: 0 0; }

.ui-icon-caret-1-ne {
  background-position: -16px 0; }

.ui-icon-caret-1-e {
  background-position: -32px 0; }

.ui-icon-caret-1-se {
  background-position: -48px 0; }

.ui-icon-caret-1-s {
  background-position: -65px 0; }

.ui-icon-caret-1-sw {
  background-position: -80px 0; }

.ui-icon-caret-1-w {
  background-position: -96px 0; }

.ui-icon-caret-1-nw {
  background-position: -112px 0; }

.ui-icon-caret-2-n-s {
  background-position: -128px 0; }

.ui-icon-caret-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -65px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -65px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 3px; }

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 3px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 3px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 3px; }

.ui-widget-overlay {
  background: #aaa;
  opacity: .003;
  filter: Alpha(Opacity=0.3); }

.ui-widget-shadow {
  -webkit-box-shadow: 0 0 5px #666;
  box-shadow: 0 0 5px #666; }

/*!
 * FullCalendar v3.9.0
 * Docs & License: https://fullcalendar.io/
 * (c) 2018 Adam Shaw
 */
.fc button, .fc table, body .fc {
  font-size: 1em; }

.fc-bg, .fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton {
  bottom: 0; }

.fc-icon, .fc-unselectable {
  -webkit-touch-callout: none;
  -khtml-user-select: none; }

.fc {
  direction: ltr;
  text-align: left; }

.fc-rtl {
  text-align: right; }

.fc th, .fc-basic-view td.fc-week-number, .fc-icon, .fc-toolbar {
  text-align: center; }

.fc-highlight {
  background: #bce8f1;
  opacity: .3; }

.fc-bgevent {
  background: #8fdf82;
  opacity: .3; }

.fc-nonbusiness {
  background: #d7d7d7; }

.fc button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  white-space: nowrap;
  cursor: pointer; }

.fc button::-moz-focus-inner {
  margin: 0;
  padding: 0; }

.fc-state-default {
  border: 1px solid;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
  background-image: -o-linear-gradient(top, #fff, #e6e6e6);
  background-image: linear-gradient(to bottom, #fff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

.fc-state-default.fc-corner-left {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.fc-state-default.fc-corner-right {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.fc button .fc-icon {
  position: relative;
  top: -.05em;
  margin: 0 .2em;
  vertical-align: middle; }

.fc-state-active, .fc-state-disabled, .fc-state-down, .fc-state-hover {
  color: #333;
  background-color: #e6e6e6; }

.fc-state-hover {
  color: #333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position .1s linear;
  -moz-transition: background-position .1s linear;
  -o-transition: background-position .1s linear;
  transition: background-position .1s linear; }

.fc-state-active, .fc-state-down {
  background-color: #ccc;
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: .65;
  box-shadow: none; }

.fc-event.fc-draggable, .fc-event[href], .fc-popover .fc-header .fc-close, a[data-goto] {
  cursor: pointer; }

.fc-button-group {
  display: inline-block; }

.fc .fc-button-group > * {
  float: left;
  margin: 0 0 0 -1px; }

.fc .fc-button-group > :first-child {
  margin-left: 0; }

.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }

.fc-popover .fc-header {
  padding: 2px 4px; }

.fc-popover .fc-header .fc-title {
  margin: 0 2px; }

.fc-ltr .fc-popover .fc-header .fc-title, .fc-rtl .fc-popover .fc-header .fc-close {
  float: left; }

.fc-ltr .fc-popover .fc-header .fc-close, .fc-rtl .fc-popover .fc-header .fc-title {
  float: right; }

.fc-divider {
  border-style: solid;
  border-width: 1px; }

hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  border-width: 1px 0; }

.fc-bg table, .fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table {
  height: 100%; }

.fc-clear {
  clear: both; }

.fc-bg, .fc-bgevent-skeleton, .fc-helper-skeleton, .fc-highlight-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

.fc table {
  width: 100%;
  box-sizing: border-box;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0; }

.fc td, .fc th {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top; }

.fc td.fc-today {
  border-style: double; }

a[data-goto]:hover {
  text-decoration: underline; }

.fc .fc-row {
  border-style: solid;
  border-width: 0; }

.fc-row table {
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  border-bottom: 0 hidden transparent; }

.fc-row:first-child table {
  border-top: 0 hidden transparent; }

.fc-row {
  position: relative; }

.fc-row .fc-bg {
  z-index: 1; }

.fc-row .fc-bgevent-skeleton td, .fc-row .fc-highlight-skeleton td {
  border-color: transparent; }

.fc-row .fc-bgevent-skeleton {
  z-index: 2; }

.fc-row .fc-highlight-skeleton {
  z-index: 3; }

.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px; }

.fc-row .fc-helper-skeleton {
  z-index: 5; }

.fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-helper-skeleton td {
  background: 0 0;
  border-color: transparent; }

.fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {
  border-bottom: 0; }

.fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td {
  border-top: 0; }

.fc-scroller {
  -webkit-overflow-scrolling: touch; }

.fc-icon, .fc-row.fc-rigid, .fc-time-grid-event {
  overflow: hidden; }

.fc-scroller > .fc-day-grid, .fc-scroller > .fc-time-grid {
  position: relative;
  width: 100%; }

.fc-event {
  position: relative;
  display: block;
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad; }

.fc-event, .fc-event-dot {
  background-color: #3a87ad; }

.fc-event, .fc-event:hover {
  color: #fff;
  text-decoration: none; }

.fc-not-allowed, .fc-not-allowed .fc-event {
  cursor: not-allowed; }

.fc-event .fc-bg {
  z-index: 1;
  background: #fff;
  opacity: .25; }

.fc-event .fc-content {
  position: relative;
  z-index: 2; }

.fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
  display: none; }

.fc-event.fc-allow-mouse-resize .fc-resizer, .fc-event.fc-selected .fc-resizer {
  display: block; }

.fc-event.fc-selected .fc-resizer:before {
  content: "";
  position: absolute;
  z-index: 9999;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px; }

.fc-event.fc-selected {
  z-index: 9999 !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }

.fc-event.fc-selected.fc-dragging {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); }

.fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0; }

.fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.fc-ltr .fc-h-event .fc-start-resizer, .fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px; }

.fc-ltr .fc-h-event .fc-end-resizer, .fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px; }

.fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  bottom: -1px; }

.fc-h-event.fc-selected .fc-resizer {
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  top: 50%;
  margin-top: -4px; }

.fc-ltr .fc-h-event.fc-selected .fc-start-resizer, .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px; }

.fc-ltr .fc-h-event.fc-selected .fc-end-resizer, .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px; }

.fc-day-grid-event {
  margin: 1px 2px 0;
  padding: 0 1px; }

tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px; }

.fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  background: #000;
  opacity: .25; }

.fc-day-grid-event .fc-content {
  white-space: nowrap;
  overflow: hidden; }

.fc-day-grid-event .fc-time {
  font-weight: 700; }

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px; }

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px; }

a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none; }

a.fc-more:hover {
  text-decoration: underline; }

.fc.fc-bootstrap3 a, .ui-widget .fc-event {
  text-decoration: none; }

.fc-limited {
  display: none; }

.fc-icon, .fc-toolbar .fc-center {
  display: inline-block; }

.fc-day-grid .fc-row {
  z-index: 1; }

.fc-more-popover {
  z-index: 2;
  width: 220px; }

.fc-more-popover .fc-event-container {
  padding: 10px; }

.fc-bootstrap3 .fc-popover .panel-body, .fc-bootstrap4 .fc-popover .card-body {
  padding: 0; }

.fc-now-indicator {
  position: absolute;
  border: 0 solid red; }

.fc-bootstrap3 .fc-today.alert, .fc-bootstrap4 .fc-today.alert {
  border-radius: 0; }

.fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent; }

.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
  border-color: #ddd; }

.fc-unthemed .fc-popover {
  background-color: #fff;
  border-width: 1px;
  border-style: solid; }

.fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-popover .fc-header {
  background: #eee; }

.fc-unthemed td.fc-today {
  background: #fcf8e3; }

.fc-unthemed .fc-disabled-day {
  background: #d7d7d7;
  opacity: .3; }

.fc-icon {
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  font-family: "Courier New",Courier,monospace;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.fc-icon:after {
  position: relative; }

.fc-icon-left-single-arrow:after {
  content: "\2039";
  font-weight: 700;
  font-size: 200%;
  top: -7%; }

.fc-icon-right-single-arrow:after {
  content: "\203A";
  font-weight: 700;
  font-size: 200%;
  top: -7%; }

.fc-icon-left-double-arrow:after {
  content: "\AB";
  font-size: 160%;
  top: -7%; }

.fc-icon-right-double-arrow:after {
  content: "\BB";
  font-size: 160%;
  top: -7%; }

.fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%; }

.fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%; }

.fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%; }

.fc-icon-x:after {
  content: "\D7";
  font-size: 200%;
  top: 6%; }

.fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
  font-size: .9em;
  margin-top: 2px; }

.fc-unthemed .fc-list-item:hover td {
  background-color: #f5f5f5; }

.ui-widget .fc-disabled-day {
  background-image: none; }

.fc-bootstrap3 .fc-time-grid .fc-slats table, .fc-bootstrap4 .fc-time-grid .fc-slats table, .fc-time-grid .fc-slats .ui-widget-content {
  background: 0 0; }

.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0; }

.fc-bootstrap3 hr.fc-divider, .fc-bootstrap4 hr.fc-divider {
  border-color: inherit; }

.ui-widget .fc-event {
  color: #fff;
  font-weight: 400; }

.ui-widget td.fc-axis {
  font-weight: 400; }

.fc.fc-bootstrap3 a[data-goto]:hover {
  text-decoration: underline; }

.fc.fc-bootstrap4 a {
  text-decoration: none; }

.fc.fc-bootstrap4 a[data-goto]:hover {
  text-decoration: underline; }

.fc-bootstrap4 a.fc-event:not([href]):not([tabindex]) {
  color: #fff; }

.fc-bootstrap4 .fc-popover.card {
  position: absolute; }

.fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em; }

.fc-toolbar.fc-footer-toolbar {
  margin-top: 1em; }

.fc-toolbar .fc-left {
  float: left; }

.fc-toolbar .fc-right {
  float: right; }

.fc .fc-toolbar > * > * {
  float: left;
  margin-left: .75em; }

.fc .fc-toolbar > * > :first-child {
  margin-left: 0; }

.fc-toolbar h2 {
  margin: 0; }

.fc-toolbar button {
  position: relative; }

.fc-toolbar .fc-state-hover, .fc-toolbar .ui-state-hover {
  z-index: 2; }

.fc-toolbar .fc-state-down {
  z-index: 3; }

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
  z-index: 4; }

.fc-toolbar button:focus {
  z-index: 5; }

.fc-view-container *, .fc-view-container :after, .fc-view-container :before {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.fc-view, .fc-view > table {
  position: relative;
  z-index: 1; }

.fc-basicDay-view .fc-content-skeleton, .fc-basicWeek-view .fc-content-skeleton {
  padding-bottom: 1em; }

.fc-basic-view .fc-body .fc-row {
  min-height: 4em; }

.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

.fc-day-top.fc-other-month {
  opacity: .3; }

.fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number {
  padding: 2px; }

.fc-basic-view th.fc-day-number, .fc-basic-view th.fc-week-number {
  padding: 0 2px; }

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right; }

.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left; }

.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px; }

.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px; }

.fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: grey; }

.fc-basic-view td.fc-week-number > * {
  display: inline-block;
  min-width: 1.25em; }

.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2; }

.fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em; }

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em; }

.fc .fc-axis {
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap; }

.fc-ltr .fc-axis {
  text-align: right; }

.fc-rtl .fc-axis {
  text-align: left; }

.fc-time-grid, .fc-time-grid-container {
  position: relative;
  z-index: 1; }

.fc-time-grid {
  min-height: 100%; }

.fc-time-grid table {
  border: 0 hidden transparent; }

.fc-time-grid > .fc-bg {
  z-index: 1; }

.fc-time-grid .fc-slats, .fc-time-grid > hr {
  position: relative;
  z-index: 2; }

.fc-time-grid .fc-content-col {
  position: relative; }

.fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0; }

.fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1; }

.fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2; }

.fc-time-grid .fc-highlight-container {
  z-index: 3;
  position: relative; }

.fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4; }

.fc-time-grid .fc-now-indicator-line {
  z-index: 5; }

.fc-time-grid .fc-helper-container {
  position: relative;
  z-index: 6; }

.fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0; }

.fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted; }

.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0; }

.fc-ltr .fc-time-grid .fc-event-container {
  margin: 0 2.5% 0 2px; }

.fc-rtl .fc-time-grid .fc-event-container {
  margin: 0 2px 0 2.5%; }

.fc-time-grid .fc-bgevent, .fc-time-grid .fc-event {
  position: absolute;
  z-index: 1; }

.fc-time-grid .fc-bgevent {
  left: 0;
  right: 0; }

.fc-v-event.fc-not-start {
  border-top-width: 0;
  padding-top: 1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.fc-v-event.fc-not-end {
  border-bottom-width: 0;
  padding-bottom: 1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.fc-time-grid-event.fc-selected {
  overflow: visible; }

.fc-time-grid-event.fc-selected .fc-bg {
  display: none; }

.fc-time-grid-event .fc-content {
  overflow: hidden; }

.fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title {
  padding: 0 1px; }

.fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap; }

.fc-time-grid-event.fc-short .fc-content {
  white-space: nowrap; }

.fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title {
  display: inline-block;
  vertical-align: top; }

.fc-time-grid-event.fc-short .fc-time span {
  display: none; }

.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start); }

.fc-time-grid-event.fc-short .fc-time:after {
  content: "\A0-\A0"; }

.fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  padding: 0; }

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize; }

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "="; }

.fc-time-grid-event.fc-selected .fc-resizer {
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  left: 50%;
  margin-left: -5px;
  bottom: -5px; }

.fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0; }

.fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px; }

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent; }

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent; }

.fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px; }

.fc-rtl .fc-list-view {
  direction: rtl; }

.fc-list-view {
  border-width: 1px;
  border-style: solid; }

.fc .fc-list-table {
  table-layout: auto; }

.fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px; }

.fc-list-table tr:first-child td {
  border-top-width: 0; }

.fc-list-heading {
  border-bottom-width: 1px; }

.fc-list-heading td {
  font-weight: 700; }

.fc-ltr .fc-list-heading-main {
  float: left; }

.fc-ltr .fc-list-heading-alt, .fc-rtl .fc-list-heading-main {
  float: right; }

.fc-rtl .fc-list-heading-alt {
  float: left; }

.fc-list-item.fc-has-url {
  cursor: pointer; }

.fc-list-item-marker, .fc-list-item-time {
  white-space: nowrap;
  width: 1px; }

.fc-ltr .fc-list-item-marker {
  padding-right: 0; }

.fc-rtl .fc-list-item-marker {
  padding-left: 0; }

.fc-list-item-title a {
  text-decoration: none;
  color: inherit; }

.fc-list-item-title a[href]:hover {
  text-decoration: underline; }

.fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table; }

.fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

.fc-unthemed .fc-list-empty {
  background-color: #eee; }

.transformer-tabs {
  list-style: none;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #006671;
  margin-top: 20px;
  margin-bottom: 40px; }
  .transformer-tabs li {
    display: inline-block;
    padding: 0;
    vertical-align: bottom; }
    .transformer-tabs li.active {
      border: 0;
      border-bottom: 3px solid #006671;
      position: relative;
      bottom: 1px;
      font-weight: 600;
      color: #006671; }
      .transformer-tabs li.active a {
        border: 0; }
        .transformer-tabs li.active a:hover {
          border: 0; }
        .transformer-tabs li.active a:focus {
          border: 0 !important;
          outline: 0;
          border-bottom: 4px solid #006570 !important; }
        .transformer-tabs li.active a:active {
          border: 0 !important;
          outline: 0;
          border-bottom: 4px solid #006570 !important; }
    .transformer-tabs li a {
      display: inline-block;
      color: #4a4a4a;
      text-decoration: none;
      padding: 0.5rem;
      font-size: 18px;
      padding-bottom: 10px;
      padding-top: 10px;
      width: 100%;
      border: 0;
      white-space: nowrap; }
      .transformer-tabs li a:hover {
        background: none; }
      .transformer-tabs li a:focus {
        outline: 0; }

.nav-tabs.nav-justified > .active > a {
  border: none;
  border-bottom: 3px solid #006671; }
  .nav-tabs.nav-justified > .active > a:hover {
    border: none;
    border-bottom: 3px solid #006671; }
  .nav-tabs.nav-justified > .active > a:focus {
    border: none;
    border-bottom: 3px solid #006671; }

@media (max-width: 767px) {
  .transformer-tabs {
    border-bottom: 0;
    overflow: hidden;
    position: relative;
    overflow: hidden;
    position: relative;
    margin-bottom: 50px; }
    .transformer-tabs:not(.test) li a::after {
      content: "\f107";
      position: relative;
      left: 20px;
      top: 4px;
      z-index: 2;
      pointer-events: none;
      font: normal normal normal 28px/1 FontAwesome; }
    .transformer-tabs.test li {
      display: block; }
    .transformer-tabs.open a {
      position: relative;
      display: block; }
    .transformer-tabs li {
      display: block;
      padding: 0;
      width: 100% !important;
      display: none;
      margin-bottom: 0;
      border-bottom: 1px solid #006671; }
      .transformer-tabs li.active {
        display: block;
        bottom: 0; }
        .transformer-tabs li.active:focus {
          outline: 0; }
        .transformer-tabs li.active a {
          width: 100%;
          background: #fff;
          height: 100%;
          border-bottom: 1px solid #006671;
          text-align: center;
          font-size: 16px;
          padding: 10px 60px;
          border: 0; }
          .transformer-tabs li.active a.active {
            border-bottom: 1px solid #006671 !important;
            z-index: 1;
            background: #fff; } }

/*
.tab-content{
	margin-bottom: 100px;
	.active{
		outline: none;
	}
	.tab-pane{
		margin-top: 30px;
	}
}*/
/*XXX File Name : custom-form-elements.scss XXX*/
/*XXX Custom Text Field : Start XXX*/
.custom-textfield {
  position: relative;
  height: 66px;
  background-color: #fff;
  margin-bottom: 20px;
  border: solid 1px #979797; }
  .custom-textfield .form-control-placeholder {
    position: absolute;
    bottom: 0;
    cursor: pointer;
    padding: 8px 0 8px 10px;
    transition: all 200ms;
    font-size: 20px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #717171;
    z-index: 1;
    margin: 0;
    cursor: pointer;
    font-family: "roboto-light";
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
    .custom-textfield .form-control-placeholder.is-text {
      font-size: 12px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: left;
      color: #006671;
      transform: translate3d(0, -100%, 0); }
    .custom-textfield .form-control-placeholder.textarea-label {
      bottom: 80px; }
  .custom-textfield.form-textarea {
    height: 150px; }
  .custom-textfield textarea.form-control {
    height: auto;
    top: 30px; }
  .custom-textfield .form-control {
    bottom: 0;
    position: absolute;
    height: 26px;
    cursor: pointer;
    border: none;
    border-radius: 0;
    font-size: 20px;
    padding: 0px 8px;
    margin: 8px 0px 8px 10px;
    line-height: normal;
    color: #242424;
    font-weight: 400;
    box-shadow: none;
    background-color: #fff;
    width: calc(100% - 2px);
    margin-left: 1px;
    font-family: "roboto-light"; }
    .custom-textfield .form-control:focus + .form-control-placeholder {
      -ms-transform: translate3d(0, -100%, 0);
      -webkit-transform: translate3d(0, -100%, 0);
      -moz-transform: translate3d(0, -100%, 0);
      -o-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      font-size: 12px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: left;
      color: #006671; }
    .custom-textfield .form-control:not(:focus) + .form-control-placeholder {
      color: #717171; }
  .custom-textfield.valid-text {
    border: 1px solid #006671 !important; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important; }

.disabled-input {
  background-color: #e9ecef !important;
  cursor: not-allowed !important;
  opacity: 0.95 !important;
  color: #6c757d !important;
  border-color: #ced4da !important; }

/*XXX Custom Text Field : End XXX*/
/*XXX Custom Selectbox : Starts XXX*/
.custom-selectbox {
  position: relative;
  height: 66px;
  background-color: #fff;
  margin-bottom: 20px;
  border: 1px solid #979797; }
  .custom-selectbox .select-wrapper {
    display: inline-block;
    cursor: pointer;
    background-size: 45px;
    width: 100%;
    line-height: 26px;
    position: relative;
    z-index: 1; }
    .custom-selectbox .select-wrapper:after {
      content: "\f078";
      font-family: "FontAwesome";
      font-size: 20px;
      color: #717171;
      right: 5px;
      top: 32px;
      padding: 0 0 1px;
      position: absolute;
      pointer-events: none;
      margin-left: 5px;
      background-color: white;
      padding: 0 10px 10px 10px;
      top: 26px; }
    .custom-selectbox .select-wrapper .custom-select {
      width: 100%;
      height: 66px;
      line-height: 26px;
      margin: 0;
      position: absolute;
      z-index: 2;
      cursor: pointer;
      outline: none;
      opacity: 0.01;
      /* CSS hacks for older browsers */
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
      filter: alpha(opacity=1);
      -khtml-opacity: 0.01;
      -moz-opacity: 0.01;
      -webkit-appearance: none;
      padding: 10px; }
      .custom-selectbox .select-wrapper .custom-select option {
        font-size: 21px;
        font-weight: 300;
        color: #717171; }
    .custom-selectbox .select-wrapper .option-textholder {
      display: block;
      white-space: nowrap;
      overflow: hidden;
      cursor: pointer;
      position: relative;
      padding: 30px 30px 8px 10px;
      -webkit-transition: all 200ms;
      transition: all 200ms;
      font-size: 20px;
      font-weight: 300;
      color: #242424;
      text-overflow: ellipsis;
      z-index: 1;
      font-family: "roboto-light"; }
    .custom-selectbox .select-wrapper ~ .floating-label {
      position: absolute;
      bottom: 0;
      padding: 8px 0 8px 10px;
      -ms-transition: all 200ms;
      -webkit-transition: all 200ms;
      -moz-transition: all 200ms;
      -o-transition: all 200ms;
      transition: all 200ms;
      font-size: 20px;
      font-weight: 300;
      color: #717171;
      margin: 0;
      left: 0;
      cursor: pointer;
      font-family: "roboto-light";
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .custom-selectbox .select-wrapper.is-selected ~ .floating-label {
      position: absolute;
      bottom: 0;
      font-size: 12px;
      font-weight: bold;
      text-align: left;
      color: #006671;
      left: 0;
      -ms-transform: translate3d(0, -100%, 0);
      -webkit-transform: translate3d(0, -100%, 0);
      -moz-transform: translate3d(0, -100%, 0);
      -o-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      font-weight: bold;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }

/*XXX Custom Selectbox : Ends XXX*/
/*XXX Custom button Prev & Next : Starts XXX*/
.form-btn-container {
  position: relative; }
  .form-btn-container ul {
    padding-left: 0; }
    .form-btn-container ul li {
      list-style: none;
      display: inline-block;
      padding-right: 25px; }
  .form-btn-container a {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px; }
    .form-btn-container a:focus, .form-btn-container a:hover {
      text-decoration: none; }
    .form-btn-container a.pse-anchor-link {
      font-size: 14px;
      text-transform: capitalize; }

/*XXX Custom button Prev & Next : Ends XXX*/
/*XXX Custom Form Style Control : Starts XXX*/
.form-main.bg-grey {
  background-color: #f6f6f6;
  padding: 20px;
  /*style updated as per new header style*/ }
  @media (max-width: 768px) {
    .form-main.bg-grey {
      padding: 20px 10px; } }
  @media (max-width: 767px) {
    .form-main.bg-grey {
      padding: 20px 0; } }
  .form-main.bg-grey h3, .form-main.bg-grey h6 {
    margin-bottom: 30px;
    font-family: "roboto-medium"; }
  .form-main.bg-grey h3 {
    font-size: 20px; }
    @media (max-width: 768px) {
      .form-main.bg-grey h3 {
        font-size: 16px;
        margin: -2px 0px 12px; } }
  .form-main.bg-grey h6 {
    font-size: 20px; }
    @media (max-width: 768px) {
      .form-main.bg-grey h6 {
        font-size: 16px;
        margin: -2px 0px 12px; } }
  .form-main.bg-grey .custom-textfield {
    position: relative;
    height: 66px;
    background-color: #fff;
    border: solid 1px #979797;
    margin-bottom: 20px; }
    .form-main.bg-grey .custom-textfield .form-control {
      background-color: #fff; }
  .form-main.bg-grey .custom-selectbox {
    position: relative;
    height: 66px;
    background-color: #fff;
    border: solid 1px #979797;
    margin-bottom: 20px; }
  .form-main.bg-grey hr {
    border-top: 0;
    background-color: #cfcfcf; }

.form-main .divider {
  margin-top: 40px; }

.form-main .g-recaptcha {
  margin-bottom: 10px; }

@media (max-width: 768px) {
  .form-main .multiple-form-fields .no-padding {
    padding-right: 15px; } }

.bg-grey-wrapper .form-main.bg-grey {
  padding: 0 20px; }

/*XXX Custom Form Style Control : Ends XXX*/
/*XXX Validation Message Styles : Starts XXX*/
.help-block {
  display: block;
  margin-bottom: 2px;
  font-weight: bold;
  font-size: 12px;
  margin-bottom: -5px;
  position: relative; }
  .help-block i {
    margin-right: 5px; }

/*XXX Validation Message Styles : Ends XXX*/
/*XXX custom Check Box Styles : Starts */
.custom-checkbox {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-left: 35px;
  margin-bottom: 12px; }
  .custom-checkbox .form-check-input {
    position: absolute;
    opacity: 0.01;
    cursor: pointer; }
    .custom-checkbox .form-check-input:checked ~ .checkmark:after {
      display: block; }
  .custom-checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #c9c9c9;
    border-radius: 5px;
    cursor: pointer; }
    .custom-checkbox .checkmark:after {
      content: "";
      position: absolute;
      display: none; }
    .custom-checkbox .checkmark:after {
      left: 7px;
      top: 3px;
      width: 8px;
      height: 14px;
      border: solid #fff;
      border-width: 0 4px 4px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
  .custom-checkbox input:checked ~ .checkmark {
    background-color: #717171; }
  .custom-checkbox .form-check-label {
    font-weight: 300;
    color: #717171; }
    .custom-checkbox .form-check-label a {
      font-weight: 600;
      color: #717171; }

/*XXX Check Box Styles : Ends */
.form-help-info, .form-help-info a {
  color: #808080;
  font-size: 12px;
  font-family: "roboto-bold"; }

/*form steps css */
.custom-textfield .field-validation-error {
  position: absolute;
  top: 70px;
  color: #f6f6f6; }

.field-icon.toggle-currentpassword {
  position: absolute;
  right: 5px;
  top: 35px; }

.field-icon.toggle-newpassword {
  position: absolute;
  right: 5px;
  top: 35px; }

.field-icon.toggle-confirmpassword {
  position: absolute;
  right: 5px;
  top: 35px; }

.errorMessage, .helpText {
  top: -15px;
  position: relative;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.5px; }

.client-validation-error {
  color: #d0021b; }

.server-validation-error {
  font-size: 14px;
  color: #c41f3d;
  margin-bottom: 10px;
  margin-top: -10px; }
  .server-validation-error a {
    font-size: 14px;
    color: #1771cc; }

.username-error-special-char {
  font-size: 12px !important;
  font-weight: bold !important;
  color: #c41f3d;
  margin-bottom: 15px;
  position: relative;
  top: -10px; }
  .username-error-special-char span {
    font-family: "roboto-regular" !important;
    margin-left: 3px; }

.password-error-special-char {
  font-size: 12px !important;
  font-weight: bold !important;
  color: #c41f3d;
  margin-bottom: 15px;
  position: relative;
  top: -10px; }
  .password-error-special-char span {
    font-family: "roboto-regular" !important;
    margin-left: 3px; }

.username-error-max-length {
  font-size: 12px !important;
  font-weight: bold !important;
  color: #c41f3d;
  margin-bottom: 15px;
  position: relative;
  top: -10px; }
  .username-error-max-length span {
    font-family: "roboto-regular" !important;
    margin-left: 3px; }

@media (max-width: 768px) {
  .sstform .remove-pad-right {
    padding-right: 15px; } }

@media (max-width: 768px) {
  .sstform .remove-pad-left {
    padding-left: 15px; } }

#changeServiceList .custom-checkbox .form-check-input {
  left: 0;
  z-index: 1; }

.msg-confirmation .msg-confirmation-content h4 {
  margin-bottom: 25px; }

@media (max-width: 768px) {
  .msg-confirmation .msg-confirmation-content {
    margin-bottom: 50px;
    text-align: center; }
    .msg-confirmation .msg-confirmation-content h4, .msg-confirmation .msg-confirmation-content p {
      text-align: left; } }

.msg-confirmation .msg-confirmation-content button, .msg-confirmation .msg-confirmation-content a.pse-btn-primary {
  margin-top: 45px;
  display: inline-block; }

.msg-confirmation .msg-confirmation-img {
  text-align: center; }
  .msg-confirmation .msg-confirmation-img img {
    max-width: 100%; }
    @media (max-width: 768px) {
      .msg-confirmation .msg-confirmation-img img {
        max-width: 160px; } }

.container-confirmation {
  margin-bottom: 200px; }
  .container-confirmation .msg-confirmation {
    margin-top: 30px; }
  @media (max-width: 768px) {
    .container-confirmation {
      margin-top: 25px; }
      .container-confirmation .msg-confirmation .msg-confirmation-content p {
        text-align: center; } }

.form-button-container {
  overflow: auto; }

.form-btn-container ul li:nth-child(3) {
  float: right;
  margin-top: 10px; }

@media (max-width: 768px) {
  .form-btn-container .pse-anchor-link {
    position: relative;
    display: inline-block;
    margin-top: 20px; }
  .form-btn-container ul li:nth-child(3) {
    display: block;
    margin-top: 10px;
    width: 100%; }
  .form-btn-container ul li.reset-need-help {
    float: none; } }

/*swipw form css styles starts here*/
/* Mark input boxes that gets an error on validation: */
.custom-textfield.invalid {
  border: 1px solid #b20000 !important; }
  .custom-textfield.invalid.grey-border {
    border: 1px solid #808080 !important; }

.custom-selectbox.invalid {
  border: 1px solid #b20000 !important; }
  .custom-selectbox.invalid.grey-border {
    border: 1px solid #808080 !important; }

/*Scrollbar fix for modal popup*/
#setup-security-questions .modal-dialog {
  position: relative;
  overflow-y: auto;
  max-height: 100%; }

/*security questions QA Fix*/
@media (max-width: 768px) {
  #setup-security-questions .col-md-6 {
    width: 100%; } }

/*maintain account bottom space*/
.maintain-account-main {
  margin-bottom: 60px; }
  @media (max-width: 768px) {
    .maintain-account-main {
      margin-bottom: 40px; } }

.username_password_form .subheader {
  font-family: "roboto-medium";
  font-weight: 500;
  line-height: normal; }

.username_password_form .securitybdy {
  line-height: 27px; }

.username_password_form .form-button-container .pse-btn-primary {
  margin-left: 0px !important;
  float: left; }

.username_password_form #resendBtn {
  margin-top: 30px; }

.username_password_form .lockedmessage {
  padding: 20px;
  background-color: #fcf3f5;
  box-sizing: border-box; }

.username_password_form .confirmationMessage {
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  color: #4a4a4a;
  text-align: left;
  line-height: 27px;
  margin-bottom: 24px; }

.username_password_form #resendUsernameVerificationBtn {
  padding: 0px;
  margin-bottom: 10px; }

.username_password_form #resendServererrorRequired {
  color: #d0021b;
  display: none; }

.username_password_form #resendNotification {
  color: #c41f3d;
  display: none; }

.username_password_form #resendPasswordVerificationBtn button {
  padding: 0px;
  margin-bottom: 10px; }

/*XXX---update text field css style starts from here ---XXX*/
.update-section {
  display: none;
  margin-top: 30px; }

#phone-content .editable-text {
  display: inline-block;
  vertical-align: bottom;
  margin-bottom: -2px; }

#phone-content .form-group-edit {
  display: table; }
  #phone-content .form-group-edit .col-form-label {
    font-size: 16px;
    font-weight: normal;
    width: 40%;
    padding-top: 0;
    vertical-align: top;
    word-break: break-word;
    padding-right: 8px; }
  #phone-content .form-group-edit .col-form-label,
  #phone-content .form-group-edit .pse-input-default {
    display: table-cell; }
    @media (max-width: 768px) {
      #phone-content .form-group-edit .col-form-label,
      #phone-content .form-group-edit .pse-input-default {
        display: block;
        width: 100%; } }

.modal-agree {
  width: 327px; }
  .modal-agree .modal-body {
    padding-top: 0; }
    .modal-agree .modal-body p a {
      font-family: "roboto-regular";
      font-weight: normal;
      color: #4a4a4a; }
  @media (max-width: 768px) {
    .modal-agree {
      width: auto; } }
  .modal-agree .modal-header {
    border-bottom: none;
    padding-bottom: 0; }
  .modal-agree .close {
    opacity: 1; }
  .modal-agree .act-agree-condition,
  .modal-agree .act-agree-mobile,
  .modal-agree .act-otp-submit-btn {
    margin: 15px 0; }
    @media (max-width: 768px) {
      .modal-agree .act-agree-condition,
      .modal-agree .act-agree-mobile,
      .modal-agree .act-otp-submit-btn {
        float: none; } }

.terms-condition-modal .modal-header {
  border-bottom: none;
  padding-bottom: 0; }

.terms-condition-modal .close {
  opacity: 1; }

.terms-condition-modal p {
  max-height: 350px;
  overflow: auto; }

.editable-info-panel .update-section {
  margin-top: 10px;
  margin-bottom: 30px; }

.editable-info-panel .pse-custom-radio:after {
  width: 12px;
  height: 12px;
  border-radius: 15px;
  top: -5px;
  left: 0px;
  position: relative;
  background-color: #fff;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid #575757; }

.editable-info-panel .pse-custom-radio:checked:after {
  width: 6px;
  height: 6px;
  border-radius: 15px;
  top: -8px;
  left: 3px;
  position: relative;
  background-color: #575757;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid #575757; }

.editable-info-panel .pse-custom-radio:checked:focus {
  outline: none; }

.otherMailingAddress .update-section {
  display: block; }

.info-panel {
  margin-bottom: 30px; }
  .info-panel .addressRadio {
    font-size: 18px;
    font-weight: normal; }
    .info-panel .addressRadio input[type="radio"] {
      top: 1px; }
  .info-panel .editable-text,
  .info-panel .editable-select {
    font-family: "roboto-medium";
    font-size: 16px; }
  .info-panel .sub-column .control-label {
    margin-right: 5px;
    font-weight: normal;
    padding: 0px;
    font-size: 16px; }
  .info-panel a {
    text-transform: capitalize;
    margin: 5px 0px 0px 0px;
    text-decoration: underline;
    font-size: 14px;
    font-family: "roboto-medium"; }
    .info-panel a span {
      margin-left: 5px; }
  .info-panel .has-btn {
    display: table;
    width: 100%;
    padding: 0 !important; }
    .info-panel .has-btn h4,
    .info-panel .has-btn a {
      display: table-cell; }
    .info-panel .has-btn a {
      text-align: right; }
  .info-panel .info-panel-heading {
    padding: 10px 0;
    margin-bottom: 10px; }
    .info-panel .info-panel-heading h4 {
      color: #006671;
      margin: 0;
      font-family: "roboto-medium"; }
      .info-panel .info-panel-heading h4 span:first-child {
        margin-right: 20px; }

.sub-column .editable-text {
  margin-right: 50px;
  display: inline-block; }
  .sub-column .editable-text:first-child {
    margin-right: 20px;
    display: inline-block;
    min-width: 120px;
    text-overflow: ellipsis; }

.sub-column .primary {
  display: inline-block; }
  .sub-column .primary.help-inline {
    color: #006671; }

/***************************************************/
.edit-box {
  width: 100%;
  display: table;
  table-layout: fixed; }
  .edit-box .fields,
  .edit-box .link-edit {
    display: table-cell; }
  .edit-box .link-edit {
    text-align: right;
    padding-left: 10px;
    width: 50px; }
  .edit-box .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .edit-box .control-label {
    margin-right: 5px;
    font-weight: normal;
    padding: 0px;
    font-size: 16px; }

.act-update-btn {
  margin-right: 15px; }

/*Default input style*/
.pse-input-default {
  border-radius: 0;
  box-shadow: none;
  border: solid 1px #979797;
  font-family: "roboto-light";
  font-size: 16px;
  display: inline-block;
  height: 45px; }
  .pse-input-default:focus {
    box-shadow: none;
    border-color: #979797;
    -webkit-box-shadow: none; }

/*editable security question style*/
#phone-content p {
  margin-bottom: 10px; }

#phone-content .editable-container {
  margin-top: 5px; }

.editable-container {
  margin-top: 15px; }
  .editable-container .editable-security-question {
    font-size: 16px;
    margin-top: 35px; }
    .editable-container .editable-security-question .question-no {
      font-family: "roboto-medium";
      padding-bottom: 4px; }
  .editable-container .response-entered {
    margin-top: 8px; }

#contactAddress .row {
  margin-left: -8px;
  margin-right: -8px; }
  #contactAddress .row .col-md-6 {
    padding-left: 8px;
    padding-right: 8px; }

.top-container-settings {
  margin-top: 30px; }

.container-settings .preference-center {
  margin-bottom: 0;
  padding-bottom: 0; }

.container-settings .preference-container .preference-wrapper .item-content {
  background-color: #fff !important; }

.preference-container {
  background: #f6f6f6;
  margin-top: 22px; }
  .preference-container .preference-wrapper {
    margin: 45px 0 70px;
    background: #fff;
    padding-bottom: 43px;
    border: 1px solid #d8d8d8; }
    @media (max-width: 991px) {
      .preference-container .preference-wrapper {
        margin: 30px 0 70px 0;
        padding-bottom: 0; } }
  .preference-container [data-preference-tabs] li {
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-bottom: 1px solid rgba(74, 74, 74, 0.17);
    border-left: 0;
    border-right: 0;
    border-top: 0;
    margin: 0 26px; }
    .preference-container [data-preference-tabs] li a {
      color: #717171;
      padding: 30px 17px;
      text-decoration: none;
      font-size: 18px; }
      .preference-container [data-preference-tabs] li a.active {
        background: transparent;
        color: #006671;
        font-family: "roboto-bold"; }

@media (max-width: 991px) {
  .preference-wrapper.tabbed-content .tabs {
    display: none; }
  .preference-wrapper.tabbed-content .item {
    padding: 25px 0;
    position: relative;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16); }
    .preference-wrapper.tabbed-content .item::before {
      content: attr(data-title);
      font-size: 18px;
      color: #717171;
      padding: 25px 15px;
      font-family: "roboto-regular"; }
    .preference-wrapper.tabbed-content .item::after {
      content: '\f067';
      font-family: fontawesome;
      position: absolute;
      top: 28px;
      right: 28px;
      font-size: 19px;
      color: #717171; }
    .preference-wrapper.tabbed-content .item .item-content {
      opacity: 0;
      visibility: hidden;
      height: 0; } }
  @media (max-width: 991px) and (max-width: 991px) {
    .preference-wrapper.tabbed-content .item.active {
      padding-bottom: 0; } }

@media (max-width: 991px) {
    .preference-wrapper.tabbed-content .item.active::before {
      color: #006671;
      font-family: "roboto-medium";
      font-weight: 500; }
    .preference-wrapper.tabbed-content .item.active .item-content {
      opacity: 1;
      visibility: visible;
      height: auto;
      margin-top: 22px;
      padding: 30px 15px;
      box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.16); }
      .preference-wrapper.tabbed-content .item.active .item-content h5 {
        margin: 5px 0 14px 0;
        font-size: 24px; }
    .preference-wrapper.tabbed-content .item.active::after {
      content: '\f068'; } }

@media (min-width: 992px) {
  .preference-wrapper.tabbed-content .tabs {
    display: block; }
    .preference-wrapper.tabbed-content .tabs li {
      display: inline-block; }
      .preference-wrapper.tabbed-content .tabs li a {
        display: block; }
  .preference-wrapper.tabbed-content .item {
    min-height: 0;
    display: none;
    border-left: 2px solid #d8d8d8;
    margin-top: 29px; }
    .preference-wrapper.tabbed-content .item::before {
      display: none; }
    .preference-wrapper.tabbed-content .item.active {
      width: 75%;
      display: inline-block; }
      .preference-wrapper.tabbed-content .item.active .item-content {
        padding: 0 18px 0 37px; }
        .preference-wrapper.tabbed-content .item.active .item-content h5 {
          margin-top: 0; }
        .preference-wrapper.tabbed-content .item.active .item-content .btn-action {
          font-size: 20px;
          font-family: "roboto-condensed-bold";
          line-height: 0;
          height: 40px;
          border-radius: 47px; }
  .preference-wrapper.tabbed-content.tabs-side .tabs {
    width: 25%;
    float: left; }
    .preference-wrapper.tabbed-content.tabs-side .tabs li {
      display: block; } }

.update-section .checkbox {
  margin: 15px 0; }

.panel-highlighted-default {
  padding: 15px; }

.select-side-content {
  margin-top: 22px;
  display: block; }

.edit-detail-icon {
  font-size: 18px; }
  .edit-detail-icon i {
    color: #808080;
    padding-right: 10px; }

.editable-info-panel {
  margin-bottom: 20px; }

.editable-security-question {
  margin: 20px 0; }

.security-user-detail h6 {
  font-family: "roboto-light"; }

/****tab contnet style****/
.tab-content h2 {
  font-family: "roboto-light";
  font-size: 32px; }

/*change-bill-due-date tab style start*/
.pse-left-tabs .nav-tabs {
  border-bottom: 0px; }
  .pse-left-tabs .nav-tabs li {
    float: none;
    margin-bottom: 0px; }
    .pse-left-tabs .nav-tabs li a {
      padding: 20px;
      border-radius: 0px;
      margin: 12px 0px;
      border: 1px solid #979797;
      text-align: center;
      color: #006671;
      background: #b8dcdb; }
    .pse-left-tabs .nav-tabs li.active a {
      border: 1px solid #000;
      border-bottom-color: none;
      background: #006671;
      color: #fff; }
      .pse-left-tabs .nav-tabs li.active a:hover, .pse-left-tabs .nav-tabs li.active a:hover {
        border: 1px solid #000;
        border-bottom-color: none;
        background: #006671;
        color: #fff; }

.msg-confirmation .msg-confirmation-content h4 {
  margin-bottom: 25px; }

@media (max-width: 768px) {
  .msg-confirmation .msg-confirmation-content {
    margin-bottom: 50px;
    text-align: center; }
    .msg-confirmation .msg-confirmation-content h4, .msg-confirmation .msg-confirmation-content p {
      text-align: left; } }

.msg-confirmation .msg-confirmation-content button, .msg-confirmation .msg-confirmation-content a.pse-btn-primary {
  margin-top: 45px;
  display: inline-block; }

.msg-confirmation .msg-confirmation-img {
  text-align: center; }
  .msg-confirmation .msg-confirmation-img img {
    max-width: 100%; }
    @media (max-width: 768px) {
      .msg-confirmation .msg-confirmation-img img {
        max-width: 160px; } }

.container-confirmation {
  margin-bottom: 200px; }
  .container-confirmation .msg-confirmation {
    margin-top: 30px; }
  @media (max-width: 768px) {
    .container-confirmation {
      margin-top: 25px; }
      .container-confirmation .msg-confirmation .msg-confirmation-content p {
        text-align: center; } }

.pse-datatable-ra thead {
  background-color: #d7d7d7;
  color: #242424;
  height: 40px;
  text-transform: uppercase;
  text-align: center; }
  .pse-datatable-ra thead th {
    padding: 12px 15px !important;
    text-align: center; }
    .pse-datatable-ra thead th.invited-text {
      text-align: left; }
    .pse-datatable-ra thead th.sorting {
      cursor: pointer; }
      .pse-datatable-ra thead th.sorting .sort-icon::after {
        content: '\f0dc'; }
      .pse-datatable-ra thead th.sorting .pse-sort-icon::after {
        content: '\f175'; }
    .pse-datatable-ra thead th.sorting_asc {
      cursor: pointer; }
      .pse-datatable-ra thead th.sorting_asc .sort-icon {
        border-bottom: 2px solid; }
        .pse-datatable-ra thead th.sorting_asc .sort-icon::after {
          content: '\f176'; }
      .pse-datatable-ra thead th.sorting_asc .pse-sort-icon::after {
        content: '\f176'; }
    .pse-datatable-ra thead th.sorting_desc .sort-icon {
      border-bottom: 2px solid; }
      .pse-datatable-ra thead th.sorting_desc .sort-icon::after {
        content: '\f175'; }
    .pse-datatable-ra thead th.sorting_desc .pse-sort-icon::after {
      content: '\f175'; }
    .pse-datatable-ra thead th .sort-icon::after {
      font-family: FontAwesome;
      margin-left: 15px;
      position: absolute; }
      @media (max-width: 991px) {
        .pse-datatable-ra thead th .sort-icon::after {
          margin-left: 7px; } }
    .pse-datatable-ra thead th .pse-sort-icon::after {
      font-family: FontAwesome;
      margin-left: 5px; }

.pse-datatable-ra tbody tr.odd {
  background-color: #FFFFFF !important; }
  .pse-datatable-ra tbody tr.odd:hover {
    background-color: #FFFFFF !important; }

.pse-datatable-ra tbody tr.even {
  background-color: #f1f9f8 !important; }
  .pse-datatable-ra tbody tr.even:hover {
    background-color: #f1f9f8 !important; }

.pse-datatable-ra tbody tr:last-child td {
  border-bottom: 1px solid #d8d8d8; }

.pse-datatable-ra tbody td {
  text-align: center;
  padding: 15px 15px 15px 15px !important;
  vertical-align: top; }
  .pse-datatable-ra tbody td:nth-child(3) {
    text-align: left; }

.pse-datatable-ra .dataTables_empty {
  text-align: center; }

.pse-datatable-ra .ra-noaccess {
  color: #d0021b;
  padding-left: 140px; }
  .pse-datatable-ra .ra-noaccess:before {
    content: '\f00d';
    font-family: fontawesome;
    margin-right: 5px; }

.pse-datatable-ra .dropdown-top {
  top: 0px;
  margin-top: 5px; }

.pse-datatable-ra div.dataTables_info + div.dataTables_paginate {
  display: none; }

.pse-datatable-ra .dataTables_paginate {
  display: none; }

.pse-datatable-ra.load-parent-delegate-datatable .dataTables_wrapper .dataTables_info {
  margin-top: 15px;
  padding-top: 0px; }

.pse-datatable-ra.load-parent-delegate-datatable .delegate-email {
  font-family: "roboto-bold";
  font-size: 16px;
  text-transform: none;
  vertical-align: middle;
  word-break: break-all;
  display: flex;
  min-width: 20%;
  margin-right: 30px; }

.pse-datatable-ra.load-parent-delegate-datatable .delegate-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #474b55;
  padding: 10px 30px;
  color: white;
  margin-bottom: 0;
  word-break: break-all; }
  .pse-datatable-ra.load-parent-delegate-datatable .delegate-header .pse-link-primary {
    color: #74C6FF !important; }
  @media (max-width: 768px) {
    .pse-datatable-ra.load-parent-delegate-datatable .delegate-header {
      flex-direction: column;
      align-items: flex-start;
      padding: 10px 15px; }
      .pse-datatable-ra.load-parent-delegate-datatable .delegate-header .pse-link-primary {
        margin-left: 0; } }

.pse-datatable-ra.load-parent-delegate-datatable .manage-actions {
  display: flex;
  gap: 10px; }
  .pse-datatable-ra.load-parent-delegate-datatable .manage-actions .pse-mail-manage {
    display: flex;
    gap: 10px; }

#delegateManage #delegateManage-table-more-than-5_filter {
  display: block !important;
  float: left;
  width: 33.5%;
  position: relative;
  margin-bottom: 32px; }
  #delegateManage #delegateManage-table-more-than-5_filter label {
    width: 100%;
    margin-bottom: 0;
    position: relative; }
    #delegateManage #delegateManage-table-more-than-5_filter label.text-hide span {
      font-size: 18px !important;
      color: black;
      text-shadow: none;
      background-color: transparent; }
      #delegateManage #delegateManage-table-more-than-5_filter label.text-hide span .fa {
        color: #4a4a4a; }
  #delegateManage #delegateManage-table-more-than-5_filter input {
    width: 100%;
    margin-top: 12px;
    border-radius: 0;
    padding-right: 40px;
    border-color: #979797;
    height: 48px;
    color: #242424;
    font-size: 18px;
    font-family: "roboto-regular";
    margin-left: 0; }
    #delegateManage #delegateManage-table-more-than-5_filter input:focus {
      box-shadow: 0 0 0 !important; }
  #delegateManage #delegateManage-table-more-than-5_filter span {
    position: absolute;
    right: 10px !important;
    top: 28px; }
  #delegateManage #delegateManage-table-more-than-5_filter .typeahead {
    width: 100%;
    top: 55px;
    border-radius: 0;
    padding-top: 0; }
    #delegateManage #delegateManage-table-more-than-5_filter .typeahead li a {
      padding: 15px 20px;
      font-size: 18px;
      font-family: "roboto-regular";
      font-weight: bold;
      color: #4a4a4a;
      overflow: hidden;
      text-overflow: ellipsis; }
    #delegateManage #delegateManage-table-more-than-5_filter .typeahead li.active a {
      background-color: #f1f9f8; }

#delegateManage #manageDelegate-selector-wrapper tbody tr td:nth-child(1) {
  width: 10%; }

#delegateManage #manageDelegate-selector-wrapper tbody tr td:nth-child(2) {
  width: 15%; }

#delegateManage #manageDelegate-selector-wrapper tbody tr td:nth-child(3) {
  width: 45%; }

#delegateManage #manageDelegate-selector-wrapper tbody tr td:nth-child(4) {
  width: 20%; }

#parentDelegateform .alignbtn {
  display: flex;
  align-items: center; }

#parentDelegateform .add-delegate-pos {
  float: right; }

#parentDelegateform #parent-selector-wrapper tbody tr td:nth-child(1) {
  width: 13%; }

#parentDelegateform #parent-selector-wrapper tbody tr td:nth-child(2) {
  width: 20%; }

#parentDelegateform #parent-selector-wrapper tbody tr td:nth-child(3) {
  width: 50%; }

#parentDelegateform #Parent-table-more-than-5_filter {
  display: block !important;
  float: left;
  width: 33.5%;
  position: relative;
  margin-bottom: 32px; }
  #parentDelegateform #Parent-table-more-than-5_filter label {
    width: 100%;
    margin-bottom: 0;
    position: relative; }
    #parentDelegateform #Parent-table-more-than-5_filter label.text-hide span {
      font-size: 18px !important;
      color: black;
      text-shadow: none;
      background-color: transparent; }
      #parentDelegateform #Parent-table-more-than-5_filter label.text-hide span .fa {
        color: #4a4a4a; }
  #parentDelegateform #Parent-table-more-than-5_filter input {
    width: 100%;
    margin-top: 12px;
    border-radius: 0;
    padding-right: 40px;
    border-color: #979797;
    height: 48px;
    color: #242424;
    font-size: 18px;
    font-family: "roboto-regular";
    margin-left: 0; }
    #parentDelegateform #Parent-table-more-than-5_filter input:focus {
      box-shadow: 0 0 0 !important; }
  #parentDelegateform #Parent-table-more-than-5_filter span {
    position: absolute;
    right: 10px !important;
    top: 28px; }
  #parentDelegateform #Parent-table-more-than-5_filter .typeahead {
    width: 100%;
    top: 55px;
    border-radius: 0;
    padding-top: 0; }
    #parentDelegateform #Parent-table-more-than-5_filter .typeahead li a {
      padding: 15px 20px;
      font-size: 18px;
      font-family: "roboto-regular";
      font-weight: bold;
      color: #4a4a4a;
      overflow: hidden;
      text-overflow: ellipsis; }
    #parentDelegateform #Parent-table-more-than-5_filter .typeahead li.active a {
      background-color: #f1f9f8; }

.pse-data-table-ra {
  border-bottom: 0 !important; }
  .pse-data-table-ra#acceptance-selector-table-more-than-5 thead tr th:nth-child(3) {
    padding-left: 180px !important;
    text-align: left; }
  .pse-data-table-ra#invitation-selector-table-more-than-5 thead tr th:nth-child(2) {
    padding-left: 170px !important;
    text-align: left; }
  .pse-data-table-ra#invitation-selector-table-more-than-5 tbody tr td:nth-child(2) {
    text-align: left; }
  .pse-data-table-ra#invitation-selector-table-more-than-5 .dropdown-width {
    width: 215px; }
  .pse-data-table-ra.edit-delegate thead tr th:nth-child(2) {
    padding-right: 30px !important; }
  .pse-data-table-ra.edit-delegate thead tr th:nth-child(3) {
    padding-left: 100px !important;
    text-align: left; }
  .pse-data-table-ra.edit-delegate thead tr th:nth-child(4) {
    width: 230px !important; }
  .pse-data-table-ra.edit-delegate tbody tr td {
    text-align: center; }
    .pse-data-table-ra.edit-delegate tbody tr td:nth-child(3) {
      text-align: left; }
    .pse-data-table-ra.edit-delegate tbody tr td:nth-child(4) {
      width: 215px;
      text-align: left; }
  .pse-data-table-ra.edit-delegate .role-disabled {
    color: #bfbfbf !important; }
  .pse-data-table-ra.edit-delegate .edit-delegate-role {
    display: flex;
    align-items: center; }
  .pse-data-table-ra#invitation-selector-table-more-than-5 tbody tr td:nth-child(4) {
    text-align: left; }
  .pse-data-table-ra thead tr th {
    font-size: 14px;
    font-family: "roboto-condensed-bold";
    padding-left: 25px !important;
    vertical-align: middle;
    letter-spacing: .3px;
    font-weight: bold;
    border: none; }
    @media (max-width: 768px) {
      .pse-data-table-ra thead tr th {
        padding-left: 0px !important; }
        .pse-data-table-ra thead tr th .invited-text {
          padding-left: 10px !important; } }
  .pse-data-table-ra tbody tr td {
    font-size: 18px;
    padding-left: 25px !important; }
  .pse-data-table-ra .ttradio {
    font-size: 20px; }
  .pse-data-table-ra span.new-line:before {
    content: "\a";
    white-space: pre; }
  .pse-data-table-ra.parent-delegate.parent-header {
    background: #474b55; }
  .pse-data-table-ra.parent-delegate.invited-by {
    font-family: roboto-bold;
    font-size: 16px;
    color: #FFFFFF; }
  .pse-data-table-ra .active {
    color: #667E3A; }
  .pse-data-table-ra .declined {
    color: #C41F3D; }
  .pse-data-table-ra .expired {
    color: #C75000; }
  .pse-data-table-ra .pending {
    color: #004A94; }
  .pse-data-table-ra.manage-delegate tbody tr td a.pse-link-primary {
    display: flex;
    align-items: center;
    color: #1771CC !important; }
    .pse-data-table-ra.manage-delegate tbody tr td a.pse-link-primary i {
      margin-right: 5px; }
    .pse-data-table-ra.manage-delegate tbody tr td a.pse-link-primary:hover {
      color: #004A94 !important; }

.invitationForm .form-main.bg-grey h3 {
  color: #4a4a4a;
  font-family: roboto-light;
  font-size: 32px; }

.custform input[type="password"]::-ms-reveal, .custform input[type="password"]::-ms-clear {
  display: none; }

.custform .errorMessageDiv, .custform .helpText {
  top: -15px;
  position: relative;
  font-size: 14px;
  letter-spacing: .5px; }

@media (max-width: 768px) {
  .pse-datatable-ra #invitation-selector-load-more.pse-form-btn {
    font-size: 18px; }
  .pse-datatable-ra.load-invitation-datatable .ra-noaccess {
    padding-left: 20px; }
  .pse-datatable-ra.load-invitation-datatable .dropdown-top {
    width: 230px;
    float: right; }
  .pse-datatable-ra.load-parent-delegate-datatable .dt-more-container .pse-form-btn {
    font-size: 20px; }
  .pse-datatable-ra.load-parent-delegate-datatable .delegate-header {
    flex-direction: column;
    align-items: flex-start; }
    .pse-datatable-ra.load-parent-delegate-datatable .delegate-header .pse-link-primary {
      margin-left: 0; }
  .pse-datatable-ra.load-parent-delegate-datatable .delegate-email {
    margin-bottom: 10px; }
  .pse-datatable-ra.load-parent-delegate-datatable .manage-actions {
    gap: 5px;
    margin-bottom: 10px;
    flex-direction: column; }
  .pse-datatable-ra.load-invitation-datatable tbody td:nth-child(2) {
    width: 53%; }
  .decline-popup .popupheader {
    margin-top: 20px; }
  .load-parent-delegate-datatable .dataTables_wrapper .dataTables_info, .load-manageDelegate-datatable .dataTables_wrapper .dataTables_info {
    float: left; }
  .parent-manage-mob .delegate-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #474b55;
    padding: 10px;
    color: white;
    margin-bottom: 0; }
  .parent-manage-mob .delegate-email {
    font-family: "roboto-bold";
    font-size: 16px;
    text-transform: none;
    vertical-align: middle; }
  #editDelegateFormMob .ra-btn-align p {
    margin: 0px; }
  #editDelegateFormMob .role-disabled {
    color: #bfbfbf !important; }
  #manageDelegate-selector-wrapper .delegate-header {
    flex-direction: column;
    align-items: flex-start !important;
    padding: 10px !important; }
  #manageDelegate-selector-wrapper .pse-link-primary {
    margin-left: 10px; }
  .pse-data-table-ra.parent-delegate tbody td:nth-child(1) {
    padding-left: 10px !important;
    width: 30% !important; }
  .pse-data-table-ra.parent-delegate tbody td:nth-child(3) {
    width: 43% !important;
    word-break: break-word; }
  .pse-data-table-ra.parent-delegate tbody td:nth-child(4) {
    width: 33.333% !important; }
  #Parent-table-more-than-5_filter {
    width: 100% !important; }
    #Parent-table-more-than-5_filter input {
      font-size: 14px !important; }
  #delegateManage-table-more-than-5_filter {
    width: 100% !important; }
    #delegateManage-table-more-than-5_filter input {
      font-size: 14px !important; }
  #parentDelegateform .alignbtn {
    display: block; } }

#manageDelegate-selector-wrapper .delegate-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #474b55;
  padding: 10px 30px;
  color: white;
  margin-bottom: 0; }

#manageDelegate-selector-wrapper .delegate-email {
  font-family: "roboto-bold";
  font-size: 16px;
  text-transform: none;
  vertical-align: middle; }

#manageDelegate-selector-wrapper .delegate-email i {
  margin-left: 10px; }

@media (max-width: 768px) {
  .ramail-header-res {
    display: flex;
    justify-content: left;
    color: #fff;
    background-color: #474b55;
    padding: 10px 20px; }
  .ramail-res-format {
    font-family: "roboto-bold";
    font-size: 16px;
    text-transform: none;
    vertical-align: middle; }
  .click-addrLink {
    cursor: pointer; }
  .manage-actions {
    gap: 5px;
    margin-bottom: 0px !important;
    flex-direction: column; }
    .manage-actions .removelbl {
      margin-top: 5px;
      margin-bottom: 10px; }
    .manage-actions .resendlbl {
      margin-top: 5px;
      margin-bottom: 10px; }
    .manage-actions .managelbl {
      margin-top: 5px; }
  .delegate-email {
    margin-bottom: 10px; }
  #parentDelegateform .add-delegate-pos {
    float: left; }
  .acceptance-selector-manage .ra-btn-align {
    text-align: center;
    display: block; } }

.redirect-terms-link {
  font-family: 'roboto-medium'; }

.pse-datatable-data {
  font-size: 18px; }

.ra-btn {
  min-width: 220px; }

.checkbox-custom {
  display: inline;
  position: relative;
  cursor: pointer;
  user-select: none;
  padding-left: 25px;
  margin-bottom: 12px; }
  .checkbox-custom .checkmark {
    position: absolute;
    top: 6px;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #c9c9c9;
    border-radius: 5px;
    cursor: pointer; }
    .checkbox-custom .checkmark:after {
      content: "";
      position: absolute;
      display: none; }
    .checkbox-custom .checkmark:after {
      left: 7px;
      top: 3px;
      width: 8px;
      height: 14px;
      border: solid #fff;
      border-width: 0 4px 4px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
  .checkbox-custom input:checked ~ .checkmark {
    background-color: #717171; }
  .checkbox-custom .form-check-input {
    position: absolute;
    opacity: 0.01;
    cursor: pointer; }
    .checkbox-custom .form-check-input:checked ~ .checkmark:after {
      display: block; }
  .checkbox-custom .form-check-label {
    font-weight: 300;
    color: #717171; }
    .checkbox-custom .form-check-label a {
      font-weight: 600;
      color: #717171; }

.invited-text {
  text-align: left; }
  .invited-text span {
    font-family: "roboto-bold";
    font-size: 16px;
    text-transform: none;
    vertical-align: middle; }

.invited-by th {
  background: #474b55;
  color: #FFFFFF;
  text-align: left; }

.ra-paginate {
  vertical-align: top; }

.emailText {
  font-family: roboto-regular;
  font-size: 24px;
  color: #4a4a4a; }

.popupheader h3 {
  font-family: roboto-regular;
  font-size: 25px;
  margin-top: 30px; }

@media (max-width: 767px) {
  .pse-data-table-ra {
    border-bottom: 0; }
    .pse-data-table-ra thead tr {
      display: inline-table !important;
      width: 100% !important; }
      .pse-data-table-ra thead tr th {
        font-size: 14px; }
    .pse-data-table-ra tbody tr {
      display: block !important;
      width: 100% !important; }
      .pse-data-table-ra tbody tr td {
        font-size: 16px; }
    .pse-data-table-ra.edit-delegate thead tr th {
      padding-left: 15px !important; }
      .pse-data-table-ra.edit-delegate thead tr th:nth-child(2) {
        display: none; }
      .pse-data-table-ra.edit-delegate thead tr th:nth-child(3) {
        text-align: left;
        padding-left: 15px !important; }
    .pse-data-table-ra.edit-delegate tbody tr td {
      padding-left: 15px; }
      .pse-data-table-ra.edit-delegate tbody tr td:nth-child(2) {
        display: none; }
      .pse-data-table-ra.edit-delegate tbody tr td:nth-child(3) {
        width: 50% !important;
        padding-left: 45px !important; }
      .pse-data-table-ra.edit-delegate tbody tr td:nth-child(4) {
        padding-left: 0px !important; }
      .pse-data-table-ra.edit-delegate tbody tr td .remove-role.checkbox-custom {
        padding-left: 0px; }
    .pse-data-table-ra.edit-delegate .dropdown-width {
      width: 150px; }
    .pse-data-table-ra#acceptance-selector-table-more-than-5 thead tr th:nth-child(2) {
      display: none !important; }
    .pse-data-table-ra#acceptance-selector-table-more-than-5 thead tr th:nth-child(4) {
      padding-left: 51px !important;
      padding-right: 0px !important; }
    .pse-data-table-ra#acceptance-selector-table-more-than-5 thead tr th:nth-child(1) {
      padding-left: 11px !important;
      text-align: left; }
    .pse-data-table-ra#acceptance-selector-table-more-than-5 thead tr th:nth-child(3) {
      padding-left: 11px !important;
      text-align: left; }
    .pse-data-table-ra#acceptance-selector-table-more-than-5 tbody tr td:nth-child(2) {
      display: none !important; }
    .pse-data-table-ra#acceptance-selector-table-more-than-5 tbody tr td:nth-child(3) {
      padding-left: 25px !important;
      text-align: left; }
    .pse-data-table-ra#acceptance-selector-table-more-than-5 tbody tr td:nth-child(4) {
      padding-left: 10px !important;
      padding-right: 20px !important; }
    .pse-data-table-ra#invitation-selector-table-more-than-5 thead tr th:nth-child(1) {
      display: none !important; }
    .pse-data-table-ra#invitation-selector-table-more-than-5 thead tr th:nth-child(2) {
      padding-left: 25px !important; }
    .pse-data-table-ra#invitation-selector-table-more-than-5 thead tr th:nth-child(3) {
      padding-left: 25px !important; }
    .pse-data-table-ra#invitation-selector-table-more-than-5 tbody tr td:nth-child(1) {
      display: none !important; }
    .pse-data-table-ra#invitation-selector-table-more-than-5 .dropdown-width {
      width: 150px; }
    .pse-data-table-ra.parent-delegate thead tr th:nth-child(2) {
      display: none !important; }
    .pse-data-table-ra.parent-delegate thead tr th:nth-child(4) {
      padding-left: 25px !important;
      padding-right: 0px !important; }
    .pse-data-table-ra.parent-delegate tbody tr td:nth-child(2) {
      display: none !important; }
    .pse-data-table-ra.manage-delegate thead tr th:nth-child(1) {
      display: none; }
    .pse-data-table-ra.manage-delegate thead tr th:nth-child(2) {
      display: none; }
    .pse-data-table-ra.manage-delegate thead tr th:nth-child(3) {
      text-align: left !important;
      padding-left: 25px !important; }
    .pse-data-table-ra.manage-delegate thead tr th:nth-child(4) {
      text-align: center !important;
      padding-left: 0px !important; }
    .pse-data-table-ra.manage-delegate thead tr th:nth-child(5) {
      text-align: center !important;
      padding-left: 13px !important; }
    .pse-data-table-ra.manage-delegate tbody tr td {
      padding: 10px !important; }
      .pse-data-table-ra.manage-delegate tbody tr td:nth-child(1) {
        display: none; }
      .pse-data-table-ra.manage-delegate tbody tr td:nth-child(2) {
        display: none; }
      .pse-data-table-ra.manage-delegate tbody tr td:nth-child(3) {
        text-align: left !important;
        padding-left: 18px !important;
        padding-right: 0px !important;
        width: 35.33% !important; }
      .pse-data-table-ra.manage-delegate tbody tr td:nth-child(4) {
        text-align: center !important;
        padding-left: 13px !important;
        width: 33.33% !important; }
      .pse-data-table-ra.manage-delegate tbody tr td:nth-child(5) {
        text-align: center !important;
        padding-left: 25px !important; }
      .pse-data-table-ra.manage-delegate tbody tr td a.pse-link-primary {
        display: flex;
        align-items: center;
        color: #1771CC !important;
        margin-left: 0px !important; }
        .pse-data-table-ra.manage-delegate tbody tr td a.pse-link-primary i {
          margin-right: 5px; }
        .pse-data-table-ra.manage-delegate tbody tr td a.pse-link-primary:hover {
          color: #004A94 !important; }
  .pse-datatable-ra.load-editDel-datatable {
    justify-content: space-between;
    align-items: center;
    background-color: #FFFFFF; }
  .ttradio {
    font-size: 18px; }
  .acceptance-selector-manage .ra-btn-align .btn-inactive {
    width: 220px; } }

.acceptance-selector-manage .ra-btn-align {
  text-align: center; }
  .acceptance-selector-manage .ra-btn-align .btn-inactive {
    font-size: 20px;
    margin-right: 30px; }

.acceptance-selector-manage .dt-more-container {
  padding-left: 40px; }

.ra-mob-view a {
  color: #242424; }

.ra-mob-view .back-btn-div {
  background-color: #d7d7d7;
  height: 40px; }

.ra-mob-view .checkbox-custom {
  margin-left: 0px; }

.ra-mob-view .accept-mob-info-header {
  font-family: "roboto-bold";
  font-size: 16px;
  color: #4a4a4a;
  text-transform: uppercase;
  margin-top: 3px !important; }

.ra-mob-view .delegate-manage-mob-info-header {
  font-family: "roboto-bold";
  font-size: 16px;
  color: #4a4a4a;
  text-transform: uppercase;
  margin-top: 3px !important; }
  .ra-mob-view .delegate-manage-mob-info-header .role {
    display: flex;
    align-items: center; }

.ra-mob-view .delegate-remove-link a.pse-link-primary {
  display: flex;
  align-items: center;
  color: #1771CC !important;
  margin-left: 0px !important; }
  .ra-mob-view .delegate-remove-link a.pse-link-primary i {
    margin-right: 5px; }
  .ra-mob-view .delegate-remove-link a.pse-link-primary:hover {
    color: #004A94 !important; }

.ra-btn-align {
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  .ra-btn-align .pse-btn-primary {
    background-color: #1771cc !important;
    border: 2px solid #1771cc; }
    .ra-btn-align .pse-btn-primary:hover {
      background-color: #004A94 !important;
      border: 2px solid #004A94; }

.form-signin {
  border: 1px solid #979797;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
  padding: 20px; }
  .form-signin.form-main h3 {
    color: #4a4a4a;
    font-family: "roboto-medium";
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 10px; }
    @media (max-width: 768px) {
      .form-signin.form-main h3 {
        font-size: 18px; } }
  .form-signin.bg-grey {
    background: #f6f6f6;
    padding: 20px 15px; }
    .form-signin.bg-grey hr {
      background: #979797; }
  .form-signin .signin-help {
    color: #717171; }
    .form-signin .signin-help a {
      color: #717171;
      font-weight: bold; }
  .form-signin .form-group .form-control {
    border-radius: 0; }
  .form-signin .pse-btn-lw {
    padding: 2px 12px; }

@media (max-width: 768px) {
  .pse-banner .form-signin {
    border: 0;
    box-shadow: none;
    padding: 0; }
    .pse-banner .form-signin .pse-btn-default {
      border: solid 2px #fff;
      color: #fff; }
    .pse-banner .form-signin h3 {
      color: #fff; }
    .pse-banner .form-signin .signin-help {
      color: #fff; }
      .pse-banner .form-signin .signin-help a {
        color: #fff; }
    .pse-banner .form-signin .custom-checkbox span.form-check-label {
      color: #fff; }
    .pse-banner .form-signin.bg-grey {
      background: none; } }

.field-icon.toggle-password {
  position: absolute;
  right: 5px;
  top: 35px; }

.field-icon.toggle-confirmpassword {
  position: absolute;
  right: 5px;
  top: 35px; }

.new-hero-banner .form-signin {
  margin-bottom: 0; }

.new-hero-banner .form-main h3 {
  margin: 0 0 15px 0;
  text-transform: uppercase;
  color: #4a4a4a; }

.new-hero-banner .bg-grey {
  padding: 15px;
  margin-top: 15px;
  background: #f6f6f6 !important; }
  @media (max-width: 768px) {
    .new-hero-banner .bg-grey {
      margin-top: 0;
      padding-top: 30px; } }
  .new-hero-banner .bg-grey .signin-help {
    margin-bottom: 15px;
    color: #717171; }
    .new-hero-banner .bg-grey .signin-help a {
      color: #717171; }
  .new-hero-banner .bg-grey .text-padding {
    margin-bottom: 12px !important; }
  .new-hero-banner .bg-grey .custom-checkbox {
    margin-bottom: 12px; }
    .new-hero-banner .bg-grey .custom-checkbox span.form-check-label {
      color: #717171; }
  .new-hero-banner .bg-grey .custom-textfield {
    margin-bottom: 12px;
    height: 62px; }
    .new-hero-banner .bg-grey .custom-textfield:nth-of-type(2) {
      margin-bottom: 15px; }
  .new-hero-banner .bg-grey .pse-btn-primary {
    background: #1771cc;
    border: 2px solid #1771cc;
    padding-top: 0;
    padding-bottom: 0; }
    .new-hero-banner .bg-grey .pse-btn-primary:hover {
      background: #004A94;
      border: 2px solid #004A94; }
  .new-hero-banner .bg-grey .pse-form-btn {
    color: #1771cc; }
    .new-hero-banner .bg-grey .pse-form-btn:hover {
      color: #004A94; }
  .new-hero-banner .bg-grey hr {
    display: none; }

.new-hero-banner .jumbotron-text {
  height: 375px;
  vertical-align: bottom;
  display: table-cell;
  padding-top: 35px; }
  @media (max-width: 991px) {
    .new-hero-banner .jumbotron-text {
      display: none !important; } }

.signed-in {
  background: rgba(246, 246, 246, 0.8);
  padding: 30px;
  text-align: center; }
  .signed-in h6 {
    font-family: "roboto-medium";
    font-size: 20px;
    margin-bottom: 20px; }
  .signed-in .welcome-msg {
    margin-bottom: 25px; }
    .signed-in .welcome-msg p {
      line-height: 26px;
      margin-bottom: 10px;
      font-family: "roboto-light";
      font-size: 24px; }
  .signed-in .pse-btn-primary, .signed-in a.pse-btn-primary {
    margin-bottom: 25px; }
  .signed-in a.pse-btn-primary {
    display: block;
    margin: 0 auto 25px;
    width: 250px; }
    .signed-in a.pse-btn-primary:hover, .signed-in a.pse-btn-primary:focus {
      color: #fff; }
  .signed-in button .fa-chevron-right {
    margin-left: 8px; }

.new-hero-banner .signed-in {
  background: #f6f6f6;
  margin-top: 30px; }
  @media (max-width: 768px) {
    .new-hero-banner .signed-in {
      margin-top: 0; } }
  .new-hero-banner .signed-in a.pse-btn-primary {
    margin: 18px auto 15px; }
  .new-hero-banner .signed-in .pse-form-btn {
    margin-bottom: 18px; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal; }

.fs18 {
  font-size: 18px; }
  @media (max-width: 768px) {
    .fs18 {
      font-size: 16px; } }

.main-container {
  margin-bottom: 70px;
  margin-top: 30px; }
  @media (max-width: 768px) {
    .main-container {
      margin-bottom: 40px;
      margin-top: 30px; } }
  .main-container.secondary-main-container {
    margin-top: 74px; }

.pse-btn-primary,
.pse-btn-default,
.pse-btn-secondary {
  border-radius: 47px;
  font-size: 20px;
  line-height: 30px;
  padding: 6px 30px;
  text-decoration: none;
  text-transform: uppercase; }
  .pse-btn-primary:hover, .pse-btn-primary:focus,
  .pse-btn-default:hover,
  .pse-btn-default:focus,
  .pse-btn-secondary:hover,
  .pse-btn-secondary:focus {
    outline: none;
    text-decoration: none; }
  .pse-btn-primary.btn-md,
  .pse-btn-default.btn-md,
  .pse-btn-secondary.btn-md {
    line-height: 1;
    padding-top: 8px;
    padding-bottom: 8px; }

.pse-btn-secondary {
  border: solid 2px #1771cc;
  color: #1771cc;
  background-color: transparent; }
  .pse-btn-secondary:hover, .pse-btn-secondary:focus {
    border: solid 2px #004A94;
    background-color: #004A94;
    color: #fff; }
  .pse-btn-secondary:hover a {
    color: #fff;
    text-decoration: none; }

a.pse-btn-primary:hover, a.pse-btn-primary:focus {
  border: solid 2px #004A94;
  background-color: #004A94;
  color: #fff;
  text-decoration: none; }

.pse-btn-primary {
  background-color: #1771cc;
  border: 2px solid #1771cc;
  color: #fff; }
  .pse-btn-primary:disabled {
    color: white;
    background-color: grey;
    border-color: grey; }
  .pse-btn-primary:hover, .pse-btn-primary:focus {
    border: solid 2px #004A94;
    background-color: #004A94;
    color: #fff; }

.pse-btn-default {
  background: none;
  border: solid 2px #4a4a4a;
  color: #4a4a4a; }
  .pse-btn-default:hover, .pse-btn-default:focus {
    border: solid 2px #004A94;
    background-color: #004A94;
    color: #fff; }

.pse-btn-sw {
  min-width: 125px; }

.pse-btn-mw {
  min-width: 165px; }

.pse-btn-lw {
  font-family: 'roboto-condensed-bold';
  min-width: 195px; }

.pse-link-primary,
.pse-link-inverse {
  font-family: 'roboto-condensed-bold';
  font-size: 18px;
  text-transform: uppercase; }
  .pse-link-primary:focus, .pse-link-primary:hover,
  .pse-link-inverse:focus,
  .pse-link-inverse:hover {
    text-decoration: none; }

.pse-link-primary .fa-chevron-right, .pse-link-inverse .fa-chevron-right, .pse-form-btn .fa-chevron-right {
  margin-left: 6px; }

.pse-link-primary {
  color: #1771cc; }
  .pse-link-primary:focus, .pse-link-primary:hover {
    color: #004A94; }
  .pse-link-primary.btn-input {
    background: none;
    border: 0;
    color: #1771cc;
    font-size: 20px; }

.pse-link-inverse {
  color: #fff; }
  .pse-link-inverse:focus, .pse-link-inverse:hover {
    color: #fff; }

.pse-anchor-link {
  font-size: 14px;
  text-transform: capitalize; }

.font-black {
  color: #000; }

.font-white {
  color: #fff; }

.info {
  color: #9a9494; }

.info-danger {
  color: #b20000; }

.img-container img {
  max-width: 100%;
  width: 100%; }

.pse-list-item li {
  list-style: inside; }

.mrgn-btm-10 {
  margin-bottom: 10px; }

.mrgn-btm-20 {
  margin-bottom: 20px; }

.mrgn-btm-100 {
  margin-bottom: 100px; }

.mrgn-btm-100 {
  margin-bottom: 100px; }

.mrgn-btm-70 {
  margin-bottom: 70px; }

.mrgn-top-container {
  margin-top: 30px; }

.page-content {
  margin-bottom: 20px;
  overflow: auto; }
  .page-content h1,
  .page-content h2,
  .page-content p {
    color: #4a4a4a; }
  .page-content h1,
  .page-content h2 {
    margin-bottom: 25px; }
  .page-content h1 {
    font-family: 'roboto-light';
    font-size: 42px; }
  .page-content h2 {
    font-size: 42px; }
    @media (max-width: 768px) {
      .page-content h2 {
        font-size: 32px; } }
  .page-content .sublead {
    font-size: 18px; }

.pse-form-btn {
  background-color: Transparent;
  border: 0;
  color: #1771cc;
  cursor: pointer;
  font-family: 'roboto-condensed-bold';
  font-size: 20px;
  outline: none;
  overflow: hidden;
  text-transform: uppercase; }
  .pse-form-btn.next .fa {
    margin-left: 6px; }
  .pse-form-btn.previous .fa {
    margin-right: 6px; }
  .pse-form-btn:hover, .pse-form-btn:focus {
    color: #004A94;
    text-decoration: none; }

a.pse-form-btn:hover, a.pse-form-btn:focus {
  color: #004A94;
  text-decoration: none; }

.form-main .errorMessage label.error, .form-main .helpText label.error, .form-main .contactText label.error, .form-main .sstform .errorMessage label.error {
  color: #d0021b; }
  .form-main .errorMessage label.error::before, .form-main .helpText label.error::before, .form-main .contactText label.error::before, .form-main .sstform .errorMessage label.error::before {
    content: '\f00d';
    font-family: fontawesome;
    margin-right: 5px; }

button:disabled {
  color: #808080; }
  button:disabled:hover, button:disabled:focus {
    color: #808080; }

.bg-grey {
  background-color: #f6f6f6; }

.bg-white {
  background-color: #fff; }

.full-width {
  overflow: hidden; }

/*XXX Global Style control files XXX*/
.modal .form-main.bg-grey {
  background: transparent; }

#setup-security-questions .modal-header {
  border-bottom: 0; }

/*fix for space between description and form in security question popup as per sitecore structure*/
#setup-security-questions .page-content {
  margin-bottom: 0; }
  #setup-security-questions .page-content p {
    margin: 0; }

/* Global alerts - overridden from bootstrap */
.alert-success {
  color: #4a4a4a;
  background-color: #eefae9; }

.alert-info {
  color: #4a4a4a;
  background-color: #eaf8fb; }

.alert-warning {
  color: #4a4a4a;
  background-color: #fdf4e4; }

.alert-danger {
  color: #4a4a4a;
  background-color: #fcf3f5; }

/* Play icon style*/
.pse-play-icon {
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 3px solid #fff; }
  .pse-play-icon:after {
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 15px solid #fff;
    content: "";
    position: absolute;
    left: 36%;
    top: 26%; }

@media (min-width: 768px) {
  .pse-play-icon-lg {
    width: 80px;
    height: 80px;
    border: 4px solid #fff;
    cursor: pointer; }
    .pse-play-icon-lg:after {
      border-top: 20px solid transparent;
      border-bottom: 20px solid transparent;
      border-left: 30px solid #fff;
      content: "";
      position: absolute;
      left: 38%;
      top: 23%; } }

.form-progress-tracker {
  margin-bottom: 30px;
  margin-top: 45px;
  display: table;
  table-layout: fixed;
  width: 100%; }
  .form-progress-tracker .row {
    display: table-row; }
  @media (max-width: 767px) {
    .form-progress-tracker {
      margin: -4px 0 10px; } }
  .form-progress-tracker .form-step {
    color: #717171;
    display: table-cell;
    float: none;
    vertical-align: middle;
    width: 100%; }
    .form-progress-tracker .form-step .step-progress {
      font-family: roboto-medium;
      font-size: 12px; }
    .form-progress-tracker .form-step .step-label {
      font-size: 14px;
      text-align: left; }
    .form-progress-tracker .form-step:last-child {
      padding-right: 0; }
    .form-progress-tracker .form-step:first-child {
      padding-left: 0; }
    .form-progress-tracker .form-step:hover, .form-progress-tracker .form-step:focus {
      color: #717171;
      text-decoration: none; }
    .form-progress-tracker .form-step .step-status {
      border: 3px solid #717171;
      border-radius: 50%;
      color: #717171;
      display: inline-block;
      height: 36px;
      margin-right: 10px;
      padding: 5px 0;
      position: relative;
      text-align: center;
      vertical-align: middle;
      width: 36px; }
      .form-progress-tracker .form-step .step-status::before {
        color: #fff;
        font-family: 'FontAwesome';
        font-size: 16px;
        left: 8px;
        position: absolute;
        top: 4px; }
    .form-progress-tracker .form-step.current .form-step {
      color: #006671; }
    .form-progress-tracker .form-step.current .step-status {
      background: #006671;
      border: 3px solid #006671;
      color: #006671; }
      .form-progress-tracker .form-step.current .step-status::before {
        content: '\f040'; }
    .form-progress-tracker .form-step.current.finish .step-status {
      background: #006671;
      border: 3px solid #006671;
      color: #006671; }
      .form-progress-tracker .form-step.current.finish .step-status::before {
        content: '\f040'; }
    .form-progress-tracker .form-step.current .step-label {
      color: #006671;
      font-family: "roboto-medium";
      font-size: 14px; }
    .form-progress-tracker .form-step.finish .step-status {
      background: #717171;
      border: 3px solid #717171;
      color: #717171; }
      .form-progress-tracker .form-step.finish .step-status::before {
        color: #fff;
        content: '\f00c'; }

.form-button-container .pse-btn-primary {
  margin-left: 30px; }

@media (max-width: 768px) {
  .form-button-container .pse-btn-primary {
    margin: 0 5px 0 0;
    float: right; }
  .form-button-container .pse-form-btn {
    margin-top: 8px;
    display: inline-block; } }

@media (min-width: 768px) {
  .form-step {
    position: relative; }
    .form-step .step-label {
      display: inline-block;
      vertical-align: middle;
      width: 55%; }
      .form-step .step-label::after {
        border-top: 1px solid #9e9e9e;
        content: '';
        height: .5em;
        position: absolute;
        right: 0;
        top: 50%;
        width: calc(100% - 55% - 40px); }
    .form-step .divider {
      border-bottom: 2px solid #9e9e9e;
      display: inline-block;
      width: 24%; }
    .form-step:last-child .step-label::after {
      display: none; } }

@media (max-width: 767px) {
  .form-step {
    display: none !important; }
    .form-step.current {
      display: block !important;
      margin-bottom: 10px;
      margin-top: 35px;
      margin-left: 95px; }
    .form-step .step-status {
      float: left; }
    .form-step .divider {
      border: 0;
      width: 0%; } }

@media (min-width: 992px) {
  .step-indicator {
    text-align: center; } }

@media (max-width: 768px) {
  .step-indicator {
    margin-top: 30px; } }

.step-indicator .form-step .step-label {
  width: 35%; }
  .step-indicator .form-step .step-label::after {
    right: -20%;
    width: 40%; }

@media (max-width: 767px) {
  .step-indicator .form-progress-tracker .row {
    text-align: center; }
    .step-indicator .form-progress-tracker .row .form-step.current {
      display: inline-block !important;
      margin-bottom: 10px;
      margin-top: 35px;
      text-align: left;
      width: 200px;
      margin-left: 0; }
    .step-indicator .form-progress-tracker .row .form-step .step-label {
      display: table-cell; } }

.card img {
  width: 100%;
  max-width: 100%; }

.card .card-text {
  margin-bottom: 20px; }

.card-based-account-info .info-content a {
  color: #1771cc;
  font-size: 14px;
  font-size: 14px;
  font-family: roboto-bold;
  text-decoration: underline; }

.card-based-account-info .info-content .card-info-img {
  margin: 20px 0 60px 0; }
  @media (max-width: 767px) {
    .card-based-account-info .info-content .card-info-img img {
      width: 100%; } }

.card-based-info {
  border: 1px solid #979797; }
  .card-based-info .info-content {
    padding: 21px; }
    .card-based-info .info-content h6 {
      margin-bottom: 30px; }
    .card-based-info .info-content img {
      width: 100%; }
  .card-based-info .card-info-note {
    background: #979797;
    padding: 20px;
    color: #fff; }
    .card-based-info .card-info-note a {
      color: #fff; }

/*create account card info media query*/
@media (max-width: 768px) {
  .card-based-info .info-content h3 {
    font-size: 18px; } }

/*XXX File Name: component-media-object.scss XXX*/
.media .img-circle {
  border-radius: 50%; }

.media.pse-media-object {
  margin-bottom: 40px; }
  .media.pse-media-object .media-img {
    height: 112px;
    width: 112px; }
    @media (max-width: 768px) {
      .media.pse-media-object .media-img {
        height: 64px;
        width: 64px; } }
  .media.pse-media-object .media-body {
    vertical-align: middle; }
  .media.pse-media-object .media-heading {
    font-family: "roboto-medium";
    font-size: 20px; }
    @media (max-width: 768px) {
      .media.pse-media-object .media-heading {
        font-size: 18px; } }

.current-usage-info .media {
  color: #575757; }
  .current-usage-info .media p, .current-usage-info .media a {
    font-size: 14px;
    margin-bottom: 0; }
  .current-usage-info .media a {
    color: #1771cc;
    font-family: "roboto-medium";
    line-height: 2.36;
    text-decoration: underline;
    text-transform: capitalize; }
    @media (max-width: 768px) {
      .current-usage-info .media a {
        line-height: 2.75; } }
  .current-usage-info .media .current-usage-val {
    font-size: 32px;
    line-height: 1; }
  .current-usage-info .media .last-month-usage {
    color: #575757;
    font-weight: bold;
    margin-bottom: 10px; }
  .current-usage-info .media .usage-chart {
    width: 130px; }

.savings-energy-center .media .media-img-wrap {
  width: 130px; }

.savings-energy-center .media h6 {
  margin: 0; }

.savings-energy-center .media h6, .current-usage-info .media h6 {
  color: #006671;
  font-family: "roboto-condensed-bold";
  text-transform: uppercase;
  margin-top: 0; }

.savings-energy-center .media img, .current-usage-info .media img {
  width: 100%;
  max-width: 100%; }

.pse-programs {
  position: relative;
  padding-left: 40px !important; }
  .pse-programs .media {
    color: #575757; }
    .pse-programs .media .media-left i {
      font-size: 50px;
      color: #58c3b4; }
    .pse-programs .media h6 {
      color: #575757;
      font-family: "roboto-condensed-bold";
      font-size: 20px;
      line-height: 1;
      letter-spacing: 0.1px;
      text-transform: uppercase; }
    .pse-programs .media p {
      color: #575757;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 1.25;
      letter-spacing: 0.1px;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical; }
    .pse-programs .media .media-body {
      padding-left: 20px; }
  .pse-programs .enroll {
    padding-left: 0; }
    .pse-programs .enroll + i {
      color: #1771cc; }
  .pse-programs.highlighted .media .media-left i {
    color: #006671; }
  .pse-programs.highlighted::before, .pse-programs.highlighted::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-color: transparent;
    border-style: solid; }
  .pse-programs.highlighted::before {
    border-radius: 0;
    border-width: 30px;
    border-left-color: #006671;
    border-top-color: #006671; }
  .pse-programs.highlighted::after {
    content: '\f00c';
    font-size: 24px;
    line-height: 35px;
    color: white;
    font-family: FontAwesome;
    left: 8px; }
  .pse-programs .entrolled-status {
    font-size: 20px;
    font-style: italic; }

.media-download-app {
  overflow: visible; }
  .media-download-app .media-left {
    height: 252px;
    position: relative;
    width: 40%; }
    @media (max-width: 768px) {
      .media-download-app .media-left {
        height: 170px;
        padding-right: 0; } }
    .media-download-app .media-left .media-img {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translate(-50%); }
      @media (max-width: 768px) {
        .media-download-app .media-left .media-img img {
          height: 245px; } }
  .media-download-app .media-body {
    padding: 35px 0; }
    @media (max-width: 768px) {
      .media-download-app .media-body {
        padding: 10px 0 35px; } }
    .media-download-app .media-body h5, .media-download-app .media-body p, .media-download-app .media-body a {
      color: #fff; }
    .media-download-app .media-body h5 {
      font-family: "roboto-condensed-bold";
      text-transform: uppercase;
      letter-spacing: .2px;
      font-size: 32px; }
      @media (max-width: 768px) {
        .media-download-app .media-body h5 {
          font-size: 24px; } }
    .media-download-app .media-body p {
      font-size: 18px;
      line-height: 1.67;
      letter-spacing: 0.4px; }
      @media (max-width: 768px) {
        .media-download-app .media-body p {
          font-size: 16px; } }
    .media-download-app .media-body a {
      font-family: "roboto-condensed-bold";
      font-size: 20px;
      line-height: 0.9; }
      @media (max-width: 768px) {
        .media-download-app .media-body a {
          font-size: 18px; } }
  @media (max-width: 768px) {
    .media-download-app .media-left, .media-download-app .media-body {
      display: block;
      width: 100%; } }

.media-tweet .media-left .fa {
  font-size: 120px;
  color: #1da1f2; }

.media-tweet .media-body {
  padding: 55px 70px;
  position: relative; }
  @media (max-width: 768px) {
    .media-tweet .media-body {
      padding: 20px 25px; } }

.media-tweet .text-promo {
  color: #4a4a4a;
  font-size: 24px;
  line-height: 1.29;
  margin-bottom: 10px; }
  @media (max-width: 768px) {
    .media-tweet .text-promo {
      font-size: 20px;
      margin-bottom: 20px; } }
  .media-tweet .text-promo a {
    color: #0a6fcf;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60%; }
    .media-tweet .text-promo a:hover {
      text-decoration: none; }
    @media (max-width: 768px) {
      .media-tweet .text-promo a {
        word-wrap: break-word; } }

.media-tweet .count-renderer {
  font-size: 12px; }
  .media-tweet .count-renderer i {
    margin-right: 3px; }
  .media-tweet .count-renderer span {
    margin-right: 5px; }

@media (max-width: 768px) {
  .media-tweet .media-left, .media-tweet .media-body {
    display: block;
    width: 100%; }
  .media-tweet .media-left {
    padding: 0;
    text-align: center; }
  .media-tweet .media-body {
    overflow: visible; } }

.program-title {
  font-family: "roboto-regular";
  margin-top: 25px; }
  @media (max-width: 768px) {
    .program-title {
      margin-top: 15px; } }

.energy-center-link:hover, .energy-center-link:focus, .energy-center-link:active, .energy-center-link:visited, .usage-info-link:hover, .usage-info-link:focus, .usage-info-link:active, .usage-info-link:visited {
  outline: 0;
  text-decoration: none; }

/*create account icons circle style*/
.media-left .icon-circle-bg {
  border-radius: 100%;
  background: #bce7e1;
  width: 112px;
  height: 112px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .media-left .icon-circle-bg img {
    height: 45%;
    max-width: 50%; }
  @media (max-width: 768px) {
    .media-left .icon-circle-bg {
      width: 65px;
      height: 65px; } }

.shadow-box {
  background-color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.12);
  margin-bottom: 15px;
  padding: 20px; }

.row-eq-height .shadow-box {
  width: 100%; }

.previous-answer .previous-table-title {
  color: #4a4a4a;
  font-family: "roboto-medium";
  font-size: 20px;
  margin-bottom: 15px;
  margin-top: 15px; }

.previous-answer .table-previuos-answer {
  color: #4a4a4a; }
  @media (max-width: 767px) {
    .previous-answer .table-previuos-answer thead tr {
      display: flex; } }
  .previous-answer .table-previuos-answer thead td {
    background-color: #474b55;
    color: #fff;
    font-family: "roboto-condensed-bold";
    font-size: 20px;
    height: 55px;
    padding-left: 25px;
    text-transform: uppercase;
    vertical-align: top; }
    @media (max-width: 767px) {
      .previous-answer .table-previuos-answer thead td {
        height: 60px; } }
  @media (max-width: 767px) and (max-width: 767px) {
    .previous-answer .table-previuos-answer thead td:first-child, .previous-answer .table-previuos-answer thead td:last-child {
      display: none; } }
    @media (max-width: 767px) {
      .previous-answer .table-previuos-answer thead td + td {
        flex: 0 0 100%; } }
  .previous-answer .table-previuos-answer thead .table-warning-message td {
    background-color: #fff;
    color: #4a4a4a;
    text-align: center;
    text-transform: none;
    height: auto; }
    @media (max-width: 767px) {
      .previous-answer .table-previuos-answer thead .table-warning-message td {
        display: block;
        width: 100%; } }
  .previous-answer .table-previuos-answer > tbody {
    counter-reset: section; }
    @media (max-width: 767px) {
      .previous-answer .table-previuos-answer > tbody > tr {
        display: flex;
        flex-wrap: wrap;
        width: calc(100vw - 30px); } }
    .previous-answer .table-previuos-answer > tbody > tr:nth-of-type(odd) {
      background-color: #fff; }
    .previous-answer .table-previuos-answer > tbody > tr:nth-of-type(even) {
      background-color: #f1f9f8; }
    .previous-answer .table-previuos-answer > tbody td {
      border: 0;
      color: inherit;
      font-size: 14px;
      padding-left: 10px;
      vertical-align: top;
      width: 33.33%; }
      @media (min-width: 992px) {
        .previous-answer .table-previuos-answer > tbody td {
          font-family: "roboto-regular";
          font-size: 18px;
          height: 85px;
          padding-left: 25px; } }
      .previous-answer .table-previuos-answer > tbody td:first-child {
        font-family: "roboto-medium";
        padding-left: 5px;
        position: relative;
        vertical-align: top; }
        @media (max-width: 767px) {
          .previous-answer .table-previuos-answer > tbody td:first-child {
            flex: 0 0 50%;
            order: 1; } }
        .previous-answer .table-previuos-answer > tbody td:first-child::before {
          content: '';
          counter-increment: section;
          content: counter(section) ". ";
          left: 0px;
          position: relative; }
        @media (max-width: 767px) {
          .previous-answer .table-previuos-answer > tbody td:first-child + td {
            flex: 0 0 100%;
            height: auto;
            order: 3; } }
      .previous-answer .table-previuos-answer > tbody td a {
        color: #1771cc;
        font-family: "roboto-medium";
        font-size: inherit;
        text-decoration: underline; }
        @media (max-width: 767px) {
          .previous-answer .table-previuos-answer > tbody td a {
            font-size: inherit;
            padding-left: 10px; } }
      .previous-answer .table-previuos-answer > tbody td span {
        display: block;
        word-wrap: break-word; }
        @media (max-width: 767px) {
          .previous-answer .table-previuos-answer > tbody td span {
            padding: 0 15px; } }
      @media (max-width: 767px) {
        .previous-answer .table-previuos-answer > tbody td.change-status {
          flex: 0 0 50%;
          order: 2;
          padding-right: 15px;
          text-align: right; } }

.table-services thead td {
  background-color: #474b55;
  color: #fff;
  font-family: "roboto-condensed-bold";
  font-size: 20px;
  height: 55px;
  padding-left: 25px;
  text-transform: uppercase;
  vertical-align: middle; }

.table-services > tbody > tr:nth-of-type(odd) {
  background-color: #f1f9f8; }

.table-services > tbody > tr td {
  border: 0;
  font-size: 14px;
  height: 50px;
  padding-left: 10px;
  vertical-align: top; }
  @media (min-width: 992px) {
    .table-services > tbody > tr td {
      font-size: 18px;
      height: 85px;
      padding-left: 25px; } }
  @media (max-width: 767px) {
    .table-services > tbody > tr td {
      word-break: break-word; } }
  @media (max-width: 767px) {
    .table-services > tbody > tr td + td {
      max-width: 160px; } }

.table-services > tbody .service-status {
  text-align: center; }
  @media (max-width: 767px) {
    .table-services > tbody .service-status {
      min-width: 140px; } }
  .table-services > tbody .service-status a {
    border-width: 3px;
    color: #1771cc;
    font-size: 18px;
    padding: 5px 20px; }
    @media (max-width: 767px) {
      .table-services > tbody .service-status a {
        font-size: 14px;
        padding: 3px 15px; } }
    .table-services > tbody .service-status a:hover {
      text-decoration: none; }
  .table-services > tbody .service-status i {
    color: #b8c42e;
    margin-right: 5px; }

.hello-user {
  padding: 20px 35px; }
  @media (max-width: 768px) {
    .hello-user {
      margin-bottom: 25px; } }
  .hello-user h6 {
    font-family: "roboto-regular";
    letter-spacing: 0.1px;
    margin-bottom: 0; }
    .hello-user h6 .user-name {
      text-transform: capitalize; }
    @media (max-width: 768px) {
      .hello-user h6 {
        color: #474b55;
        font-family: "roboto-light";
        font-weight: 300; } }
  .hello-user .pse-btn-primary:hover, .hello-user .pse-btn-primary:visited, .hello-user .pse-btn-primary:active {
    border: solid 2px #004A94;
    background-color: #004A94;
    color: #fff; }
  .hello-user .due-amount {
    color: #006671;
    font-family: "roboto-light";
    font-size: 48px; }
    @media (max-width: 768px) {
      .hello-user .due-amount {
        font-size: 38px;
        margin-bottom: 0; } }
  .hello-user .bill-due {
    margin-bottom: 30px; }
    .hello-user .bill-due span {
      font-family: "roboto-light";
      font-size: 24px;
      font-weight: 500;
      letter-spacing: 0.1px; }
      @media (max-width: 768px) {
        .hello-user .bill-due span {
          font-size: 19px;
          letter-spacing: 0; } }
      .hello-user .bill-due span.due-date {
        font-family: "roboto-medium";
        margin-bottom: 0;
        margin-right: 19px; }
    @media (max-width: 768px) {
      .hello-user .bill-due .view-bill {
        display: block;
        margin-top: 5px;
        padding: 0; } }
  @media (max-width: 768px) {
    .hello-user .pse-btn-lw {
      display: block;
      margin: 10px auto;
      text-align: center;
      width: 250px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .hello-user .btn-autopay {
      margin-left: 15px; } }
  @media (min-width: 992px) {
    .hello-user .btn-autopay {
      margin-left: 15px; } }

.no-text-transform {
  text-transform: none !important; }

.user-account-info-wrapper {
  margin-bottom: 20px; }
  .user-account-info-wrapper .user-account-info-body {
    background-color: #fff;
    -moz-box-shadow: 0 0 5px 0 #898f9e;
    -webkit-box-shadow: 0 0 5px 0 #898f9e;
    box-shadow: 0 0 5px 0 #898f9e;
    width: 100%;
    border-bottom: 0; }
    @media (max-width: 768px) {
      .user-account-info-wrapper .user-account-info-body .row {
        display: flex;
        flex-direction: column; } }
    .user-account-info-wrapper .user-account-info-body .panel-body {
      padding: 0 15px; }
    .user-account-info-wrapper .user-account-info-body table.data-account-holder {
      border-bottom: transparent; }
      @media (max-width: 768px) {
        .user-account-info-wrapper .user-account-info-body table.data-account-holder {
          border: none; } }
      .user-account-info-wrapper .user-account-info-body table.data-account-holder tr {
        color: #575757;
        display: block;
        border-bottom: 1px solid #dddddd; }
        @media (max-width: 768px) {
          .user-account-info-wrapper .user-account-info-body table.data-account-holder tr .mobile-address {
            text-indent: 0px;
            padding-left: 23px;
            float: none; } }
        .user-account-info-wrapper .user-account-info-body table.data-account-holder tr.inactive {
          color: #d0021b; }
        .user-account-info-wrapper .user-account-info-body table.data-account-holder tr.selected-account {
          display: none; }
      .user-account-info-wrapper .user-account-info-body table.data-account-holder td {
        padding: 18px 5px;
        border-top: none; }
        .user-account-info-wrapper .user-account-info-body table.data-account-holder td:first-child {
          padding-left: 15px; }
        .user-account-info-wrapper .user-account-info-body table.data-account-holder td:nth-child(3) p {
          white-space: nowrap; }
        @media (max-width: 768px) {
          .user-account-info-wrapper .user-account-info-body table.data-account-holder td {
            padding: 18px 0px 18px 20px; } }
        .user-account-info-wrapper .user-account-info-body table.data-account-holder td p {
          font-size: 18px;
          margin: 0px; }
          @media (max-width: 768px) {
            .user-account-info-wrapper .user-account-info-body table.data-account-holder td p {
              font-size: 14px; }
              .user-account-info-wrapper .user-account-info-body table.data-account-holder td p.acc-status {
                min-width: 110px; } }
        .user-account-info-wrapper .user-account-info-body table.data-account-holder td .status-icon {
          margin-right: 10px;
          position: relative;
          font-size: 20px; }
          @media (max-width: 768px) {
            .user-account-info-wrapper .user-account-info-body table.data-account-holder td .status-icon {
              bottom: -10px;
              right: 10px;
              width: 18px;
              height: 20px;
              font-size: 18px; } }
          .user-account-info-wrapper .user-account-info-body table.data-account-holder td .status-icon.fa-warning {
            color: #c41f3d; }
        @media (max-width: 768px) {
          .user-account-info-wrapper .user-account-info-body table.data-account-holder td:nth-child(2) {
            text-align: right;
            right: 20px;
            position: relative; } }
      .user-account-info-wrapper .user-account-info-body table.data-account-holder + #account-details_paginate {
        display: none; }
    .user-account-info-wrapper .user-account-info-body .link-view-account {
      padding: 20px; }
      @media (max-width: 768px) {
        .user-account-info-wrapper .user-account-info-body .link-view-account .pse-form-btn {
          font-size: 14px; } }
  .user-account-info-wrapper .user-account-info li:first-child {
    padding-left: 30px; }
    @media (max-width: 768px) {
      .user-account-info-wrapper .user-account-info li:first-child {
        padding-left: 15px; } }
  .user-account-info-wrapper .user-account-bill-info li:last-child {
    padding-right: 30px;
    text-align: right;
    padding-bottom: 10px; }
    @media (max-width: 768px) {
      .user-account-info-wrapper .user-account-bill-info li:last-child {
        padding-right: 15px;
        vertical-align: middle; } }
  .user-account-info-wrapper .user-account-info,
  .user-account-info-wrapper .user-account-bill-info {
    display: table;
    width: 100%; }
    @media (max-width: 768px) {
      .user-account-info-wrapper .user-account-info .bill-info,
      .user-account-info-wrapper .user-account-bill-info .bill-info {
        padding-left: 5px; } }
    .user-account-info-wrapper .user-account-info .bill-info .due-amount,
    .user-account-info-wrapper .user-account-bill-info .bill-info .due-amount {
      line-height: 1.22; }
    @media (max-width: 768px) {
      .user-account-info-wrapper .user-account-info .bill-info p:first-child,
      .user-account-info-wrapper .user-account-bill-info .bill-info p:first-child {
        font-family: "roboto-medium"; } }
    .user-account-info-wrapper .user-account-info li,
    .user-account-info-wrapper .user-account-bill-info li {
      display: table-cell;
      padding: 18px 25px 18px 0;
      vertical-align: middle; }
      @media (max-width: 768px) {
        .user-account-info-wrapper .user-account-info li,
        .user-account-info-wrapper .user-account-bill-info li {
          padding: 10px; } }
    .user-account-info-wrapper .user-account-info p,
    .user-account-info-wrapper .user-account-bill-info p {
      margin-bottom: 0;
      line-height: 1;
      color: #575757; }
    .user-account-info-wrapper .user-account-info .f18,
    .user-account-info-wrapper .user-account-bill-info .f18 {
      font-size: 18px; }
      @media (max-width: 768px) {
        .user-account-info-wrapper .user-account-info .f18,
        .user-account-info-wrapper .user-account-bill-info .f18 {
          font-size: 14px; } }
  @media (max-width: 768px) {
    .user-account-info-wrapper .user-account-info .user-info {
      display: table;
      table-layout: fixed;
      width: 100%; } }
  .user-account-info-wrapper .user-account-info .user-info i,
  .user-account-info-wrapper .user-account-info .user-info img.user-icon {
    top: -1px;
    position: relative;
    margin-right: 2px;
    vertical-align: middle; }
    @media (max-width: 768px) {
      .user-account-info-wrapper .user-account-info .user-info i,
      .user-account-info-wrapper .user-account-info .user-info img.user-icon {
        top: 0;
        margin-right: 6px; } }
  .user-account-info-wrapper .user-account-info .user-info.h7 {
    margin-bottom: 0;
    color: #575757; }
  @media (max-width: 768px) {
    .user-account-info-wrapper .user-account-info .user-info .name {
      font-family: "roboto-regular";
      font-size: 14px;
      top: -5px;
      position: relative;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      max-width: calc(100% - 24px);
      display: inline-block; }
    .user-account-info-wrapper .user-account-info .user-info .address {
      margin-left: 24px;
      margin-top: -10px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-family: "roboto-medium"; } }
  @media (max-width: 768px) {
    .user-account-info-wrapper .user-account-info .account-info {
      text-align: right; }
      .user-account-info-wrapper .user-account-info .account-info p:first-child {
        top: -5px;
        position: relative; }
      .user-account-info-wrapper .user-account-info .account-info .account-no {
        font-family: "roboto-medium"; } }
  @media (max-width: 768px) {
    .user-account-info-wrapper .user-account-info li:nth-child(3) {
      display: none; } }
  .user-account-info-wrapper .user-account-info .dropdown {
    padding: 0;
    vertical-align: top;
    width: 75px;
    background: #f0f0f0; }
    @media (max-width: 768px) {
      .user-account-info-wrapper .user-account-info .dropdown {
        width: 50px; } }
    .user-account-info-wrapper .user-account-info .dropdown a {
      width: 100%;
      background: #f0f0f0;
      text-align: center;
      position: absolute;
      height: 100%;
      padding-top: 50%;
      text-decoration: none; }
      @media (max-width: 768px) {
        .user-account-info-wrapper .user-account-info .dropdown a {
          height: 52px;
          overflow: hidden; } }
      .user-account-info-wrapper .user-account-info .dropdown a .fa {
        margin-top: -10px;
        font-size: 16px;
        display: inherit;
        color: #4a4a4a; }
        @media (max-width: 768px) {
          .user-account-info-wrapper .user-account-info .dropdown a .fa {
            font-size: 14px;
            color: #006671; } }
      .user-account-info-wrapper .user-account-info .dropdown a.collapsed .fa {
        transform: rotate(180deg);
        margin-top: -6px; }
  .user-account-info-wrapper .user-account-bill-info .pse-form-btn {
    white-space: nowrap; }
  @media (max-width: 768px) {
    .user-account-info-wrapper .user-account-bill-info {
      border-top: 1px solid #d8d8d8; } }
  .user-account-info-wrapper .user-account-nav {
    background-color: #003c4b;
    padding: 0;
    list-style: none;
    text-align: left;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 0 5px 0 #898f9e; }
    .user-account-info-wrapper .user-account-nav .nav {
      display: table;
      width: 100%; }
      @media (max-width: 768px) {
        .user-account-info-wrapper .user-account-nav .nav {
          margin: 0 0 35px 0; } }
      .user-account-info-wrapper .user-account-nav .nav li {
        display: table-cell;
        float: none; }
        @media (max-width: 768px) {
          .user-account-info-wrapper .user-account-nav .nav li {
            display: block; } }
        .user-account-info-wrapper .user-account-nav .nav li a {
          padding: 13px 12px;
          color: #fff;
          font-size: 16px;
          margin: 0px;
          text-align: center; }
          @media (max-width: 768px) {
            .user-account-info-wrapper .user-account-nav .nav li a {
              text-align: left;
              font-size: 16px; } }
          .user-account-info-wrapper .user-account-nav .nav li a:hover, .user-account-info-wrapper .user-account-nav .nav li a:focus {
            background-color: transparent; }
        .user-account-info-wrapper .user-account-nav .nav li.active a {
          border-bottom: 3px solid #fff;
          font-family: "roboto-medium"; }
          @media (max-width: 768px) {
            .user-account-info-wrapper .user-account-nav .nav li.active a {
              border: 0; } }
    .user-account-info-wrapper .user-account-nav .navbar-header .navbar-toggle,
    .user-account-info-wrapper .user-account-nav .navbar-header .navbar-brand {
      color: #fff;
      font-size: 14px; }
    .user-account-info-wrapper .user-account-nav .navbar-header .navbar-toggle {
      margin: 2px 0px;
      height: 45px;
      width: 45px; }
      .user-account-info-wrapper .user-account-nav .navbar-header .navbar-toggle.collapsed {
        transform: rotate(180deg); }
    .user-account-info-wrapper .user-account-nav .navbar-header .navbar-brand {
      padding: 12px 15px; }
      @media (max-width: 768px) {
        .user-account-info-wrapper .user-account-nav .navbar-header .navbar-brand {
          padding: 15px 25px;
          font-size: 16px;
          font-family: "roboto-medium";
          /*account selector nav bar heading alignmnet fix*/
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          max-width: calc(100% - 20%); } }
  .user-account-info-wrapper #user-info-data-table {
    border-top: 1px solid #d8d8d8; }

.f12 {
  font-family: "roboto-regular";
  font-size: 12px;
  font-weight: 700; }
  @media (max-width: 768px) {
    .f12 {
      font-family: "roboto-regular";
      font-size: 14px; } }

@media only screen and (min-width: 1201px) {
  .user-account-info .user-info .name {
    width: 150px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle; }
  .user-account-info .address-info .address {
    width: 280px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; } }

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .user-account-info .user-info .name {
    width: 140px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle; }
  .user-account-info .address-info .address {
    width: 220px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; } }

.alert.media {
  margin-top: 20px; }
  .alert.media .media-left i {
    font-size: 36px;
    vertical-align: middle; }

.account-details {
  margin: 15px 0; }
  .account-details li {
    border-right: 1px solid #717171;
    display: table-cell;
    padding: 0 10px;
    vertical-align: middle; }
    .account-details li:first-child {
      white-space: nowrap; }
    .account-details li:last-child {
      border-right: 0; }
    .account-details li i {
      font-size: 30px;
      margin-right: 10px;
      vertical-align: middle; }

.due-details {
  float: right;
  position: relative; }
  .due-details li {
    display: table-cell;
    font-size: 16px;
    padding: 0 10px;
    vertical-align: middle; }
    .due-details li .due-amount {
      font-size: 20px;
      font-weight: bold; }
    .due-details li .due-date {
      font-size: 12px; }

.accountdetail-container {
  border: 1px solid #717171;
  padding: 20px;
  position: relative; }
  .accountdetail-container .user-detail {
    display: inline-block;
    margin: 20px 0;
    position: relative; }
    .accountdetail-container .user-detail li {
      display: inline-block;
      margin-right: 10px; }
  .accountdetail-container .due-amount-container {
    position: relative; }
    .accountdetail-container .due-amount-container .due-amount {
      font-family: "roboto-condensed-bold";
      font-size: 42px; }

.usagedetail-container {
  border: 1px solid #717171;
  padding: 20px;
  position: relative; }
  .usagedetail-container .pse-link-primary {
    display: block; }
  .usagedetail-container .usage-value {
    font-size: 24px; }

.usagedetail-tile-conatiner {
  margin-top: 20px;
  position: relative; }
  .usagedetail-tile-conatiner img {
    width: 100%; }
  .usagedetail-tile-conatiner h3 {
    bottom: 5px;
    left: 20px;
    position: absolute; }

@media (max-width: 768px) {
  .detailed-view-link {
    order: 4; } }

.detailed-view-link img {
  width: 20px; }

.detailed-view-link .media-body .body-m,
.detailed-view-link .media-body a {
  color: #1771cc;
  font-size: 14px;
  text-decoration: underline; }
  @media (max-width: 768px) {
    .detailed-view-link .media-body .body-m,
    .detailed-view-link .media-body a {
      font-size: 10px;
      margin-bottom: 30px;
      text-decoration: underline; } }
  .detailed-view-link .media-body .body-m:hover, .detailed-view-link .media-body .body-m:focus,
  .detailed-view-link .media-body a:hover,
  .detailed-view-link .media-body a:focus {
    color: #1771cc;
    text-decoration: underline; }

@media (max-width: 768px) {
  .table-responsive.pse-datatable.detailed-billing-table {
    max-width: 360px;
    overflow-x: scroll; } }

#detailed-bill-table th {
  white-space: break-spaces;
  vertical-align: middle; }

#detailed-bill-table th:first-child {
  width: 120px; }

#detailed-bill-table td.totalLabel {
  text-align: right;
  width: 70px;
  padding-left: 0 !important;
  padding-right: 0 !important;
  white-space: nowrap; }

#detailed-bill-table td:last-child {
  text-align: right;
  width: 65px;
  padding-left: 0 !important; }

.detailed-billing-table,
.detailed-default-table {
  color: #4a4a4a; }
  .detailed-billing-table.table > thead > tr > th,
  .detailed-billing-table.table > thead > tr > td,
  .detailed-billing-table.table > tbody > tr > th,
  .detailed-billing-table.table > tbody > tr > td,
  .detailed-billing-table.table > tfoot > tr > th,
  .detailed-billing-table.table > tfoot > tr > td,
  .detailed-default-table.table > thead > tr > th,
  .detailed-default-table.table > thead > tr > td,
  .detailed-default-table.table > tbody > tr > th,
  .detailed-default-table.table > tbody > tr > td,
  .detailed-default-table.table > tfoot > tr > th,
  .detailed-default-table.table > tfoot > tr > td {
    border: 0;
    width: 50%;
    padding-left: 20px;
    line-height: 1.5; }
    @media (max-width: 991px) {
      .detailed-billing-table.table > thead > tr > th,
      .detailed-billing-table.table > thead > tr > td,
      .detailed-billing-table.table > tbody > tr > th,
      .detailed-billing-table.table > tbody > tr > td,
      .detailed-billing-table.table > tfoot > tr > th,
      .detailed-billing-table.table > tfoot > tr > td,
      .detailed-default-table.table > thead > tr > th,
      .detailed-default-table.table > thead > tr > td,
      .detailed-default-table.table > tbody > tr > th,
      .detailed-default-table.table > tbody > tr > td,
      .detailed-default-table.table > tfoot > tr > th,
      .detailed-default-table.table > tfoot > tr > td {
        padding: 0 0 10px 0; } }
  .detailed-billing-table.table > thead > tr > th,
  .detailed-billing-table.table > tbody > tr > th,
  .detailed-billing-table.table > tfoot > tr > th,
  .detailed-default-table.table > thead > tr > th,
  .detailed-default-table.table > tbody > tr > th,
  .detailed-default-table.table > tfoot > tr > th {
    padding-left: 0; }
  .detailed-billing-table.table > tfoot > tr > td,
  .detailed-default-table.table > tfoot > tr > td {
    padding-left: 0; }
    .detailed-billing-table.table > tfoot > tr > td .total,
    .detailed-default-table.table > tfoot > tr > td .total {
      margin-left: 29px; }
  .detailed-billing-table.electricity thead > tr > th, .detailed-billing-table.naturalgas thead > tr > th,
  .detailed-default-table.electricity thead > tr > th,
  .detailed-default-table.naturalgas thead > tr > th {
    padding-left: 15px; }
  @media (max-width: 768px) {
    .detailed-billing-table.electricity tfoot tr:last-child, .detailed-billing-table.naturalgas tfoot tr:last-child,
    .detailed-default-table.electricity tfoot tr:last-child,
    .detailed-default-table.naturalgas tfoot tr:last-child {
      border-bottom: 1px solid #006671; } }
  .detailed-billing-table.electricity tfoot tr td.p, .detailed-billing-table.naturalgas tfoot tr td.p,
  .detailed-default-table.electricity tfoot tr td.p,
  .detailed-default-table.naturalgas tfoot tr td.p {
    padding-left: 15px; }
    .detailed-billing-table.electricity tfoot tr td.p:last-child, .detailed-billing-table.naturalgas tfoot tr td.p:last-child,
    .detailed-default-table.electricity tfoot tr td.p:last-child,
    .detailed-default-table.naturalgas tfoot tr td.p:last-child {
      text-align: left; }
  .detailed-billing-table tbody tr:last-child,
  .detailed-default-table tbody tr:last-child {
    border-bottom: 1px solid #006671; }
    @media (max-width: 991px) {
      .detailed-billing-table tbody tr:last-child td#currentBillAmount,
      .detailed-default-table tbody tr:last-child td#currentBillAmount {
        padding: 0; } }
    @media (max-width: 991px) {
      .detailed-billing-table tbody tr:last-child td,
      .detailed-default-table tbody tr:last-child td {
        padding: 0; } }
    @media (max-width: 991px) {
      .detailed-billing-table tbody tr:last-child td .media,
      .detailed-default-table tbody tr:last-child td .media {
        text-align: left; } }
  .detailed-billing-table tbody tr:nth-last-child(2),
  .detailed-default-table tbody tr:nth-last-child(2) {
    border-bottom: 1px solid #006671; }
    @media (max-width: 991px) {
      .detailed-billing-table tbody tr:nth-last-child(2),
      .detailed-default-table tbody tr:nth-last-child(2) {
        border: none; } }
  .detailed-billing-table tbody tr.detailed-view-link td .media,
  .detailed-default-table tbody tr.detailed-view-link td .media {
    text-align: left; }
  .detailed-billing-table .even,
  .detailed-default-table .even {
    background-color: #f1f9f8; }
  .detailed-billing-table .odd,
  .detailed-default-table .odd {
    background-color: transparent; }
  .detailed-billing-table td:last-child,
  .detailed-default-table td:last-child {
    text-align: right; }
  .detailed-billing-table .body-l,
  .detailed-default-table .body-l {
    font-family: "roboto-medium";
    text-align: left; }
    @media (max-width: 991px) {
      .detailed-billing-table .body-l,
      .detailed-default-table .body-l {
        font-size: 16px; } }
    .detailed-billing-table .body-l th,
    .detailed-default-table .body-l th {
      padding: 0; }
  .detailed-billing-table .body-xl,
  .detailed-default-table .body-xl {
    background-color: #474b55;
    color: #fff; }
  @media (max-width: 991px) {
    .detailed-billing-table tfoot tr td.detailed-view-link .media,
    .detailed-default-table tfoot tr td.detailed-view-link .media {
      display: none; } }
  .detailed-billing-table tfoot tr:last-child td:last-child,
  .detailed-default-table tfoot tr:last-child td:last-child {
    font-family: "roboto-bold";
    font-size: 22px; }
    @media (max-width: 991px) {
      .detailed-billing-table tfoot tr:last-child td:last-child,
      .detailed-default-table tfoot tr:last-child td:last-child {
        font-size: 18px;
        padding: 0; } }

.detailed-default-table.breakdown-account tfoot {
  display: none; }

.how-breadcrumb {
  background-color: transparent; }
  .how-breadcrumb li.active {
    color: #006671;
    font-family: "roboto-condensed-bold"; }
  .how-breadcrumb li + li::before {
    content: ' >'; }

.drag-info {
  color: #1771cc;
  display: inline-block;
  font-size: 40px;
  height: 40px;
  width: 40px; }

.detailed-bill-summary {
  margin-top: 20px; }

.bil-summary h4 {
  margin-top: 30px; }

.detailed-bill-help-statement .alert-info {
  background-color: transparent;
  border: 1px solid #c2c2c2; }

.detailed-bill-help-statement .body-xl {
  color: #006671;
  font-family: "roboto-condensed-bold"; }

.detailed-bill-help-statement .media-body {
  color: #4a4a4a; }

.how-ballon-text {
  margin-bottom: 30px; }
  .how-ballon-text .bubble-content {
    width: 31%;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.18); }
    .how-ballon-text .bubble-content .bubble-header {
      background-color: #474b55;
      color: #fff;
      padding: 30px 25px 20px;
      border: 1px solid #474b55;
      position: relative; }
      .how-ballon-text .bubble-content .bubble-header span {
        position: absolute;
        right: 20px;
        top: 11px;
        color: #898f9e; }
    .how-ballon-text .bubble-content .bubble-body {
      padding: 30px; }

.detailed-bill-correction {
  margin-bottom: 30px; }
  .detailed-bill-correction h6 {
    font-family: "roboto-regular"; }

.hr-line {
  background-color: #006671; }

.a-link {
  color: #1771cc;
  font-size: 16px; }
  .a-link:hover, .a-link:focus {
    color: #1771cc; }

.detail-billing-naturalgas-table th,
.detail-billing-electricity-table th {
  font-weight: 700; }

.detail-billing-naturalgas-table .table.electricity th, .detail-billing-naturalgas-table .table.electricity td,
.detail-billing-electricity-table .table.electricity th,
.detail-billing-electricity-table .table.electricity td {
  border-top: 0;
  border-bottom: 1px solid #ddd; }

.detail-billing-naturalgas-table h6,
.detail-billing-electricity-table h6 {
  font-family: "roboto-regular"; }

.detail-billing-naturalgas-table tfoot tr:last-child td:last-child,
.detail-billing-electricity-table tfoot tr:last-child td:last-child {
  font-family: "roboto-regular";
  font-size: 16px; }

@media (max-width: 991px) {
  .detail-billing-naturalgas-table .electricity tfoot tr:last-child, .detail-billing-naturalgas-table .naturalgas tfoot tr:last-child,
  .detail-billing-electricity-table .electricity tfoot tr:last-child,
  .detail-billing-electricity-table .naturalgas tfoot tr:last-child {
    border-bottom: none;
    margin-bottom: 30px;
    margin-top: 30px; } }

#detailed-bill-wrapper .pse-datatable {
  margin: 10px 0; }

.overview-wrapper ul.account-overview {
  display: inline-block; }
  .overview-wrapper ul.account-overview > li {
    border-left: 1px solid #32363d;
    display: inline-block;
    padding: 10px 15px; }
    .overview-wrapper ul.account-overview > li > h5 {
      display: inherit;
      font-size: 16px; }
    .overview-wrapper ul.account-overview > li:first-child {
      border-left: 0; }

.overview-wrapper .account-details li i {
  font-size: 22px; }

.overview-wrapper .account-details li:last-child {
  text-align: center;
  vertical-align: middle; }

.pos-static {
  position: static !important; }

.search-accounts {
  width: 100%;
  margin-bottom: 20px; }
  .search-accounts input {
    margin-top: 12px;
    border-radius: 0;
    padding-right: 40px;
    border-color: #979797;
    height: 45px; }
  .search-accounts span {
    top: 22px;
    position: absolute;
    right: 15px; }
    .search-accounts span i {
      font-size: 22px;
      color: #4a4a4a; }

.account-selection img {
  width: 30px; }

.account-selection .dropdown-large {
  position: static; }

.account-selection .dropdown-toggle {
  color: inherit;
  padding-left: 10px; }
  @media (max-width: 768px) {
    .account-selection .dropdown-toggle {
      float: right;
      margin-right: 0;
      position: static; } }

.account-selection .dropdown-menu-large {
  color: #474b55;
  width: 100%;
  padding: 25px 0; }

.account-selection .account-record {
  cursor: pointer;
  border-top: 1px solid #808080; }
  .account-selection .account-record img {
    width: 48px; }
  .account-selection .account-record > div:not(:first-child) {
    height: 50px;
    padding: 15px; }
  .account-selection .account-record:last-child {
    border-bottom: 1px solid #808080; }

.dropdown-chevron {
  background: #f0f0f0; }
  .dropdown-chevron .open .dropdown-chevron-icon i {
    color: #4a4a4a;
    font-size: 18px;
    font-family: FontAwesome; }
    .dropdown-chevron .open .dropdown-chevron-icon i:after {
      content: "\f107"; }
  .dropdown-chevron .dropdown-chevron-icon i {
    color: #4a4a4a;
    font-size: 18px;
    font-family: FontAwesome; }
    .dropdown-chevron .dropdown-chevron-icon i:after {
      content: "\f106"; }

.manage-account-dropdown-table tr td {
  vertical-align: middle !important; }

.account-selector-manage {
  /*Account selector top space issue*/ }
  .account-selector-manage #account-selector-wrapper .dataTables_filter {
    display: block;
    float: left;
    width: 33.5%;
    position: relative; }
    .account-selector-manage #account-selector-wrapper .dataTables_filter label {
      width: 100%; }
      .account-selector-manage #account-selector-wrapper .dataTables_filter label.text-hide span {
        font-size: 14px;
        color: black;
        text-shadow: none;
        background-color: transparent;
        cursor: pointer; }
    .account-selector-manage #account-selector-wrapper .dataTables_filter input {
      width: 100%;
      border-radius: 0;
      padding-right: 40px;
      border-color: #979797;
      height: 48px;
      color: #242424;
      font-size: 18px; }
    .account-selector-manage #account-selector-wrapper .dataTables_filter span {
      position: absolute;
      right: 0px;
      top: 28px; }
    .account-selector-manage #account-selector-wrapper .dataTables_filter.hide {
      display: none !important; }
  .account-selector-manage .tab-content {
    padding-top: 0px; }
    .account-selector-manage .tab-content h2 {
      font-size: 42px; }
      @media (max-width: 768px) {
        .account-selector-manage .tab-content h2 {
          font-size: 32px; } }

#account-selector-table-more-than-5_filter {
  display: block !important;
  float: left;
  width: 33.5%;
  position: relative;
  margin-bottom: 32px; }
  #account-selector-table-more-than-5_filter label {
    width: 100%;
    margin-bottom: 0;
    position: relative; }
    #account-selector-table-more-than-5_filter label.text-hide span {
      font-size: 18px !important;
      color: black;
      text-shadow: none;
      background-color: transparent; }
      #account-selector-table-more-than-5_filter label.text-hide span .fa {
        color: #4a4a4a; }
  #account-selector-table-more-than-5_filter input {
    width: 100%;
    margin-top: 12px;
    border-radius: 0;
    padding-right: 40px;
    border-color: #979797;
    height: 48px;
    color: #242424;
    font-size: 18px;
    font-family: "roboto-regular";
    margin-left: 0; }
    #account-selector-table-more-than-5_filter input:focus {
      box-shadow: 0 0 0 !important; }
  #account-selector-table-more-than-5_filter span {
    position: absolute;
    right: 10px !important;
    top: 28px; }
  #account-selector-table-more-than-5_filter .typeahead {
    width: 100%;
    top: 55px;
    border-radius: 0;
    padding-top: 0; }
    #account-selector-table-more-than-5_filter .typeahead li a {
      padding: 15px 20px;
      font-size: 18px;
      font-family: "roboto-regular";
      font-weight: bold;
      color: #4a4a4a;
      overflow: hidden;
      text-overflow: ellipsis; }
    #account-selector-table-more-than-5_filter .typeahead li.active a {
      background-color: #f1f9f8; }

.pse-data-table {
  border-bottom: 0 !important; }
  .pse-data-table thead tr th {
    padding-left: 25px !important;
    font-size: 20px;
    font-family: "roboto-condensed-bold"; }
  .pse-data-table tbody .inactive {
    color: #c41f3d; }
    .pse-data-table tbody .inactive .activity-icon {
      color: #c41f3d; }
  .pse-data-table tbody tr {
    height: 86px;
    color: #4a4a4a;
    font-size: 16px; }
    .pse-data-table tbody tr.odd {
      background-color: #FFFFFF !important; }
      .pse-data-table tbody tr.odd:hover {
        background-color: #FFFFFF !important; }
    .pse-data-table tbody tr.even {
      background-color: #f1f9f8 !important; }
      .pse-data-table tbody tr.even:hover {
        background-color: #f1f9f8 !important; }
    .pse-data-table tbody tr:last-child td {
      border-bottom: 1px solid #d8d8d8; }
    .pse-data-table tbody tr .pse-form-btn {
      font-size: 18px;
      white-space: nowrap; }
      .pse-data-table tbody tr .pse-form-btn .fa-chevron-right {
        margin-left: 5px; }
    .pse-data-table tbody tr td {
      padding-left: 25px !important;
      border: none;
      font-size: 18px; }
      .pse-data-table tbody tr td p {
        font-size: 18px; }
  .pse-data-table.dataTable tbody tr td {
    border: none; }
  .pse-data-table.dataTable tbody tr:last-child td {
    border-bottom: 1px solid #d8d8d8; }

#account-selector .page-content {
  margin-bottom: 0; }

#account-selector .dataTables_info {
  padding: 15px 0;
  text-align: left;
  margin-top: 2px; }

#account-selector .manage-paginate {
  vertical-align: top; }

#account-selector #account-selector-table-more-than-5 th {
  word-wrap: break-word;
  white-space: normal; }

#account-selector .table-responsive {
  overflow-x: hidden; }

#account-selector .dt-more-container {
  padding: 15px 0; }
  #account-selector .dt-more-container.load-more-container {
    margin: 0; }
  #account-selector .dt-more-container .pse-form-btn {
    font-size: 20px; }
    #account-selector .dt-more-container .pse-form-btn .fa-chevron-right {
      margin-left: 5px; }
  #account-selector .dt-more-container #account-selector-view-all {
    margin: 0 auto; }

@media (max-width: 768px) {
  .account-details li {
    display: block;
    border-right: none; }
  .due-details {
    float: none; }
    .due-details li:last-child {
      display: block; }
  .pse-data-table {
    border-bottom: 0; }
    .pse-data-table thead tr {
      display: block !important;
      width: 100% !important; }
      .pse-data-table thead tr th {
        font-size: 18px; }
        .pse-data-table thead tr th:nth-child(1), .pse-data-table thead tr th:nth-child(5), .pse-data-table thead tr th:nth-child(3), .pse-data-table thead tr th:nth-child(2) {
          display: none !important; }
        .pse-data-table thead tr th:last-child {
          display: none !important; }
        .pse-data-table thead tr th:nth-child(4) {
          width: 40%;
          text-align: left; }
    .pse-data-table tbody tr {
      display: block !important;
      width: 100% !important;
      height: 100px; }
      .pse-data-table tbody tr td {
        font-size: 18px; }
        .pse-data-table tbody tr td:nth-child(1), .pse-data-table tbody tr td:nth-child(5), .pse-data-table tbody tr td:nth-child(3), .pse-data-table tbody tr td:nth-child(2) {
          display: none !important; }
        .pse-data-table tbody tr td:nth-child(4) {
          width: 50%;
          text-align: left; }
        .pse-data-table tbody tr td:nth-child(7) {
          width: 50%;
          text-align: center; }
        .pse-data-table tbody tr td:last-child {
          display: block !important;
          text-align: center; }
  #account-selector .dataTables_filter {
    width: 100% !important; }
  #account-selector-table-more-than-5_filter {
    width: 100% !important; }
    #account-selector-table-more-than-5_filter input {
      font-size: 14px !important; }
  #account-selector-table-more-than-5 th {
    word-wrap: break-word;
    white-space: nowrap !important; } }

/*
 * This combined file was created by the DataTables downloader builder:
 *   https://datatables.net/download
 *
 * To rebuild or modify this file with the latest versions of the included
 * software please visit:
 *   https://datatables.net/download/#dt/dt-1.10.16
 *
 * Included libraries:
 *   DataTables 1.10.16
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0; }

table.dataTable thead th, table.dataTable tfoot th {
  font-weight: bold; }

table.dataTable thead th, table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #111; }

table.dataTable thead th:active, table.dataTable thead td:active {
  outline: none; }

table.dataTable tfoot th, table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111; }

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  *cursor: hand;
  background-repeat: no-repeat;
  background-position: center right; }

table.dataTable tbody tr {
  background-color: #ffffff; }

table.dataTable tbody tr.selected {
  background-color: #B0BED9; }

table.dataTable tbody th, table.dataTable tbody td {
  padding: 8px 10px; }

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: 1px solid #ddd; }

table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td {
  border-top: none; }

table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd; }

table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #ddd; }

table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td {
  border-top: none; }

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9; }

table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
  background-color: #acbad4; }

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
  background-color: #f6f6f6; }

table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
  background-color: #aab7d1; }

table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 {
  background-color: #fafafa; }

table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad5; }

table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1; }

table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3; }

table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke; }

table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b4cd; }

table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a8b5cf; }

table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b7d1; }

table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #fafafa; }

table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fcfcfc; }

table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fefefe; }

table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad5; }

table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #aebcd6; }

table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8; }

table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  background-color: #eaeaea; }

table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  background-color: #ececec; }

table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  background-color: #efefef; }

table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  background-color: #a2aec7; }

table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  background-color: #a3b0c9; }

table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  background-color: #a5b2cb; }

table.dataTable.no-footer {
  border-bottom: 1px solid #111; }

table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap; }

table.dataTable.compact thead th, table.dataTable.compact thead td {
  padding: 4px 17px 4px 4px; }

table.dataTable.compact tfoot th, table.dataTable.compact tfoot td {
  padding: 4px; }

table.dataTable.compact tbody th, table.dataTable.compact tbody td {
  padding: 4px; }

table.dataTable th.dt-left, table.dataTable td.dt-left {
  text-align: left; }

table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty {
  text-align: center; }

table.dataTable th.dt-right, table.dataTable td.dt-right {
  text-align: right; }

table.dataTable th.dt-justify, table.dataTable td.dt-justify {
  text-align: justify; }

table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap {
  white-space: nowrap; }

table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left {
  text-align: left; }

table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center {
  text-align: center; }

table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right {
  text-align: right; }

table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify {
  text-align: justify; }

table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap; }

table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left {
  text-align: left; }

table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center {
  text-align: center; }

table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right {
  text-align: right; }

table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify {
  text-align: justify; }

table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap; }

table.dataTable, table.dataTable th, table.dataTable td {
  box-sizing: content-box; }

.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1; }

.dataTables_wrapper .dataTables_length {
  float: left; }

.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right; }

.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em; }

.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em; }

.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em; }

.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
  border: 1px solid transparent;
  border-radius: 2px; }

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
  border: 1px solid #979797;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
  background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
  background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
  background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
  background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
  background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%); }

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none; }

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
  background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
  background: -moz-linear-gradient(top, #585858 0%, #111 100%);
  background: -ms-linear-gradient(top, #585858 0%, #111 100%);
  background: -o-linear-gradient(top, #585858 0%, #111 100%);
  background: linear-gradient(to bottom, #585858 0%, #111 100%); }

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  box-shadow: inset 0 0 3px #111; }

.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em; }

.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); }

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
  color: #333; }

.dataTables_wrapper .dataTables_scroll {
  clear: both; }

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch; }

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
  vertical-align: middle; }

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important; }

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111; }

.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable, .dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
  border-bottom: none; }

.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0; }

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center; }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em; } }

@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center; }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em; } }

.page-title > p {
  font-size: 16px;
  margin-bottom: 20px; }

.way-to-pay-media {
  margin-bottom: 15px; }
  .way-to-pay-media .way-img {
    background-color: #bce7e1;
    border-radius: 100%;
    height: 33px;
    padding: 8px 6px;
    position: relative;
    width: 33px; }
    .way-to-pay-media .way-img img {
      -ms-transform: translate(-50%, -50%);
      left: 50%;
      margin: 0;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%); }
  .way-to-pay-media .media-heading {
    margin-top: 5px; }

.waytopay-online {
  padding-right: 0; }
  @media (max-width: 768px) {
    .waytopay-online {
      padding-right: 15px; } }
  .waytopay-online .btn-action {
    padding: 6px 40px; }
    .waytopay-online .btn-action + i {
      display: none; }
  .waytopay-online p {
    margin-bottom: 10px; }
  .waytopay-online .tele-phone-num {
    font-family: "roboto-medium";
    font-size: 18px;
    position: relative; }
    @media (max-width: 768px) {
      .waytopay-online .tele-phone-num {
        padding-left: 0;
        text-align: center; } }
    .waytopay-online .tele-phone-num span {
      padding-left: 15px; }
      @media (max-width: 768px) {
        .waytopay-online .tele-phone-num span {
          padding-left: 0; } }
      .waytopay-online .tele-phone-num span::before {
        color: #006671;
        content: '\f095';
        font-family: FontAwesome;
        font-size: 30px;
        left: 7px;
        margin-right: 25px;
        position: relative;
        top: 7px; }
  @media (max-width: 768px) {
    .waytopay-online .waytopay-button {
      text-align: center;
      padding: 10px 30px; } }
  .waytopay-online .waytopay-button > a {
    margin-bottom: 15px; }
    @media (max-width: 768px) {
      .waytopay-online .waytopay-button > a {
        min-width: 250px; } }
  @media (max-width: 768px) {
    .waytopay-online .pay-station {
      text-align: center; } }
  .waytopay-online .btn-invert-action {
    margin-left: 0; }
    @media (max-width: 768px) {
      .waytopay-online .btn-invert-action {
        margin-left: 0; } }
    .waytopay-online .btn-invert-action + i {
      display: none; }
  .waytopay-online .payment-button {
    margin-right: 25px; }
    @media (max-width: 767px) {
      .waytopay-online .payment-button {
        margin-right: 0; } }
  .waytopay-online .enroll {
    font-family: "roboto-condensed-bold";
    font-size: 20px;
    line-height: 18px; }
    .waytopay-online .enroll + i {
      color: #1771cc; }
    .waytopay-online .enroll:hover + i {
      color: #004A94; }
  .waytopay-online .default-bullet {
    margin-bottom: 20px;
    padding-left: 20px; }
    .waytopay-online .default-bullet li a {
      font-size: inherit; }
  .waytopay-online .address-block {
    font-family: "roboto-bold"; }

.way-to-pay-container {
  background-color: #f6f6f6; }
  .way-to-pay-container > .container .media-heading {
    color: #006671; }

.pay-assist-content {
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 15px;
  padding-bottom: 15px; }
  .pay-assist-content:last-child {
    border-bottom: 0; }
  .pay-assist-content .enroll {
    font-family: "roboto-condensed-bold";
    font-size: 20px;
    line-height: 18px; }
    .pay-assist-content .enroll:hover + i {
      color: #004A94; }
    .pay-assist-content .enroll + i {
      color: #1771cc; }
  .pay-assist-content p {
    margin-bottom: 10px; }
    .pay-assist-content p .paragraph-link {
      color: #1771cc;
      font-size: inherit; }
    .pay-assist-content p > a {
      font-size: inherit; }

.payment-type-content {
  background-color: #fff;
  border: 1px solid #d8d8d8;
  margin-bottom: 20px;
  padding: 30px; }

.guest-payment h4 {
  margin-top: 14px; }

.guest-payment form {
  margin-top: 40px; }

.guest-payment .guest-btn {
  margin-top: 30px; }
  @media (max-width: 768px) {
    .guest-payment .guest-btn {
      text-align: center; } }
  @media (max-width: 768px) {
    .guest-payment .guest-btn .btn-action {
      min-width: 50%; } }

.guest-payment .bg-form-grey {
  background-color: #f6f6f6;
  padding: 15px; }

#loading {
  z-index: 1042 !important;
  background: url("/-/media/Themes/PSE/GTZ/PSE-Theme/images/ajax-loader.gif"), rgba(0, 0, 0, 0.5) !important;
  opacity: 1 !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0; }
  @media (max-width: 768px) {
    #loading {
      background: url("/-/media/Themes/PSE/GTZ/PSE-Theme/images/ajax-loader-mobile.gif"), rgba(0, 0, 0, 0.5) !important;
      background-repeat: no-repeat !important;
      background-position: center !important; } }

.payment-bdhv .cf-main_section {
  margin-top: 30px; }

.payment-bdhv a {
  color: #006671; }
  .payment-bdhv a:hover {
    color: #4a4a4a; }

.payment-bdhv #cf-container .cf-option_box li {
  background: url("../images/sngl_arrows.gif") no-repeat left 1px; }

.payment-bdhv a.cf-morelink {
  background: url("../images/cf_icon_help.gif") no-repeat left 1px; }

.payment-bdhv td.cf-buttons input {
  background-color: #006671;
  color: #fff; }

.payment-bdhv .cf-individual_accounts {
  clear: both;
  float: none;
  margin-bottom: 10px;
  min-height: 400px;
  overflow: hidden;
  width: 525px; }

.payment-bdhv .cf-arrow {
  background: url("../images/sngl_arrows.gif") no-repeat; }

.payment-bdhv .cf-alert_mobile {
  background: url("../images/sms_alert.gif") no-repeat; }

.payment-menu {
  -moz-box-shadow: 0 0 5px 0 #898f9e;
  -webkit-box-shadow: 0 0 5px 0 #898f9e;
  box-shadow: 0 0 5px 0 #898f9e;
  border-radius: 5px;
  margin-top: 56px; }
  .payment-menu .navbar {
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
    min-height: inherit; }
    .payment-menu .navbar .navbar-header {
      border-bottom: 1px solid #006671; }
    .payment-menu .navbar .navbar-brand {
      color: #006671; }
    .payment-menu .navbar .navbar-toggle .icon-bar {
      border: 1px solid #006671; }
    @media (max-width: 768px) {
      .payment-menu .navbar .navbar-collapse {
        margin: 0;
        padding: 0; } }
    .payment-menu .navbar .navbar-collapse li {
      margin: 0 20px; }
      @media (max-width: 768px) {
        .payment-menu .navbar .navbar-collapse li {
          width: 100%; } }
      @media (min-width: 992px) and (max-width: 1024px) {
        .payment-menu .navbar .navbar-collapse li {
          margin: 0 6px; } }
      .payment-menu .navbar .navbar-collapse li.active {
        border-bottom: 2px solid #fff; }
        @media (max-width: 768px) {
          .payment-menu .navbar .navbar-collapse li.active {
            border: 0;
            font-weight: bold; } }
  .payment-menu .overview-wrapper {
    color: #575757;
    padding: 15px 0; }
    .payment-menu .overview-wrapper p {
      font-size: 24px;
      margin: 0 20px; }
      .payment-menu .overview-wrapper p .fa {
        margin-right: 10px; }
    .payment-menu .overview-wrapper .account-selection li.dropdown.dropdown-large {
      display: none; }
    .payment-menu .overview-wrapper .account-summary p {
      font-size: 18px;
      line-height: 1; }
      .payment-menu .overview-wrapper .account-summary p span {
        display: block;
        font-family: "roboto-bold";
        font-size: 12px; }
      .payment-menu .overview-wrapper .account-summary p .fa {
        float: right; }
  .payment-menu .payment-tabs {
    background: #003c4b; }
    .payment-menu .payment-tabs a {
      color: #fff;
      font-size: 16px;
      padding: 10px 11px; }
      @media (max-width: 768px) {
        .payment-menu .payment-tabs a {
          padding: 15px 30px; } }
      .payment-menu .payment-tabs a:hover, .payment-menu .payment-tabs a:focus {
        background-color: transparent; }

.action-block {
  font-family: "roboto-regular";
  padding: 0 80px;
  text-align: center; }
  @media (max-width: 991px) {
    .action-block {
      padding: 0 30px; } }
  @media (max-width: 767px) {
    .action-block {
      margin-bottom: 30px; } }
  .action-block.action-separator {
    border-left: 1px solid #d8d8d8; }
    @media (max-width: 767px) {
      .action-block.action-separator {
        border-left: 0; } }
  .action-block h6 {
    color: #4a4a4a;
    font-size: 18px;
    letter-spacing: 0.1px;
    margin: 0 0 20px; }
  .action-block .pse-btn-primary {
    background-color: #1771cc;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.65;
    padding: 2px 0;
    text-decoration: none;
    margin-bottom: 20px; }
  .action-block .assistance-block p {
    color: #4a4a4a;
    margin: 10px 0 15px; }
  .action-block .assistance-block .payment-assist-block {
    color: #4a4a4a;
    margin: 10px 0 15px; }
  .action-block .assistance-block .pse-form-btn {
    color: #1771cc;
    line-height: 0.9; }

.action-item3 .action-block {
  padding: 0 30px; }

.panel-warning .panel-body {
  background-color: #fdf4e4; }
  .panel-warning .panel-body .panel-subhead {
    font-family: "roboto-regular";
    font-size: 24px;
    margin-bottom: 20px; }

.panel-warning .panel-heading {
  background-color: #ed9f1b;
  position: relative; }
  .panel-warning .panel-heading .h2 {
    color: #242424; }
  .panel-warning .panel-heading a {
    text-decoration: none; }
  .panel-warning .panel-heading a:after {
    content: "-";
    position: absolute;
    right: 20px;
    top: -4px;
    height: 24px;
    width: 24px;
    font-size: 40px;
    color: #000; }
  .panel-warning .panel-heading a.collapsed:after {
    content: '+';
    position: absolute;
    right: 20px;
    top: 5px;
    height: 24px;
    font-size: 30px;
    color: #000; }

.notification-container {
  padding-top: 45px;
  margin-top: 35px;
  margin-bottom: 65px; }

.notifications-box {
  background-color: #fff;
  border: 1px solid #d8d8d8;
  padding: 25px;
  margin-bottom: 10px; }
  .notifications-box h6 {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 7px; }
    .notifications-box h6 .target-date {
      padding-right: 10px; }
  .notifications-box .media .media-left {
    padding-right: 30px;
    display: inline-block;
    float: left; }
    @media (max-width: 480px) {
      .notifications-box .media .media-left {
        padding-right: 20px; } }
    .notifications-box .media .media-left i {
      color: #58c3b4;
      font-size: 50px; }
  .notifications-box .media .media-body p {
    margin-bottom: 0; }

.notification-description {
  line-height: 1.22;
  letter-spacing: 0.1px; }

.icon-circle {
  border-radius: 50%;
  width: 82px;
  height: 82px;
  display: flex;
  align-items: center;
  justify-content: center; }

.disconnect-bg {
  background: #c41f3d; }

.outage-bg {
  background: #ed9f1b; }

.latepayment-bg {
  background: #00a6cf; }

#disconnect-modal .modal-dialog {
  width: 1140px; }

#disconnect-modal .panel-danger .panel-heading .close {
  color: #fff;
  opacity: 1; }

#disconnect-modal .panel-danger .panel-body p a {
  color: #1771cc;
  font-size: 16px;
  text-decoration: underline; }

#disconnect-modal .panel-danger .panel-body .pse-form-btn:hover, #disconnect-modal .panel-danger .panel-body .pse-form-btn:focus, #disconnect-modal .panel-danger .panel-body .pse-form-btn:visited, #disconnect-modal .panel-danger .panel-body .pse-form-btn:active {
  color: #1771cc;
  text-decoration: none; }

.payment-section .due-amount {
  color: #4a4a4a;
  font-family: "roboto-light";
  font-size: 38px;
  font-weight: 300;
  line-height: 0.58; }

.payment-section .bill-due {
  margin-bottom: 25px; }
  .payment-section .bill-due span {
    display: block;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.1px; }
  .payment-section .bill-due .due-date {
    color: #4a4a4a;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0; }

.pse-alerts .anchorstyle {
  color: #1771cc;
  font-size: 16px;
  margin-left: 3px;
  text-decoration: underline; }

.pse-alerts h6 {
  font-family: "roboto-condensed-bold";
  font-size: 20px; }

.pse-alerts .pse-form-btn {
  float: right; }
  .pse-alerts .pse-form-btn:hover, .pse-alerts .pse-form-btn:focus, .pse-alerts .pse-form-btn:visited, .pse-alerts .pse-form-btn:active {
    color: #1771cc;
    text-decoration: none; }

.pse-alerts .media .media-left i {
  color: #58c3b4;
  font-size: 50px; }

.outage-notification {
  border: 3px solid #474b55;
  padding: 20px 25px; }
  .outage-notification .media {
    margin-bottom: 0; }
    .outage-notification .media .power-outage p {
      font-size: 18px; }
  .outage-notification .map-navigation {
    margin-top: 20px; }
    .outage-notification .map-navigation .divider-hr {
      border-right: 1px solid #474b55; }
      @media (max-width: 768px) {
        .outage-notification .map-navigation .divider-hr {
          border: 0;
          text-align: center;
          margin-bottom: 15px; } }
    .outage-notification .map-navigation .map-wrapper {
      text-align: center; }
      .outage-notification .map-navigation .map-wrapper div.fa {
        display: block;
        font-size: 20px; }
      .outage-notification .map-navigation .map-wrapper a {
        color: #4a4a4a;
        display: block;
        font-size: 15px; }
        .outage-notification .map-navigation .map-wrapper a .fa {
          margin-left: 5px; }
  .outage-notification.planned-outage div {
    font-size: 18px; }
    .outage-notification.planned-outage div .fa {
      font-size: 25px;
      margin-right: 10px;
      vertical-align: middle; }
    .outage-notification.planned-outage div a {
      color: #4a4a4a; }

.call-agent .pse-form-btn {
  display: block; }
  .call-agent .pse-form-btn:hover, .call-agent .pse-form-btn:focus, .call-agent .pse-form-btn:visited, .call-agent .pse-form-btn:active {
    color: #1771cc;
    text-decoration: none; }

.warning-block .hello-user {
  text-align: center; }
  .warning-block .hello-user h6 {
    font-size: 18px; }
  .warning-block .hello-user .bill-due span {
    display: inline-block;
    width: 100%; }

.panel-warning {
  border-color: #ed9f1b; }
  .panel-warning .panel-body .subheader {
    font-family: "roboto-regular";
    font-size: 24px; }
  .panel-warning .panel-heading {
    background-color: #ed9f1b;
    color: #000; }
    .panel-warning .panel-heading h2 {
      color: #000; }
  .panel-warning .warning-block {
    border-left: 1px solid #d8d8d8; }
    .panel-warning .warning-block .warning-wrapper {
      text-align: center; }
      .panel-warning .warning-block .warning-wrapper .heading {
        color: #4a4a4a;
        font-family: "roboto-regular";
        font-size: 18px; }
      .panel-warning .warning-block .warning-wrapper .warn-img {
        padding: 10px; }
    .panel-warning .warning-block .pse-btn-primary {
      background-color: #1771cc;
      color: #fff;
      text-decoration: none; }
    .panel-warning .warning-block .pse-form-btn:hover, .panel-warning .warning-block .pse-form-btn:focus, .panel-warning .warning-block .pse-form-btn:visited, .panel-warning .warning-block .pse-form-btn:active {
      color: #1771cc;
      text-decoration: none; }

.alertPanel:first-of-type {
  margin-top: 44px; }
  @media (max-width: 768px) {
    .alertPanel:first-of-type {
      margin-top: 0; } }

.alertPanel .panel-group {
  margin-bottom: 0; }

.alertPanel .pse-panel {
  margin: 0; }

.alertPanel .panel-danger-message .panel-heading {
  position: relative;
  padding: 7px 0 7px 0px;
  background-color: #c41f3d; }
  @media (max-width: 768px) {
    .alertPanel .panel-danger-message .panel-heading {
      padding-left: 9px; } }
  .alertPanel .panel-danger-message .panel-heading .heading-wrapper {
    padding-left: 15px;
    padding-right: 15px; }
    @media (max-width: 768px) {
      .alertPanel .panel-danger-message .panel-heading .heading-wrapper {
        padding-right: 24px !important; } }
    .alertPanel .panel-danger-message .panel-heading .heading-wrapper a {
      text-decoration: none;
      position: relative;
      display: -ms-flexbox; }
      .alertPanel .panel-danger-message .panel-heading .heading-wrapper a .panel-title {
        margin-left: 30px;
        font-family: 'roboto-condensed-bold';
        text-transform: UPPERCASE;
        color: #fff;
        font-size: 24px; }
        @media (max-width: 768px) {
          .alertPanel .panel-danger-message .panel-heading .heading-wrapper a .panel-title {
            font-size: 16px;
            margin-left: 20px;
            display: flex;
            align-items: center; } }
        .alertPanel .panel-danger-message .panel-heading .heading-wrapper a .panel-title span {
          text-transform: none;
          font-size: 18px;
          font-family: 'roboto-condensed-bold';
          margin-left: 30px; }
          @media (max-width: 768px) {
            .alertPanel .panel-danger-message .panel-heading .heading-wrapper a .panel-title span {
              font-size: 16px;
              margin-left: auto; } }
      .alertPanel .panel-danger-message .panel-heading .heading-wrapper a:before {
        content: "\f146";
        position: absolute;
        height: 24px;
        width: 24px;
        font-size: 24px;
        color: #fff;
        margin-right: 20px;
        font-family: fontawesome;
        top: 3px; }
        @media (max-width: 768px) {
          .alertPanel .panel-danger-message .panel-heading .heading-wrapper a:before {
            font-size: 16px; } }
      @media all and (-ms-high-contrast: none) {
        .alertPanel .panel-danger-message .panel-heading .heading-wrapper a:before {
          top: -2px; } }

@-moz-document url-prefix() {
  .alertPanel .panel-danger-message .panel-heading .heading-wrapper a:before {
    top: 16px; } }
      .alertPanel .panel-danger-message .panel-heading .heading-wrapper a.collapsed:before {
        content: '\f0fe';
        position: absolute;
        height: 24px;
        font-size: 24px;
        color: #fff;
        margin-right: 20px;
        font-family: fontawesome;
        top: 3px; }
        @media (max-width: 768px) {
          .alertPanel .panel-danger-message .panel-heading .heading-wrapper a.collapsed:before {
            font-size: 16px; } }
      @media all and (-ms-high-contrast: none) {
        .alertPanel .panel-danger-message .panel-heading .heading-wrapper a.collapsed:before {
          top: -2px; } }

@-moz-document url-prefix() {
  .alertPanel .panel-danger-message .panel-heading .heading-wrapper a.collapsed:before {
    top: 16px; } }
    .alertPanel .panel-danger-message .panel-heading .heading-wrapper .close-panel {
      line-height: unset;
      margin-left: auto;
      color: #fff;
      opacity: 1; }
    .alertPanel .panel-danger-message .panel-heading .heading-wrapper .checkbox-disable {
      display: none; }

.alertPanel .panel-danger-message .panel-body {
  padding: 0;
  background-color: #fcf3f5; }
  .alertPanel .panel-danger-message .panel-body .alert-body {
    padding: 30px 15px 50px !important; }
    @media (max-width: 768px) {
      .alertPanel .panel-danger-message .panel-body .alert-body {
        padding-left: 24px !important; } }
  @media (max-width: 768px) {
    .alertPanel .panel-danger-message .panel-body {
      text-align: left; } }

.alertPanel .panel-warning-message .panel-heading {
  background-color: #ed9f1b; }

.alertPanel .panel-warning-message .panel-body {
  background-color: #fdf4e4; }

.alertPanel .panel-neutral-message .panel-heading {
  background-color: #00a6cf; }

.alertPanel .panel-neutral-message .panel-body {
  background-color: #EAF8FB; }

.alertPanel .panel-positive-message .panel-heading {
  background-color: #b8c42e; }

.alertPanel .panel-positive-message .panel-body {
  background-color: #eefae9; }

.related-links-section {
  background-color: #f6f6f6;
  padding: 78px 0 75px; }
  @media (max-width: 991px) {
    .related-links-section {
      padding: 35px 0 67px; } }

.related-links-media h5 {
  color: #474b55;
  font-weight: 300;
  letter-spacing: normal;
  line-height: normal;
  margin: 0 0 30px; }
  @media (max-width: 991px) {
    .related-links-media h5 {
      text-align: center; } }

@media (max-width: 991px) {
  .related-links-media .related-links-info {
    padding: 0 21px; } }

.related-links-media .related-links-info .related-image {
  background-color: #7ec5c2;
  height: 110px;
  width: 110px; }

@media (max-width: 991px) {
  .related-links-media .related-links-info .media {
    margin-bottom: 20px; } }

.related-links-media .related-links-info .media .media-left {
  padding-right: 17px; }

.related-links-media .related-links-info .media .media-body .h7 {
  font-size: 20px;
  line-height: 1.42;
  margin-bottom: 23px; }
  @media (max-width: 991px) {
    .related-links-media .related-links-info .media .media-body .h7 {
      font-size: 17px;
      margin-bottom: 30px; } }
  @media (min-width: 992px) and (max-width: 1024px) {
    .related-links-media .related-links-info .media .media-body .h7 {
      font-size: 17px;
      margin-bottom: 15px; } }

.related-links-media .related-links-info .media .media-body .h8 {
  line-height: .9; }
  @media (min-width: 992px) and (max-width: 1024px) {
    .related-links-media .related-links-info .media .media-body .h8 {
      font-size: 19px; } }
  .related-links-media .related-links-info .media .media-body .h8 a {
    text-transform: uppercase; }
    .related-links-media .related-links-info .media .media-body .h8 a i {
      margin-left: 11px; }

.pse-breadcrumbs {
  font-size: 12px;
  padding-top: 20px; }

.payment-head .body-l {
  color: #4a4a4a;
  font-family: "roboto-regular";
  font-size: 18px;
  font-weight: normal;
  letter-spacing: .1px;
  line-height: 1.22; }
  @media (max-width: 991px) {
    .payment-head .body-l {
      font-size: 16px;
      line-height: 1.56; } }

.payment-head .payment-landing-title {
  color: #474b55;
  font-weight: 300;
  margin: 30px 0 0;
  padding: 0 0 20px; }

.payment-landing-option {
  background-color: #e5f6fa;
  display: table;
  margin-top: 32px;
  padding: 32px 0; }
  @media (max-width: 991px) {
    .payment-landing-option {
      margin: 56px -15px 0 -15px;
      width: calc(100% + 30px);
      padding: 21px 0 33px; } }

.payment-signin-eligible {
  border-radius: 0;
  padding: 0; }
  .payment-signin-eligible .pay-title {
    font-weight: 300;
    letter-spacing: .2px;
    line-height: .94;
    margin: 0;
    padding-bottom: 66px;
    text-align: center; }
    @media (max-width: 991px) {
      .payment-signin-eligible .pay-title {
        letter-spacing: .1px;
        line-height: 1.36;
        padding-bottom: 37px; } }
  .payment-signin-eligible span {
    font-size: 18px;
    padding-top: 8px; }
  .payment-signin-eligible .payment-periods {
    margin-bottom: 49px; }
    @media (max-width: 991px) {
      .payment-signin-eligible .payment-periods {
        margin-bottom: 43px;
        padding: 0 23px; }
        .payment-signin-eligible .payment-periods:last-child {
          margin-bottom: 33px; } }
    .payment-signin-eligible .payment-periods .fa {
      font-size: 40px;
      padding-bottom: 20px;
      width: 100%; }
    .payment-signin-eligible .payment-periods .media {
      margin-bottom: 0; }
      @media (min-width: 992px) {
        .payment-signin-eligible .payment-periods .media {
          padding: 0 45px; } }
      .payment-signin-eligible .payment-periods .media .media-left {
        padding-right: 21px; }
      .payment-signin-eligible .payment-periods .media .media-body {
        color: #575757;
        text-align: left; }
        .payment-signin-eligible .payment-periods .media .media-body .media-heading {
          font-family: "roboto-medium";
          font-weight: 500;
          letter-spacing: .1px;
          line-height: 1; }
          @media (max-width: 991px) {
            .payment-signin-eligible .payment-periods .media .media-body .media-heading {
              font-size: 20px; } }
        .payment-signin-eligible .payment-periods .media .media-body p {
          font-weight: normal;
          letter-spacing: .1px;
          line-height: 1.25; }
  .payment-signin-eligible .pay-signin-section {
    padding: 0 0 7px;
    text-align: center; }
    .payment-signin-eligible .pay-signin-section p {
      color: #4a4a4a;
      font-size: 16px;
      font-weight: normal;
      letter-spacing: .1px;
      line-height: 1.88;
      margin-bottom: 11px; }
    .payment-signin-eligible .pay-signin-section .btn-action {
      height: 40px;
      padding: 5px 19px;
      width: 110px; }
      @media (max-width: 991px) {
        .payment-signin-eligible .pay-signin-section .btn-action {
          background-color: #1771cc;
          width: 250px; } }

.pay-due-info {
  margin: 18px 0 36px; }
  @media (max-width: 991px) {
    .pay-due-info {
      margin: 8px 0 15px;
      padding: 0 6px; } }
  .pay-due-info p {
    color: #4a4a4a;
    font-size: 10px;
    font-weight: normal;
    letter-spacing: .1px;
    line-height: 1.3;
    margin: 0;
    padding-bottom: 13px; }
    .pay-due-info p a {
      color: #1771cc;
      font-weight: 500; }

.pay-rft-img {
  border: 1px solid #c4c4c4;
  margin-left: 15px;
  padding-bottom: 23px;
  width: 32%; }
  @media screen and (max-width: 1024px) {
    .pay-rft-img {
      width: 30%; } }
  .pay-rft-img img {
    position: relative;
    top: 23px;
    width: 100%; }

.payment-ways .article-section h4 {
  margin-top: 60px; }

.payment-balance {
  background-color: #e5f6fa;
  margin: 39px 0 10px;
  padding: 16px 34px 33px; }
  @media (max-width: 991px) {
    .payment-balance {
      margin: 39px -15px 10px -15px;
      width: calc(100% + 30px);
      padding: 22px 34px 15px 24px;
      text-align: center; } }
  .payment-balance p {
    color: #4a4a4a;
    font-family: "roboto-light";
    font-size: 24px;
    font-weight: 300;
    letter-spacing: .1px;
    margin-bottom: 0; }
    @media (max-width: 768px) {
      .payment-balance p {
        font-size: 20px; } }
    .payment-balance p span {
      font-family: "roboto-medium";
      font-weight: 500; }
  .payment-balance .doller {
    color: #4a4a4a;
    font-size: 46px;
    line-height: 1; }
    @media (max-width: 768px) {
      .payment-balance .doller {
        font-size: 38px; } }
  .payment-balance .note-text {
    color: #4a4a4a;
    font-family: "roboto-regular";
    font-size: 16px;
    letter-spacing: .1px;
    margin-top: 15px; }
    @media (max-width: 768px) {
      .payment-balance .note-text {
        font-size: 12px;
        margin-top: 32px; } }

.pay-periods {
  background-color: #f6f6f6;
  color: #575757;
  padding: 13px 19px 2px; }
  @media (max-width: 991px) {
    .pay-periods {
      margin: 0 -15px 0 -15px;
      width: calc(100% + 30px);
      padding: 0 17px; } }
  .pay-periods .weekly-content {
    float: left;
    width: 100%; }
    .pay-periods .weekly-content .weekly {
      padding: 5px 0 20px 48px; }
      @media (max-width: 991px) {
        .pay-periods .weekly-content .weekly {
          border-bottom: 1px solid #d8d8d8;
          padding: 24px 0 26px; } }
      .pay-periods .weekly-content .weekly:last-child {
        border: 0; }
      .pay-periods .weekly-content .weekly:first-child .checks {
        padding-left: 0; }
      .pay-periods .weekly-content .weekly .checks {
        float: left;
        padding-top: 21px; }
        @media (max-width: 768px) {
          .pay-periods .weekly-content .weekly .checks {
            display: inline-block;
            padding-top: 14px;
            text-align: left; } }
      .pay-periods .weekly-content .weekly span.icon-calendar {
        float: left;
        padding: 6px 18px 18px; }
        @media (max-width: 768px) {
          .pay-periods .weekly-content .weekly span.icon-calendar {
            display: inline-block;
            float: none; } }
        .pay-periods .weekly-content .weekly span.icon-calendar i {
          font-size: 43px; }
      .pay-periods .weekly-content .weekly .periods-info {
        float: left;
        line-height: 20px;
        width: 60%; }
        @media (min-width: 992px) {
          .pay-periods .weekly-content .weekly .periods-info {
            margin-bottom: 20px; } }
        @media screen and (max-width: 1024px) {
          .pay-periods .weekly-content .weekly .periods-info {
            padding-left: 20px; } }
        @media (max-width: 768px) {
          .pay-periods .weekly-content .weekly .periods-info {
            display: inline-block;
            float: none;
            width: 90%; } }
        .pay-periods .weekly-content .weekly .periods-info p {
          font-family: "roboto-medium";
          font-size: 20px;
          letter-spacing: .1px;
          margin-bottom: 5px; }
          @media (max-width: 768px) {
            .pay-periods .weekly-content .weekly .periods-info p {
              font-family: "roboto-bold";
              font-size: 18px; } }
        .pay-periods .weekly-content .weekly .periods-info span {
          font-size: 16px; }
    .pay-periods .weekly-content select.no-of-payment-dropdown {
      position: absolute;
      z-index: 2; }
    .pay-periods .weekly-content .number-of-payments span {
      padding-right: 5px; }
    .pay-periods .weekly-content .custom[type="radio"]:checked, .pay-periods .weekly-content .custom[type="radio"]:not(:checked) {
      left: -9999px;
      position: absolute; }
    .pay-periods .weekly-content .custom[type="radio"]:checked + label,
    .pay-periods .weekly-content .custom[type="radio"]:not(:checked) + label {
      cursor: pointer;
      display: inline-block;
      height: 14px;
      line-height: 20px;
      padding-left: 14px;
      position: relative; }
    .pay-periods .weekly-content .custom[type="radio"]:checked + label:before,
    .pay-periods .weekly-content .custom[type="radio"]:not(:checked) + label:before {
      border: 1.5px solid #575757;
      border-radius: 100%;
      content: '';
      height: 14px;
      left: 0;
      position: absolute;
      top: 0;
      width: 14px; }
    .pay-periods .weekly-content .custom[type="radio"]:checked + label:after {
      background: #575757;
      border-radius: 100%;
      content: '';
      height: 14px;
      left: 0;
      position: absolute;
      top: 0;
      -webkit-transition: all 02s ease;
      transition: all .2s ease;
      width: 14px; }
    .pay-periods .weekly-content .custom[type="radio"]:not(:checked) + label:after {
      background: #fff;
      border-radius: 100%;
      content: '';
      height: 14px;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-transition: all .2s ease;
      transition: all .2s ease;
      width: 14px; }
    .pay-periods .weekly-content .custom[type="radio"]:checked + label:after {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); }
    .pay-periods .weekly-content .pay-weeks-title .description span {
      margin-left: 44px; }
      @media (min-width: 992px) and (max-width: 1024px) {
        .pay-periods .weekly-content .pay-weeks-title .description span {
          margin-left: 19px; } }
    .pay-periods .weekly-content hr {
      background-color: #d8d8d8; }
      @media (max-width: 991px) {
        .pay-periods .weekly-content hr {
          visibility: hidden; } }
    .pay-periods .weekly-content .installments span {
      width: 50%;
      float: left; }
    .pay-periods .weekly-content .installments .custom-select-arrow select {
      padding: 10px 40px 10px 10px;
      margin: 0 35px;
      float: right;
      width: 80px; }
      .pay-periods .weekly-content .installments .custom-select-arrow select::-ms-expand {
        display: none; }
      @media (max-width: 991px) {
        .pay-periods .weekly-content .installments .custom-select-arrow select {
          right: 0;
          margin: 0 0 0 35px; } }
    .pay-periods .weekly-content .installments .custom-select-arrow:after {
      bottom: 30px;
      right: 45px;
      padding-right: 25px; }
      @media (max-width: 991px) {
        .pay-periods .weekly-content .installments .custom-select-arrow:after {
          bottom: 35px;
          right: 0;
          z-index: 2; } }
      @media (min-width: 600px) and (max-width: 991px) {
        .pay-periods .weekly-content .installments .custom-select-arrow:after {
          bottom: 15px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        .pay-periods .weekly-content .installments .custom-select-arrow:after {
          bottom: 66px;
          right: 10px; } }
  .pay-periods .showScrollbar {
    height: 375px;
    overflow-y: scroll;
    overflow-x: hidden; }

.pay-weeks-title {
  background: #474b55;
  color: #fff;
  display: table;
  font-family: "roboto-condensed-bold";
  font-size: 18px;
  letter-spacing: .3px;
  padding: 11px 17px;
  width: 100%;
  z-index: 1; }
  @media (max-width: 991px) {
    .pay-weeks-title {
      float: left;
      font-size: 16px;
      padding: 17px 0;
      width: 100%; }
      .pay-weeks-title .payment-amount {
        padding: 0; }
        .pay-weeks-title .payment-amount span {
          margin-left: 2px; } }
  .pay-weeks-title:first-child div {
    padding-left: 35px; }
  .pay-weeks-title .description span {
    margin-left: 17px; }

@media (max-width: 991px) {
  .payment-success {
    margin: 0 -15px 0 -15px;
    width: calc(100% + 30px); } }

.payment-success .pay-weeks-title {
  padding: 11px 20px; }
  @media (max-width: 991px) {
    .payment-success .pay-weeks-title {
      padding: 15px; } }
  .payment-success .pay-weeks-title .payment-amount span {
    padding-left: 15px; }
  .payment-success .pay-weeks-title:first-child div {
    padding-left: 0; }

#payment-installment-show-more {
  margin-top: 10px;
  margin-bottom: 15px; }

.pay-duration-bg {
  float: left;
  font-size: 16px;
  padding: 25px 0;
  width: 100%; }
  @media (max-width: 768px) {
    .pay-duration-bg {
      padding: 18px 0; } }
  .pay-duration-bg > div:not(:last-child) {
    margin-bottom: 20px; }
    @media (max-width: 768px) {
      .pay-duration-bg > div:not(:last-child) {
        margin-bottom: 15px; } }
  .pay-duration-bg input[type="text"],
  .pay-duration-bg select {
    color: #717171;
    font-family: "roboto-light";
    font-size: 21px;
    font-weight: 300;
    height: 78px;
    padding: 31px 0 17px 12px;
    width: 93%; }
    @media (max-width: 768px) {
      .pay-duration-bg input[type="text"],
      .pay-duration-bg select {
        font-size: 16px;
        height: 54px;
        padding: 0 9px; } }
  .pay-duration-bg select {
    margin-left: 8px;
    max-height: 100px;
    overflow-y: auto; }
    @media (min-width: 992px) {
      .pay-duration-bg select {
        height: 84px; } }
    .pay-duration-bg select::-ms-expand {
      display: none; }
    @media (max-width: 991px) {
      .pay-duration-bg select {
        margin-left: 6px;
        height: 56px; } }
  .pay-duration-bg .txt-amount {
    background-color: #fff;
    border: 1px solid #9a9494;
    width: 33%; }
    @media screen and (max-width: 1024px) {
      .pay-duration-bg .txt-amount {
        width: 30%; } }
    @media (max-width: 991px) {
      .pay-duration-bg .txt-amount {
        width: 37%; } }
    .pay-duration-bg .txt-amount span {
      color: #717171;
      float: left;
      font-family: "roboto-light";
      font-size: 21px;
      left: 14px;
      position: relative;
      top: 35px; }
      @media (max-width: 768px) {
        .pay-duration-bg .txt-amount span {
          font-size: 16px;
          top: 16px; } }
    .pay-duration-bg .txt-amount input {
      border: 0;
      padding-left: 20px;
      width: 90%; }
      @media (min-width: 992px) {
        .pay-duration-bg .txt-amount input {
          margin: 2px 0; } }
      .pay-duration-bg .txt-amount input:focus {
        outline: 0; }
  .pay-duration-bg [data-alert-paymentmessage] .error-payment {
    color: #d0021b;
    transition: 1s; }
  .pay-duration-bg .desc {
    padding: 0 0 0 30px;
    width: 30%; }
    @media (min-width: 992px) and (max-width: 1024px) {
      .pay-duration-bg .desc {
        width: 32%; } }
    .pay-duration-bg .desc p {
      color: #4a4a4a;
      letter-spacing: .1px;
      margin: 24px 0 0; }
  .pay-duration-bg .custom-select-arrow {
    pointer-events: none; }
    .pay-duration-bg .custom-select-arrow:after {
      content: "" !important; }

.paynumb {
  float: left;
  padding-left: 15px;
  position: relative;
  text-align: center;
  top: 35px; }
  @media (max-width: 991px) {
    .paynumb {
      top: 0; } }

.custom-select-arrow::after {
  bottom: 14px;
  color: #717171;
  content: '\f078';
  font-family: fontawesome;
  font-size: 18px;
  padding-right: 30px;
  pointer-events: none;
  position: absolute;
  right: 30px;
  z-index: 2; }
  @media (max-width: 768px) {
    .custom-select-arrow::after {
      font-size: 14px;
      right: 0; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .custom-select-arrow::after {
      right: 13px; } }

.custom-select-arrow select {
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: 0;
  padding: 31px 0 17px 15px; }
  @media (max-width: 991px) {
    .custom-select-arrow select {
      padding: 0 9px; } }

.pay-success-msg,
.pay-reject {
  background-color: #eefae9;
  clear: both;
  float: left;
  margin-top: 20px;
  overflow: hidden;
  padding: 10px 20px;
  width: 100%; }
  @media (max-width: 991px) {
    .pay-success-msg,
    .pay-reject {
      margin: 56px -15px 12px -15px;
      width: calc(100% + 30px);
      padding: 32px 27px 18px;
      position: relative; } }
  .pay-success-msg .h7,
  .pay-reject .h7 {
    font-family: "roboto-medium"; }
  .pay-success-msg .fa,
  .pay-reject .fa {
    display: block; }
    @media (min-width: 768px) {
      .pay-success-msg .fa,
      .pay-reject .fa {
        float: left; } }
  .pay-success-msg p,
  .pay-reject p {
    font-size: 16px;
    letter-spacing: .1px;
    line-height: 1.63;
    margin: 0; }
    @media (max-width: 768px) {
      .pay-success-msg p,
      .pay-reject p {
        margin-top: 13px; } }
    @media (max-width: 991px) {
      .pay-success-msg p,
      .pay-reject p {
        font-size: 14px;
        line-height: 1.43; } }
    .pay-success-msg p span,
    .pay-reject p span {
      color: #32cd32;
      display: inline-block;
      margin-bottom: 5px; }
    .pay-success-msg p .email-sent,
    .pay-reject p .email-sent {
      color: #4a4a4a;
      font-weight: 500; }
  .pay-success-msg .close-field,
  .pay-reject .close-field {
    cursor: pointer;
    float: right; }
    @media (max-width: 991px) {
      .pay-success-msg .close-field,
      .pay-reject .close-field {
        position: absolute;
        right: 12px;
        top: 10px; } }
    .pay-success-msg .close-field i,
    .pay-reject .close-field i {
      color: #4a4a4a;
      float: right;
      font-size: 22px;
      font-weight: normal;
      margin: 3px 0 0 10px; }
  .pay-success-msg span.fa-check,
  .pay-reject span.fa-check {
    color: #32cd32;
    font-size: 50px;
    vertical-align: top; }
  .pay-success-msg .media,
  .pay-reject .media {
    margin: 0; }
    .pay-success-msg .media .media-left,
    .pay-reject .media .media-left {
      padding-right: 18px; }
      .pay-success-msg .media .media-left i,
      .pay-reject .media .media-left i {
        color: #b8c42e;
        font-family: fontAwesome;
        font-size: 40px;
        margin-top: 5px; }
        @media (max-width: 991px) {
          .pay-success-msg .media .media-left i,
          .pay-reject .media .media-left i {
            margin-top: 0; } }
    @media (max-width: 991px) {
      .pay-success-msg .media .media-body,
      .pay-reject .media .media-body {
        text-align: left; } }
    .pay-success-msg .media .media-body .h7,
    .pay-reject .media .media-body .h7 {
      font-weight: 500;
      letter-spacing: .2px;
      line-height: 1.25;
      margin-bottom: 0; }
    .pay-success-msg .media .media-body p,
    .pay-reject .media .media-body p {
      color: #4a4a4a; }

.pay-modal {
  padding-right: 0 !important; }
  .pay-modal .modal-dialog {
    background-color: #fff;
    border: 1px solid #d8d8d8;
    top: 20%; }
    @media (max-width: 768px) {
      .pay-modal .modal-dialog {
        padding-right: 0 !important;
        top: 10%; } }
  .pay-modal .modal-content {
    border: none;
    border-radius: 0; }
  .pay-modal .modal-header {
    padding: 19px 35px;
    border-bottom: none; }
    .pay-modal .modal-header h5 {
      margin: 0; }
    .pay-modal .modal-header .close {
      text-shadow: none;
      opacity: 1; }
  .pay-modal .modal-body {
    padding: 10px 35px;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.1px; }
    .pay-modal .modal-body .h8 {
      margin-top: 10px; }
  .pay-modal .modal-footer {
    border-top: 0;
    padding: 20px 35px;
    text-align: center; }
    @media (max-width: 768px) {
      .pay-modal .modal-footer .cancel-pay-popup {
        margin-bottom: 10px; } }
    .pay-modal .modal-footer .btn {
      font-family: "roboto-condensed-bold";
      width: 100%;
      padding: 10px 20px;
      font-size: 18px;
      outline: none; }
    .pay-modal .modal-footer .make-pay-popup {
      text-align: left; }
      @media (max-width: 768px) {
        .pay-modal .modal-footer .make-pay-popup {
          text-align: center; } }
      .pay-modal .modal-footer .make-pay-popup .pse-link-primary {
        line-height: 2.3;
        margin-left: 20px; }

#termsConditionsModal.modal .modal-content {
  top: 20%; }
  #termsConditionsModal.modal .modal-content .modal-body {
    min-height: 210px;
    height: 210px;
    overflow-y: scroll; }

@media (max-width: 991px) {
  .total-amt {
    margin: 0 -15px 0 -15px;
    width: calc(100% + 30px); } }

.total-amt .payment-total {
  background: #e5f6fa;
  margin-top: 8px;
  padding: 16px; }
  .total-amt .payment-total .amount-payable {
    color: #003c4b;
    font-size: 24px;
    font-weight: 500;
    margin-top: 3px;
    font-family: "roboto-medium"; }
    @media (max-width: 991px) {
      .total-amt .payment-total .amount-payable {
        margin-left: 0;
        font-size: 20px; } }
    .total-amt .payment-total .amount-payable.remove-pad-right {
      padding-right: 0;
      text-align: right;
      text-transform: uppercase; }
      @media (max-width: 991px) {
        .total-amt .payment-total .amount-payable.remove-pad-right {
          padding-right: 11px; } }
    .total-amt .payment-total .amount-payable.total-amount {
      padding-left: 26px; }
      @media (max-width: 991px) {
        .total-amt .payment-total .amount-payable.total-amount {
          padding-left: 0; } }
    .total-amt .payment-total .amount-payable .payment-value {
      background: transparent;
      border: 0;
      padding: 0;
      width: 90%; }
      @media (max-width: 991px) {
        .total-amt .payment-total .amount-payable .payment-value {
          width: 70%; } }
  @media (max-width: 991px) {
    .total-amt .payment-total .btn-wrapper {
      margin-bottom: 7px;
      text-align: center; } }
  .total-amt .payment-total .btn-wrapper .btn.btn-action {
    border-radius: 47px;
    font-family: "roboto-condensed-bold";
    font-size: 20px;
    line-height: 1;
    margin-left: 42px;
    outline: none; }
    @media (max-width: 991px) {
      .total-amt .payment-total .btn-wrapper .btn.btn-action {
        font-size: 18px;
        margin: 20px 0 5px; } }

.total-amt .pay-due-info {
  margin: 15px -15px 36px; }
  @media (max-width: 991px) {
    .total-amt .pay-due-info {
      margin: 18px 0 36px; } }

.pay-bill-total {
  color: #4a4a4a;
  float: left;
  font-size: 20px;
  font-weight: normal;
  width: 100%; }
  @media (max-width: 991px) {
    .pay-bill-total {
      margin: 0 -15px 0 -15px;
      width: calc(100% + 30px); } }
  .pay-bill-total p {
    font-size: 16px;
    margin-bottom: 0; }
  .pay-bill-total .paynumb {
    left: 4px;
    padding: 0 10px 0 0;
    top: 0; }
    @media (max-width: 991px) {
      .pay-bill-total .paynumb {
        left: 0; } }
  .pay-bill-total .row {
    margin: 0;
    padding: 15px 0; }
    .pay-bill-total .row:nth-child(even) {
      background-color: #f6f6f6; }
  @media (max-width: 991px) {
    .pay-bill-total .txt-amount {
      padding-left: 15px; }
      .pay-bill-total .txt-amount span.dollar {
        padding: 0 8px 0 0; } }
  .pay-bill-total .txt-amount span.dollar {
    padding: 0 8px 0 4px; }
  .pay-bill-total .desc {
    padding-right: 0; }

.payment-desc {
  background: #f6f6f6;
  padding: 20px 15px; }
  .payment-desc .btn-wrapper {
    margin: 20px 0; }
    .payment-desc .btn-wrapper .btn {
      text-transform: uppercase; }
      @media (max-width: 991px) {
        .payment-desc .btn-wrapper .btn {
          margin-bottom: 10px; } }
  .payment-desc a {
    font-size: 16px;
    text-decoration: underline; }

.bill-payment {
  clear: both;
  float: none;
  padding-top: 1px; }
  @media (max-width: 991px) {
    .bill-payment p {
      margin-top: 15px; } }
  .bill-payment.total-amt .payment-total .amount-payable.total-amount {
    padding-left: 12px; }
    @media (max-width: 991px) {
      .bill-payment.total-amt .payment-total .amount-payable.total-amount {
        padding-left: 15px; } }
  .bill-payment .cancel-payment-btn {
    margin-top: 10px;
    padding: 0;
    text-align: center; }
    @media (max-width: 991px) {
      .bill-payment .cancel-payment-btn {
        margin: 0; } }
    .bill-payment .cancel-payment-btn a {
      color: #1771cc;
      font-family: 'roboto-condensed-bold';
      font-size: 14px;
      line-height: 1.65;
      margin-right: 10px;
      outline: none; }
      @media (min-width: 992px) and (max-width: 1024px) {
        .bill-payment .cancel-payment-btn a {
          font-size: 13px; } }
      @media (max-width: 991px) {
        .bill-payment .cancel-payment-btn a {
          font-size: 18px;
          line-height: 1.83; } }
    .bill-payment .cancel-payment-btn span {
      color: #1771cc;
      font-size: 18px;
      font-weight: normal;
      text-decoration: none; }
      @media (max-width: 991px) {
        .bill-payment .cancel-payment-btn span {
          font-size: 19px; } }
  .bill-payment .make-pay-btn a {
    background: #1771cc;
    border-radius: 47px;
    font-family: 'roboto-condensed-bold';
    font-size: 20px;
    line-height: 1; }
    @media (min-width: 992px) and (max-width: 1024px) {
      .bill-payment .make-pay-btn a {
        font-size: 16px;
        padding: 10px 30px; } }
  @media (max-width: 991px) {
    .bill-payment .make-pay-btn {
      margin: 0 0 10px;
      text-align: center; }
      .bill-payment .make-pay-btn a {
        font-size: 18px;
        line-height: 1.83;
        margin-left: 0;
        padding: 5px 67px; } }
  .bill-payment hr.pay {
    background-color: #898f9e;
    float: left;
    margin: 10px 0 25px;
    width: 100%; }

.container.payment h4 {
  margin-top: 30px;
  margin-bottom: 28px; }

.payment-container {
  background: #f6f6f6;
  padding: 45px 0; }
  .payment-container .payment-canceled {
    background-color: #fff;
    border: solid 1px #d8d8d8;
    padding: 30px; }
    .payment-container .payment-canceled span {
      font-family: "roboto-medium"; }
    @media (max-width: 767px) {
      .payment-container .payment-canceled .btn-wrapper .make-pay-btn {
        width: 100%;
        font-size: 14px;
        white-space: normal; } }
    @media (max-width: 767px) {
      .payment-container .payment-canceled .btn-wrapper .new-pay-btn {
        width: 100%;
        font-size: 14px;
        margin-top: 20px;
        white-space: normal;
        padding: 6px 12px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .payment-container .payment-canceled .btn-wrapper .new-pay-btn {
        margin-top: 20px; } }
    @media (min-width: 992px) and (max-width: 1024px) {
      .payment-container .payment-canceled .btn-wrapper .new-pay-btn {
        margin-left: 10px; } }

.account-thankyou {
  background-color: #f6f6f6; }

.conditional-block .subtitle h6 {
  border-bottom: 1px solid #ed9f1b;
  color: #ed9f1b; }

.thank-you-content {
  background-color: #fff;
  border: 1px solid #d8d8d8;
  padding: 25px 25px 25px 60px; }
  @media (max-width: 768px) {
    .thank-you-content {
      padding-left: 15px; } }
  .thank-you-content p {
    margin-bottom: 15px; }
    .thank-you-content p > span {
      display: inline-block;
      font-family: "roboto-medium";
      width: 250px; }
      @media (max-width: 768px) {
        .thank-you-content p > span {
          display: block; } }

.inquiry-content-section p {
  font-size: 16px; }
  .inquiry-content-section p > a {
    color: #1771cc;
    font-family: "roboto-medium"; }

.inquiry-content-section hr {
  margin-bottom: 15px;
  margin-top: 15px; }

.inquiry-content-section .inquiry-contact-content {
  padding: 20px; }
  .inquiry-content-section .inquiry-contact-content .related-faq {
    background-color: #fff;
    border: 1px solid #d8d8d8;
    padding: 30px; }

.inquiry-content-section .sign-in > a {
  color: #fff; }
  .inquiry-content-section .sign-in > a:visited, .inquiry-content-section .sign-in > a:hover {
    color: #fff; }

.inquiry-content-section .line-padding {
  margin-top: 0px;
  margin-bottom: 20px; }

.donot-use {
  border: 1px solid #d8d8d8;
  padding: 15px 15px 30px 30px; }
  .donot-use .default-bullet {
    font-size: 18px;
    padding-left: 20px; }
  .donot-use .emergency-contact {
    font-family: "roboto-medium";
    font-size: 24px;
    margin-top: 15px;
    padding-left: 15px;
    position: relative; }
    .donot-use .emergency-contact > .fa {
      color: #006671;
      font-size: 42px;
      position: absolute;
      transform: rotate(10deg); }
    .donot-use .emergency-contact > span {
      padding-left: 40px; }

.emergencycall-button {
  color: #1771cc;
  font-size: 20px;
  font-family: roboto-condensed-bold; }
  .emergencycall-button a {
    text-decoration: none !important;
    font-size: 20px !important; }

.emergencycall-title {
  color: #c41f3d;
  font-size: 18px;
  font-family: roboto-medium; }

.feedback-faq > p:not(.collapse) {
  cursor: pointer; }

.feedback-faq .collapse p,
.feedback-faq .collapse div,
.feedback-faq .collapse h1,
.feedback-faq .collapse h2,
.feedback-faq .collapse h3,
.feedback-faq .collapse h4,
.feedback-faq .collapse h5,
.feedback-faq .collapse a,
.feedback-faq .collapse img,
.feedback-faq .collapsing p,
.feedback-faq .collapsing div,
.feedback-faq .collapsing h1,
.feedback-faq .collapsing h2,
.feedback-faq .collapsing h3,
.feedback-faq .collapsing h4,
.feedback-faq .collapsing h5,
.feedback-faq .collapsing a,
.feedback-faq .collapsing img {
  margin-bottom: 10px;
  padding: 0; }

.feedback-faq .collapsed {
  margin-bottom: 2px; }

.feedback-faq p.collapsed[data-toggle='collapse']::before,
.feedback-faq div.collapsed[data-toggle='collapse']::before {
  content: '\f105';
  font-family: 'FontAwesome';
  margin-right: 12px; }

.feedback-faq p[data-toggle='collapse']::before,
.feedback-faq div[data-toggle='collapse']::before {
  content: '\f107';
  font-family: 'FontAwesome';
  margin-right: 8px; }

.feedback-faq div {
  font-size: 16px;
  margin-bottom: 10px; }
  .feedback-faq div > a {
    color: #1771cc;
    font-family: "roboto-medium"; }

@media (min-width: 1200px) {
  .information-content .remove-right15 {
    padding-right: 0; } }

.bitmore-option,
.customer-feedback-title,
.sendus-contact-content,
.help-inquiry,
.recaptcha-submit-btn {
  display: none; }
  .bitmore-option #enterMessageTitle,
  .customer-feedback-title #enterMessageTitle,
  .sendus-contact-content #enterMessageTitle,
  .help-inquiry #enterMessageTitle,
  .recaptcha-submit-btn #enterMessageTitle {
    font-family: roboto-medium;
    font-size: 24px;
    font-weight: 500;
    color: #006671;
    margin: 30px 0px 0px 0px;
    padding-bottom: 30px; }
  .bitmore-option #contactMessage,
  .customer-feedback-title #contactMessage,
  .sendus-contact-content #contactMessage,
  .help-inquiry #contactMessage,
  .recaptcha-submit-btn #contactMessage {
    resize: none;
    border-color: #979797;
    border-radius: 0;
    font-size: 16px;
    height: 200px;
    padding-bottom: 100px; }
  .bitmore-option #recaptchaBox,
  .customer-feedback-title #recaptchaBox,
  .sendus-contact-content #recaptchaBox,
  .help-inquiry #recaptchaBox,
  .recaptcha-submit-btn #recaptchaBox {
    padding-bottom: 15px;
    padding-top: 15px; }
  .bitmore-option #submitBtnDiv,
  .customer-feedback-title #submitBtnDiv,
  .sendus-contact-content #submitBtnDiv,
  .help-inquiry #submitBtnDiv,
  .recaptcha-submit-btn #submitBtnDiv {
    padding-bottom: 30px;
    margin-top: 15px; }

.customer-feedback-title {
  margin-top: 59px; }

.customer-inquiry-media hr {
  margin-bottom: 20px;
  margin-top: 10px; }

.customer-profile-outer {
  padding: 20px;
  background-color: #EAF8FB;
  margin-bottom: 0px; }
  .customer-profile-outer p {
    margin-bottom: 0px; }

.customer-profile-outer-signin {
  padding: 20px;
  background-color: #EAF8FB;
  margin-bottom: 0px; }
  .customer-profile-outer-signin p {
    margin-bottom: 0px; }

.sendus-contact-content textarea {
  border-color: #979797;
  border-radius: 0;
  font-size: 16px;
  height: 200px; }
  .sendus-contact-content textarea:focus {
    border-color: #979797;
    box-shadow: none;
    -webkit-box-shadow: none; }

.pseAccNumber ~ .acc-no-help,
#accNumber ~ .acc-no-help {
  color: #1771cc;
  font-size: 24px;
  position: absolute;
  right: 10px;
  top: 20px; }
  .pseAccNumber ~ .acc-no-help + .tooltip .tooltip-arrow,
  #accNumber ~ .acc-no-help + .tooltip .tooltip-arrow {
    border-top-color: #1771cc; }
  .pseAccNumber ~ .acc-no-help + .tooltip .tooltip-inner,
  #accNumber ~ .acc-no-help + .tooltip .tooltip-inner {
    background-color: #1771cc; }

.feedback-breadcrumb .breadcrumb {
  padding-left: 0; }

.emergencybox {
  background: #fcf3f5;
  padding: 20px;
  max-width: 105% !important; }

.icon-red {
  background: #c41f3d;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center; }

.ulli {
  font-size: 14px !important;
  margin: 0 !important; }

.margzero {
  margin-bottom: 0; }

.buttonalign {
  text-align: right; }

.step-title p {
  color: #006671;
  font-size: 24px;
  font-family: roboto-medium;
  font-weight: 500;
  margin: 0px 0px 15px 0px; }

.step1-contact-information p {
  font-family: roboto-medium;
  font-weight: 500;
  font-size: 20px;
  color: #4a4a4a; }

.step1-required-field p {
  font-family: roboto;
  font-weight: 400;
  font-size: 14px;
  color: #4a4a4a; }

.input-group .appt-date {
  height: 66px;
  font-size: 20px;
  font-weight: 300; }

.contactus-calendar-date {
  font-family: roboto-light;
  font-size: 20px;
  Height: 66px;
  background-color: #fff;
  border: solid 1px #979797;
  color: #717171;
  padding-top: 30px; }

.contactus-margin {
  margin-bottom: 20px; }

.current-user-name {
  font-weight: 300;
  color: #717171; }

.lsr-content-section .lsr-contact-content {
  padding: 20px !important; }
  .lsr-content-section .lsr-contact-content .pse-btn-primary {
    min-width: 195px !important; }
  .lsr-content-section .lsr-contact-content .selected {
    font-size: 12px !important;
    font-weight: bold !important;
    transform: translate3d(0, -100%, 0); }

@media only screen and (min-width: 992px) {
  .lsr-content-section .checkbox-container {
    display: flex;
    gap: 30px; }
    .lsr-content-section .checkbox-container .custom-checkbox {
      display: flex;
      align-items: center; } }

#select-payment-option .modal-content {
  border-radius: 0;
  padding: 0 20px 35px; }

#select-payment-option .modal-header {
  border-bottom: 0;
  padding-right: 0;
  padding-bottom: 30px; }

#select-payment-option .close .fa {
  color: #575757; }

#select-payment-option .payment-option {
  text-align: center;
  border-right: 1px solid #d8d8d8; }
  @media (max-width: 768px) {
    #select-payment-option .payment-option {
      border-right: 0; } }

#select-payment-option .payment-option:last-child {
  border-right: 0; }

#select-payment-option .icon-container {
  border: 4px solid #00a6cf;
  border-radius: 50%;
  height: 90px;
  margin: 0 auto 45px;
  position: relative;
  width: 90px; }
  #select-payment-option .icon-container span {
    border-radius: 50%;
    display: table-cell;
    height: 90px;
    text-align: center;
    vertical-align: middle;
    width: 90px; }
    #select-payment-option .icon-container span .fa {
      color: #00a6cf;
      font-size: 40px; }
  #select-payment-option .icon-container img {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute; }

#select-payment-option .btn-pay {
  margin-bottom: 15px; }
  @media (max-width: 768px) {
    #select-payment-option .btn-pay {
      font-size: 16px;
      padding: 6px 16px; } }
  #select-payment-option .btn-pay:focus {
    color: #fff; }

#select-payment-option .help-block-payment {
  font-size: 18px;
  margin-top: 15px; }

.print-wrapper {
  display: table;
  float: right; }
  .print-wrapper .print {
    color: #1771cc;
    display: block;
    font-family: "roboto-condensed-bold";
    font-size: 20px;
    font-weight: bold;
    line-height: 1.65;
    padding: 3px 15px;
    text-transform: uppercase; }
    .print-wrapper .print span {
      margin-left: 6.5px; }
    .print-wrapper .print:hover {
      text-decoration: none; }

@media print {
  .payment-total .btn {
    display: none; }
  .payment-total .cancel-payment-btn {
    display: none; } }

.contact-us h2 {
  font-weight: 300; }
  @media (max-width: 991px) {
    .contact-us h2 {
      margin: 22px 0 23px; } }

.contact-info {
  background-color: #f6f6f6;
  padding: 25px 0; }
  .contact-info .row-eq-height {
    flex-grow: 1; }

.topic-wrapper {
  border: 1px solid #d8d8d8;
  margin-bottom: 20px;
  padding: 24px 31px;
  background-color: #fff;
  width: 100%; }
  @media (max-width: 991px) {
    .topic-wrapper {
      padding: 20px 18px; } }
  @media (min-width: 992px) {
    .topic-wrapper .help-center-seperator::after {
      background-color: #d8d8d8;
      content: '';
      height: 160px;
      position: absolute;
      right: 27px;
      top: -40px;
      width: 1px; } }
  .topic-wrapper h4 {
    display: inline-block;
    margin: 0 0 21px;
    font-weight: 500;
    font-family: "roboto-medium";
    color: #006671;
    line-height: 1.25;
    letter-spacing: .2px; }
    @media (max-width: 991px) {
      .topic-wrapper h4 {
        font-size: 20px;
        letter-spacing: .1px;
        line-height: 1.5; } }
  .topic-wrapper p {
    font-family: "roboto-regular";
    font-size: 16px;
    line-height: 1.38;
    letter-spacing: .1px;
    font-weight: normal;
    color: #4a4a4a; }
    @media (max-width: 991px) {
      .topic-wrapper p {
        letter-spacing: normal; } }
  .topic-wrapper .cta-link a {
    margin-top: 14px;
    font-size: 20px;
    color: #1771cc;
    font-family: "roboto-condensed-bold";
    font-weight: bold;
    line-height: .9;
    text-transform: uppercase;
    text-decoration: none; }
    @media (max-width: 991px) {
      .topic-wrapper .cta-link a {
        font-size: 18px;
        line-height: 1; } }
  .topic-wrapper .cta-link .fa {
    padding-left: 9px;
    font-size: 16px;
    color: #1771cc; }

.contact-border-lft {
  padding-left: 20px; }
  .contact-border-lft .three-cols li {
    padding-bottom: 28px; }
    .contact-border-lft .three-cols li:nth-child(3n+1) {
      clear: left; }
    .contact-border-lft .three-cols li a {
      font-family: "roboto-medium";
      font-size: 16px;
      font-weight: 500;
      line-height: 1.38;
      color: #1771cc;
      text-decoration: underline; }

.customer-service .cphone-icon {
  font-size: 36px;
  color: #006671;
  padding-bottom: 17px; }

.customer-service .cbold {
  font-family: "roboto-medium";
  font-size: 18px;
  font-weight: 500;
  line-height: 1.06;
  margin-bottom: 8px; }

@media (max-width: 991px) {
  .customer-service .mobile-left {
    text-align: left !important; } }

.customer-service .contact-timings {
  font-family: "roboto-regular";
  font-size: 12px;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: .1px;
  color: #4a4a4a; }
  .customer-service .contact-timings span {
    font-family: "roboto-medium"; }

.customer-service .border-left-md {
  border-left: 2px solid #d8d8d8;
  padding-left: 13px; }
  @media (max-width: 991px) {
    .customer-service .border-left-md {
      border-top: 2px solid #d8d8d8;
      border-left: none;
      padding: 19px 0 0;
      margin-top: 28px; } }

.customer-service .contact-type:first-child {
  padding-bottom: 26px; }

.customer-service .contact-type p {
  font-family: "roboto-regular";
  font-size: 16px;
  font-weight: normal;
  line-height: 1.56;
  letter-spacing: .1px;
  color: #4a4a4a;
  margin-bottom: 2px; }

.customer-service .contact-type-numbers {
  padding: 0; }
  @media (max-width: 991px) {
    .customer-service .contact-type-numbers {
      padding: 0 18px; } }

.contact-bold {
  font-family: "roboto-medium" !important; }

.other-numbers .topic-wrapper {
  padding-bottom: 40px; }
  .other-numbers .topic-wrapper div:last-child p {
    margin-bottom: 0; }

.other-numbers h4 {
  margin-bottom: 29px; }

.other-numbers p {
  font-family: "roboto-regular";
  font-size: 16px;
  font-weight: 500;
  line-height: 1.38;
  letter-spacing: .1px;
  color: #4a4a4a;
  margin-bottom: 24px;
  display: inline-block; }

.other-numbers span {
  font-family: "roboto-medium"; }

.our-locations h4 {
  margin-bottom: 18px; }

.our-locations .cta-link {
  left: 15px;
  margin-bottom: -30px;
  position: absolute;
  bottom: 0; }
  @media (max-width: 991px) {
    .our-locations .cta-link {
      margin-bottom: 0;
      position: static; } }

.our-locations .border-left-md {
  padding-left: 22px; }
  @media (max-width: 991px) {
    .our-locations .border-left-md {
      padding-bottom: 26px;
      margin-top: 26px;
      border-left: none; } }

@media (min-width: 992px) {
  .our-locations .border-right-md {
    border-right: 2px solid #d8d8d8; } }

@media (max-width: 991px) {
  .social-links {
    -webkit-column-count: 2;
    column-count: 2;
    text-align: center;
    margin-top: 30px; } }

@media (max-width: 991px) {
  .social-links li {
    padding-bottom: 32px; } }

.social-links li a span {
  font-family: "roboto-regular";
  font-size: 12px;
  letter-spacing: .1px;
  display: block;
  color: #4a4a4a; }

@media (min-width: 992px) {
  .social-links {
    display: table;
    margin-top: 10px;
    width: 100%; }
    .social-links li {
      display: table-cell;
      text-align: center;
      width: 16.67%; } }

.faq .topic-wrapper {
  border: 1px solid #9b9b9b;
  padding: 15px 15px 0 15px;
  margin-bottom: 20px; }

.faq .component-title span.icon {
  vertical-align: text-bottom; }

.faq .component-title:hover {
  text-decoration: none; }

.faq .component-title h2 {
  display: inline-block;
  margin-left: 5px; }
  .faq .component-title h2:after {
    content: "\f054";
    font-family: 'FontAwesome';
    font-size: 1.5rem;
    padding-left: 7px; }

.faq p.collapsed[data-toggle="collapse"]:before {
  content: "\f105";
  font-family: 'FontAwesome'; }

.faq p[data-toggle="collapse"]:before {
  content: "\f107";
  font-family: 'FontAwesome'; }

.faq-related-links .related-links-section {
  background-color: #fff; }

.help-center-title {
  margin-top: 30px; }

.help-center .help-center-title h2 {
  line-height: 1.25;
  letter-spacing: 0.2px; }

.help-center .help-center-title a {
  color: #4a4a4a;
  font-family: "roboto-light";
  font-size: 42px;
  font-weight: 300;
  line-height: 1.25;
  letter-spacing: 0.2px; }
  @media (max-width: 768px) {
    .help-center .help-center-title a {
      font-size: 30px; } }

.help-center .help-center-title .component {
  margin-top: 0; }

.help-center .component.help-center-title {
  margin: 35px 0 26px; }

.help-center .clearfix {
  overflow: auto; }

.help-center .topic-wrapper {
  border: 1px solid #9b9b9b;
  padding: 24px 25px 33px 33px;
  margin-bottom: 20px; }
  .help-center .topic-wrapper .bg-circle {
    background: #c3e7e3;
    display: inline-block;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center; }

.help-center .component-title span.icon {
  vertical-align: text-bottom; }

.help-center .component-title:hover {
  text-decoration: none; }

.help-center .component-title h2 {
  display: inline-block;
  margin-left: 5px; }
  .help-center .component-title h2:after {
    content: "\f054";
    font-family: 'FontAwesome';
    font-size: 1.5rem;
    padding-left: 7px; }

.help-center p.collapsed[data-toggle="collapse"]:before {
  content: "\f105";
  font-family: 'FontAwesome'; }

.help-center p[data-toggle="collapse"]:before {
  content: "\f107";
  font-family: 'FontAwesome'; }

.help-center .help-contactus h5 {
  color: #474b55;
  font-family: "roboto-condensed-bold";
  font-weight: bold;
  letter-spacing: normal;
  line-height: normal; }

.help-center .help-contactus .help-subhead {
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 10px; }

.help-container {
  background-color: #f6f6f6;
  padding-top: 46px;
  padding-bottom: 46px; }
  @media (max-width: 991px) {
    .help-container {
      padding: 29px 0; } }
  @media (min-width: 992px) {
    .help-container .accordion-split {
      margin-right: -15px; }
      .help-container .accordion-split div:first-child {
        padding-right: 15px; }
      .help-container .accordion-split div:last-child {
        padding-left: 15px; }
      .help-container .accordion-split div.no-padding {
        padding: 0; } }

.topic-wrapper {
  border: 1px solid #d8d8d8;
  padding: 24px 25px 33px 33px;
  margin-bottom: 20px; }
  @media (max-width: 991px) {
    .topic-wrapper {
      padding: 20px 18px 27px 18px; } }
  .topic-wrapper .bg-circle {
    background: #c3e7e3;
    display: inline-block;
    border-radius: 50%;
    margin-right: 11px;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .topic-wrapper a {
    display: inline-block; }
  .topic-wrapper .component-title {
    float: left;
    width: 10%; }
  .topic-wrapper .title-collapse p {
    cursor: pointer;
    margin-bottom: 20px;
    padding-left: 25px;
    position: relative; }
  .topic-wrapper .title-collapse p:before {
    content: '\f107';
    padding-right: 14px;
    font: normal normal normal 22px/1 FontAwesome;
    width: 29px;
    display: inline-block;
    left: 0;
    position: absolute; }
  .topic-wrapper .title-collapse p.collapsed:before {
    content: '\f105';
    padding-right: 14px;
    font: normal normal normal 22px/1 FontAwesome;
    width: 29px;
    display: inline-block; }
  .topic-wrapper .collapse-content p {
    margin-left: 25px;
    font-size: 16px;
    line-height: 1.57;
    letter-spacing: 0.1px;
    word-wrap: break-word; }
    .topic-wrapper .collapse-content p:last-child {
      border-bottom: 1.5px solid #006671;
      padding-bottom: 13px; }
  .topic-wrapper .collapse-content a {
    color: #1771cc;
    display: inline;
    font-size: 16px;
    line-height: 1.57;
    letter-spacing: 0.1px;
    word-wrap: break-word; }
    .topic-wrapper .collapse-content a:hover {
      color: #004A94; }
  .topic-wrapper .view-link {
    color: #1771cc;
    font-family: "roboto-condensed-bold";
    font-size: 20px;
    line-height: 0.9;
    letter-spacing: normal;
    margin-top: 20px;
    text-decoration: none; }
    .topic-wrapper .view-link .fa {
      margin-left: 10px;
      font-family: fontawesome;
      font-size: 16px; }

.contactus-container {
  background-color: #fff;
  padding: 55px 0 96px; }
  .contactus-container .help-contactus h4 {
    color: #474b55;
    font-family: "roboto-condensed-bold";
    margin-bottom: 55px;
    line-height: normal;
    letter-spacing: normal; }
    @media (max-width: 991px) {
      .contactus-container .help-contactus h4 {
        margin-bottom: 35px; } }
  .contactus-container .help-contactus .help-content-wrapper ul {
    letter-spacing: 0.1px;
    line-height: 1.38;
    margin-top: 10px;
    padding-left: 0; }
    .contactus-container .help-contactus .help-content-wrapper ul li {
      margin-bottom: 20px; }
      .contactus-container .help-contactus .help-content-wrapper ul li a {
        color: #4a4a4a;
        text-decoration: none; }
  .contactus-container .help-contactus .help-content-wrapper .help-subhead {
    border-bottom: 1px solid #d8d8d8;
    color: #4a4a4a;
    line-height: 1.67;
    letter-spacing: 0.2px;
    padding-bottom: 10px; }
    @media (max-width: 991px) {
      .contactus-container .help-contactus .help-content-wrapper .help-subhead {
        margin-top: 20px; } }

.help-content-panel .panel-group {
  margin-bottom: 0; }
  .help-content-panel .panel-group .panel.panel-default {
    border: 0;
    box-shadow: none; }
    .help-content-panel .panel-group .panel.panel-default .panel-heading {
      background-color: transparent;
      border-color: transparent;
      padding: 0; }
    .help-content-panel .panel-group .panel.panel-default .panel-body {
      border: 0;
      padding: 0; }

.error-page-content p {
  font-size: 18px; }
  .error-page-content p > a {
    color: #1771cc;
    font-family: "roboto-medium";
    font-size: inherit;
    text-decoration: underline; }
  .error-page-content p:first-child {
    font-size: 20px; }

.error500-page {
  background-color: #fff;
  border: solid 1px #d8d8d8;
  margin-top: 30px;
  padding: 15px; }
  .error500-page .error500 {
    padding-top: 100px; }
    @media (max-width: 768px) {
      .error500-page .error500 {
        padding-top: 15px; } }

.error404-page {
  background-color: #fff;
  border: 1px solid #d8d8d8;
  margin-bottom: 15px;
  padding: 60px 86px; }
  @media (max-width: 768px) {
    .error404-page {
      padding: 30px 15px; } }

.section-promo {
  background-color: #fff; }
  .section-promo .promo-download-app {
    background-color: #003c4b;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.14); }
  .section-promo .section-promo-title {
    color: #474b55;
    border-bottom: 2px solid #979797;
    font-family: "roboto-condensed-bold";
    text-align: center;
    text-transform: uppercase;
    padding: 0 0 15px;
    font-size: 32px; }
    @media (max-width: 768px) {
      .section-promo .section-promo-title {
        font-size: 28px; } }
  .section-promo hr {
    background-color: #d8d8d8; }
  .section-promo .promo-tweet {
    padding: 100px 0; }
    @media (max-width: 768px) {
      .section-promo .promo-tweet {
        padding: 50px 0 70px; } }

/*Download Promo app image style*/
.mypse .main-container {
  margin-bottom: 70px;
  margin-top: 30px; }
  @media (max-width: 768px) {
    .mypse .main-container {
      margin-bottom: 80px;
      margin-top: 30px; } }

#setup-security-questions {
  z-index: 999999; }

#setup-security-questions + .modal-backdrop {
  z-index: 99999; }

/*** sitecore changes ********************************************/
.editable-info-panel  .promo {
  border:  none;
  padding:  0;
  margin:  0;
  float: none; }

.promo {
  border: none;
  padding: 0;
  margin: 0;
  float: none; }
  .promo h5 {
    margin-bottom: 15px; }

.address-null {
  display: block;
  padding-left: 25px; }

/************************** for content editor issue in the home page **********/
.scEnabledChrome.scLooseFrameZone {
  zoom: 1;
  overflow-y: visible !important; }

/*** Create account validation error message control ***/
/**priamry article secondary article edit mode row eqheight issues**/
.container.editmode-additional-article .scEnabledChrome.scLooseFrameZone {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-grow: 1; }

/*call to action experience editor mode fixes*/
.call-to-action.scEnabledChrome .scEnabledChrome.scLooseFrameZone,
.call-to-action.scEnabledChrome .call-to-action-item {
  display: inline-block; }

.call-to-action.scEnabledChrome .col-md-2 {
  display: inline-block;
  padding: 0; }

.mega-dropdown-menu li a[href="#"]:hover {
  cursor: default; }

.featured-link-main {
  padding-bottom: 55px; }
  .featured-link-main a {
    text-decoration: none; }
  .featured-link-main h3 {
    padding-top: 49px;
    margin-bottom: 25px; }
  .featured-link-main .featured-links {
    position: relative;
    margin-bottom: 40px; }
    @media (max-width: 768px) {
      .featured-link-main .featured-links {
        margin-bottom: 20px; } }
    .featured-link-main .featured-links .media-left {
      padding-right: 20px; }
    .featured-link-main .featured-links .media.pse-media-object {
      margin-bottom: 0px; }
      .featured-link-main .featured-links .media.pse-media-object .media-body {
        vertical-align: top; }
        .featured-link-main .featured-links .media.pse-media-object .media-body p {
          font-family: "roboto-light";
          font-size: 19px;
          color: #4a4a4a; }
        .featured-link-main .featured-links .media.pse-media-object .media-body span.fl-link {
          position: absolute;
          bottom: 0;
          color: #1771cc;
          text-decoration: none;
          font-family: "roboto-condensed-bold";
          font-size: 20px; }

.sign-placeholder .col-md-offset-2 {
  margin-left: -15px; }

.content-section.acc-teaser .page-content {
  margin-bottom: 0px !important;
  padding: 20px; }

.pse-secondary-cancel {
  position: relative; }

#select-payment-option {
  z-index: 99999999; }

.my-usage-image image {
  width: 100%; }

.inactve-no-balance, .inactve-with-balance, .account-occupied, .account-vacant {
  color: #4a4a4a;
  padding: 35px; }
  .inactve-no-balance h6, .inactve-with-balance h6, .account-occupied h6, .account-vacant h6 {
    font-family: roboto-regular;
    font-size: 24px;
    margin-bottom: 0; }
  .inactve-no-balance .due-amount, .inactve-with-balance .due-amount, .account-occupied .due-amount, .account-vacant .due-amount {
    color: #006671;
    font-family: roboto-light;
    font-size: 48px;
    margin: -15px 0 -10px -5px; }
  .inactve-no-balance .account-desc, .inactve-with-balance .account-desc, .account-occupied .account-desc, .account-vacant .account-desc {
    font-family: roboto-light;
    font-size: 24px;
    margin-bottom: 32px;
    line-height: 1.5em; }
    .inactve-no-balance .account-desc .account-desc-highlight, .inactve-with-balance .account-desc .account-desc-highlight, .account-occupied .account-desc .account-desc-highlight, .account-vacant .account-desc .account-desc-highlight {
      font-family: roboto-medium; }

.inactve-no-balance h6 {
  margin-top: 40px; }

.inactve-with-balance {
  padding-bottom: 30px; }

.account-occupied h6 {
  margin-top: 90px; }

.account-vacant {
  padding-bottom: 30px; }
  .account-vacant h6 {
    margin-top: 10px; }

.non-consumption h6 {
  margin-top: 20px; }

.billing-Card {
  min-height: 405px; }

.billing-Card shadow-box {
  background-color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.12);
  margin-bottom: 15px;
  padding: 20px; }

.billing-card-content-left {
  color: #4a4a4a;
  font-family: "roboto-medium";
  font-size: 16px;
  font-weight: 500;
  padding-left: 10%;
  padding-right: 0;
  text-align: left;
  webkit-line-clamp: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.billing-card-content-right {
  color: #4a4a4a;
  font-family: "roboto-medium";
  font-size: 16px;
  font-weight: 500;
  padding-right: 10%;
  text-align: right;
  float: right; }

.billing-card-welcome {
  color: #4a4a4a;
  font-family: "roboto-medium";
  font-size: 16px;
  font-weight: 500;
  webkit-line-clamp: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.billing-card-remaining-content {
  font-size: 14px;
  padding: 0 30px; }

.link-view-bill {
  letter-spacing: .4px;
  border-right: 1px solid;
  padding-right: 20px; }

.link-view-bill-insert {
  letter-spacing: .4px; }

.billing-card-message {
  font-size: 14px; }

.create-account-information {
  margin-top: 30px; }

.create-card-detail .info-content a {
  color: #1771cc;
  font-size: 14px;
  font-size: 14px;
  font-family: roboto-bold;
  text-decoration: underline; }

.create-card-detail .create-card-image {
  margin: 20px 0 60px 0; }
  @media (max-width: 768px) {
    .create-card-detail .create-card-image img {
      width: 100%; } }

.create-page-content h1 {
  color: #4a4a4a;
  font-family: "roboto-light";
  font-size: 42px; }

@media (max-width: 768px) {
  .create-page-content h1 {
    font-size: 30px; } }

.container-confirmation {
  margin-bottom: 200px; }
  @media (max-width: 768px) {
    .container-confirmation {
      margin-top: 25px; }
      .container-confirmation .msg-confirmation .msg-confirmation-content h4, .container-confirmation .msg-confirmation .msg-confirmation-content p {
        text-align: center; } }

#setup-security-questions {
  z-index: 999999; }

#setup-security-questions + .modal-backdrop {
  z-index: 99999; }

/*** sitecore changes ********************************************/
.editable-info-panel  .promo {
  border:  none;
  padding:  0;
  margin:  0;
  float: none; }

.promo {
  border: none;
  padding: 0;
  margin: 0;
  float: none; }
  .promo h5 {
    margin-bottom: 15px; }

.address-null {
  display: block;
  padding-left: 25px; }

/************************** for content editor issue in the home page **********/
.scEnabledChrome.scLooseFrameZone {
  zoom: 1;
  overflow-y: visible !important; }

/*** Create account validation error message control ***/
/**priamry article secondary article edit mode row eqheight issues**/
.container.editmode-additional-article .scEnabledChrome.scLooseFrameZone {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-grow: 1; }

/*call to action experience editor mode fixes*/
.call-to-action.scEnabledChrome .scEnabledChrome.scLooseFrameZone,
.call-to-action.scEnabledChrome .call-to-action-item {
  display: inline-block; }

.call-to-action.scEnabledChrome .col-md-2 {
  display: inline-block;
  padding: 0; }

.mega-dropdown-menu li a[href="#"]:hover {
  cursor: default; }

.featured-link-main {
  padding-bottom: 55px; }
  .featured-link-main a {
    text-decoration: none; }
  .featured-link-main h3 {
    padding-top: 49px;
    margin-bottom: 25px; }
  .featured-link-main .featured-links {
    position: relative;
    margin-bottom: 40px; }
    @media (max-width: 768px) {
      .featured-link-main .featured-links {
        margin-bottom: 20px; } }
    .featured-link-main .featured-links .media-left {
      padding-right: 20px; }
    .featured-link-main .featured-links .media.pse-media-object {
      margin-bottom: 0px; }
      .featured-link-main .featured-links .media.pse-media-object .media-body {
        vertical-align: top; }
        .featured-link-main .featured-links .media.pse-media-object .media-body p {
          font-family: "roboto-light";
          font-size: 19px;
          color: #4a4a4a; }
        .featured-link-main .featured-links .media.pse-media-object .media-body span.fl-link {
          position: absolute;
          bottom: 0;
          color: #1771cc;
          text-decoration: none;
          font-family: "roboto-condensed-bold";
          font-size: 20px; }

.sign-placeholder .col-md-offset-2 {
  margin-left: -15px; }

.content-section.acc-teaser .page-content {
  margin-bottom: 0px !important;
  padding: 20px; }

.pse-secondary-cancel {
  position: relative; }

#select-payment-option {
  z-index: 99999999; }

.start-common {
  color: #4a4a4a;
  margin: 30px 0 0; }
  @media (max-width: 768px) {
    .start-common {
      text-align: left; } }
  .start-common .body-xl {
    font-family: "roboto-medium";
    padding: 10px 0; }
    @media (max-width: 768px) {
      .start-common .body-xl {
        padding: 0;
        text-align: left; } }
  .start-common .start-img {
    background-color: #bce7e1;
    border-radius: 100%;
    display: inline-block;
    margin-bottom: 15px;
    padding: 30px; }
    @media (max-width: 768px) {
      .start-common .start-img {
        float: left;
        margin-right: 10px;
        padding: 25px; } }
    .start-common .start-img.active {
      background-color: #006671; }
    .start-common .start-img img {
      height: 50px;
      width: 50px; }
  .start-common p {
    padding: 5px 25px; }
    @media (max-width: 768px) {
      .start-common p {
        text-align: left;
        padding: 0;
        margin-bottom: 10px; } }
  .start-common .h8 {
    color: #1771cc;
    cursor: pointer;
    margin-top: 10px; }
    .start-common .h8 .fa {
      color: #1771cc;
      font-weight: bold;
      margin-left: 5px; }

.start-header {
  color: #4a4a4a; }
  .start-header .body-l {
    font-family: "roboto-regular"; }

.progress-wrapper + .section-promo .start-header, .progress-wrapper + .section-promo .page-title, .progress-wrapper + .section-promo .pagetitle, .progress-wrapper + .section-promo .stop-header {
  margin-top: 15px; }

.start-sidecontent {
  margin: 30px 0 60px; }
  .start-sidecontent .body-l {
    font-family: "roboto-regular";
    padding: 5px 0 25px;
    text-align: justify; }
  .start-sidecontent .h8 {
    color: #1771cc;
    font-size: 20px;
    text-transform: uppercase; }
    .start-sidecontent .h8 a {
      color: #1771cc;
      font-size: 20px;
      text-transform: uppercase; }
      .start-sidecontent .h8 a:hover, .start-sidecontent .h8 a:focus {
        color: #1771cc;
        text-transform: uppercase; }
  .start-sidecontent .fa {
    color: #1771cc;
    font-size: 18px;
    margin: 5px 5px 0; }

.property-media {
  background-color: #EAF8FB;
  border: 3px solid #fff;
  padding: 20px; }
  .property-media .property-img {
    background-color: #00a6cf;
    border-radius: 100%;
    display: inline-block;
    height: 75px;
    padding: 20px;
    width: 75px; }
  .property-media a {
    color: #1771cc;
    font-family: "roboto-medium"; }
    .property-media a:hover {
      color: #1771cc; }

.account-addition {
  background-color: #fff;
  border: 1px solid #979797; }

.start-textarea textarea {
  border-radius: 0;
  height: 190px; }

.account-addition-perference {
  color: #4a4a4a;
  margin: 30px; }
  .account-addition-perference .preference-communication .custom-select-arrow,
  .account-addition-perference .preference-billing .custom-select-arrow,
  .account-addition-perference .preference-center .custom-select-arrow {
    padding-left: 45px; }
  .account-addition-perference .preference-communication .notify h6,
  .account-addition-perference .preference-billing .notify h6,
  .account-addition-perference .preference-center .notify h6 {
    font-size: 18px; }
  .account-addition-perference .preference-communication .paperless,
  .account-addition-perference .preference-billing .paperless,
  .account-addition-perference .preference-center .paperless {
    margin-left: 30px; }
  @media (max-width: 768px) {
    .account-addition-perference .preference-communication .custom-select-arrow,
    .account-addition-perference .preference-billing .custom-select-arrow,
    .account-addition-perference .preference-center .custom-select-arrow {
      padding-left: 0; } }
  @media (max-width: 768px) {
    .account-addition-perference .preference-communication .icon-wrapper,
    .account-addition-perference .preference-billing .icon-wrapper,
    .account-addition-perference .preference-center .icon-wrapper {
      width: 100%; } }

#StartDateandBillingPreference .pagetitle-desc p {
  text-align: center; }

.billing-component-content {
  padding: 4% 0 0; }

@media screen and (max-width: 991px) {
  .billing-component-content {
    padding: 10% 0 0; } }

@media screen and (min-width: 992px) {
  .billing-tiles {
    padding: 0 12%; } }

.billing-component .shadow-box {
  -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.176471);
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.176471);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.176471); }

.billing-component .custom-checkbox {
  display: inline-block;
  margin-left: 15px; }

.billing-component #paperless-check-mark-bg, .billing-component #paper-check-mark-bg {
  position: absolute;
  transform: rotate(45deg);
  top: -30px;
  left: -7px; }

.billing-component #paperless-tile-check-mark, .billing-component #paper-tile-check-mark {
  position: absolute;
  top: 10px;
  left: 10px; }

.billing-component .paperless-billing-tile, .billing-component .paper-billing-tile {
  cursor: pointer; }

.billing-component .media {
  margin-top: 5px; }

.billing-component .media-middle {
  vertical-align: top; }

.billing-component .media .media-body p {
  -webkit-line-clamp: unset; }

#paperlesstermsandconditions {
  display: none; }

#paperlesstermsandconditions.active {
  display: block; }

#paperlesstermsandconditions .form-control {
  width: auto; }

#paperlesstermsandconditions .errorMessage {
  padding-left: 15px;
  top: -5px; }

#paperless-check-mark-bg, #paper-check-mark-bg, #paperless-tile-check-mark, #paper-tile-check-mark {
  visibility: hidden; }

#paperless-check-mark-bg.active, #paper-check-mark-bg.active, #paperless-tile-check-mark.active, #paper-tile-check-mark.active {
  visibility: visible; }

.persist-content {
  margin-bottom: 30px !important; }
  @media screen and (max-width: 991px) {
    .persist-content {
      margin-right: 15px;
      margin-left: 15px; } }

.renewable-green a,
.renewables-programs a {
  color: #1771cc;
  text-decoration: underline; }

.renewable-green .h8,
.renewables-programs .h8 {
  font-family: "roboto-medium";
  font-weight: normal; }

.renewable-green .custom-checkbox > a,
.renewables-programs .custom-checkbox > a {
  color: #1771cc;
  padding-left: 3px;
  position: relative;
  z-index: 9; }

.sstRenewables {
  border-top: 1px solid #d8d8d8; }
  @media (max-width: 767px) {
    .sstRenewables {
      padding: 15px; } }
  .sstRenewables .media-section {
    padding: 15px; }
  .sstRenewables .media-icon-section {
    margin-top: 10px;
    margin-right: 20px;
    float: left; }
    @media (max-width: 767px) {
      .sstRenewables .media-icon-section {
        display: none !important; } }
  .sstRenewables .description {
    font-family: roboto-regular;
    font-size: 16px;
    color: #4a4a4a; }
  .sstRenewables .purchase-section {
    margin-top: 65px;
    padding: 0; }
    @media (max-width: 768px) {
      .sstRenewables .purchase-section {
        margin-top: 25px; } }
  .sstRenewables .media-body {
    overflow: visible; }

.no-top-border {
  border-top: 0 !important; }

@media (max-width: 991px) {
  .confirmation-content .confirm-para {
    order: 2; } }

.confirmation-content .flex-content {
  display: flex;
  flex-direction: row; }
  @media (max-width: 991px) {
    .confirmation-content .flex-content {
      flex-direction: column; } }

.confirmation-content .confirmation-img {
  margin-top: 40px; }

.start-info {
  color: #4a4a4a; }
  @media (max-width: 991px) {
    .start-info {
      text-align: center; } }
  .start-info p.body-l {
    font-family: "roboto-regular"; }
  .start-info .body-l {
    font-family: "roboto-medium"; }
    .start-info .body-l a {
      color: #1771cc; }

.start-error .body-s {
  color: #d0021b; }

.start-error i {
  color: #d0021b;
  margin: 0 5px; }

.summary-previous-answer .previous-answer {
  color: #4a4a4a; }
  .summary-previous-answer .previous-answer .table-services > tbody td {
    vertical-align: top;
    padding: 15px; }
    .summary-previous-answer .previous-answer .table-services > tbody td a {
      color: #1771cc;
      font-family: "roboto-medium";
      font-size: 18px;
      padding: 5px 0;
      text-decoration: underline; }
  .summary-previous-answer .previous-answer td .change-status {
    text-align: center; }
  .summary-previous-answer .previous-answer div .fa {
    color: #ed9f1b;
    padding-right: 10px; }
  .summary-previous-answer .previous-answer .table-header {
    font-family: "roboto-medium";
    font-size: 16px;
    padding: 8px 0 10px; }
    @media (min-width: 992px) {
      .summary-previous-answer .previous-answer .table-header {
        font-size: 18px; } }
    .summary-previous-answer .previous-answer .table-header .fa {
      color: #b8c42e;
      padding-right: 10px; }
    .summary-previous-answer .previous-answer .table-header span {
      font-family: "roboto-regular"; }
  .summary-previous-answer .previous-answer .body-l {
    font-family: "roboto-regular";
    padding: 0 0 10px; }
    @media (max-width: 767px) {
      .summary-previous-answer .previous-answer .body-l {
        font-size: 16px; } }
    .summary-previous-answer .previous-answer .body-l span {
      display: block;
      word-break: break-word; }
      @media (max-width: 767px) {
        .summary-previous-answer .previous-answer .body-l span {
          font-size: 16px; } }
  .summary-previous-answer .previous-answer .table-previuos-answer > tbody td span.answers {
    display: inline-block; }
  .summary-previous-answer .previous-answer .table-previuos-answer > tbody td i.fa {
    padding: 0 15px 0 0; }
    @media (max-width: 768px) {
      .summary-previous-answer .previous-answer .table-previuos-answer > tbody td i.fa {
        padding: 0 0 0 15px; } }
  .summary-previous-answer .previous-answer .table-header span {
    font-family: "roboto-medium"; }
  .summary-previous-answer .previous-answer .fa-ban:before {
    color: #ed9f1b; }
  .summary-previous-answer .previous-answer .fa-check-circle:before {
    color: #b8c42e; }

@media (max-width: 991px) {
  .add-customer {
    text-align: center; } }

.add-customer .fa {
  margin-left: 20px; }

@media (max-width: 991px) {
  .property-management .start-header {
    margin-top: 0; } }

@media (max-width: 768px) {
  .skip-now {
    text-align: center; } }

.leased-service {
  text-align: center; }
  .leased-service p {
    margin-bottom: 15px; }
  .leased-service .form-check a {
    color: #1771cc;
    font-family: "roboto-medium";
    font-size: inherit;
    font-weight: normal; }
  .leased-service .form-check label {
    padding-left: 35px;
    position: relative; }

.leased-balance .errorMessage, .leased-nobalance .errorMessage {
  padding: 15px 5px; }

.psemedium20 {
  color: #006671;
  font-family: "roboto-medium";
  font-size: 20px; }

.service-installation .start-header .body-l {
  font-size: 14px; }
  @media (min-width: 992px) {
    .service-installation .start-header .body-l {
      font-size: 18px; } }

.service-installation .start-header > p {
  color: #006671;
  font-family: "roboto-medium"; }

@media (max-width: 767px) {
  .start-sign-btn {
    text-align: center; } }

.start-sign-btn > a {
  border-radius: 47px;
  font-size: 20px; }
  @media (max-width: 767px) {
    .start-sign-btn > a:not(.pse-link-primary) {
      display: inline-block;
      margin-bottom: 30px; } }

.start-sign-btn .pse-link-primary {
  margin-left: 30px; }
  @media (max-width: 767px) {
    .start-sign-btn .pse-link-primary {
      display: block;
      margin-left: 0; } }
  .start-sign-btn .pse-link-primary > a {
    font-size: 20px;
    color: #197ee3; }
  .start-sign-btn .pse-link-primary > i {
    font-size: 20px;
    color: #197ee3; }

.mail-change hr {
  margin-top: 0; }

.mail-change a:hover, .mail-change a:focus {
  color: #1771cc; }

.mail-change p {
  font-family: "roboto-medium";
  font-size: 20px; }

.update-date label {
  display: block; }

.start-signin-help > a {
  color: #1771cc;
  font-family: "roboto-medium";
  font-size: inherit;
  text-decoration: underline; }

.start-btn {
  font-family: "roboto-medium";
  font-size: 20px; }

.skip-btn {
  padding: 20px; }
  @media (max-width: 767px) {
    .skip-btn {
      padding: 20px 10px; } }

.start-cancel-request .form-main .pse-page-color {
  margin: 10px 0; }

.start-cancel-request .cancel-request-btn {
  margin-top: 0; }
  @media (max-width: 767px) {
    .start-cancel-request .cancel-request-btn {
      text-align: left; } }
  .start-cancel-request .cancel-request-btn > a {
    display: inline-block;
    vertical-align: middle; }
    @media (max-width: 767px) {
      .start-cancel-request .cancel-request-btn > a:first-child {
        margin-top: 0; } }

.start-cancel-request .pse-page-color {
  color: #006671; }

.confirmation-landlord .service-info .address {
  margin-bottom: 25px; }

.confirmation-landlord .service-info .services {
  margin-bottom: 15px;
  margin-top: 15px; }

.income-employment .income-label {
  font-family: "roboto-medium";
  font-size: 18px; }

.address-validation .radio label {
  color: #575757; }

.address-validation p {
  color: #575757; }

.service-address-entry .h8 {
  font-size: 32px;
  line-height: 64px; }

.renewables-pagetitle-desc {
  text-align: left;
  margin-right: 175px;
  padding-left: 175px; }
  @media (max-width: 768px) {
    .renewables-pagetitle-desc {
      margin-right: 0;
      padding-left: 0; } }

.service-info h6 {
  border-bottom: solid 1px #d8d8d8;
  padding-bottom: 10px;
  font-size: 18px; }

.service-info span {
  display: block;
  font-size: 16px; }

@media (max-width: 767px) {
  .sstform .table-services {
    table-layout: fixed; } }

@media (max-width: 767px) {
  .sstform .table-services thead td {
    font-size: 18px; }
    .sstform .table-services thead td:first-child {
      width: 25%; }
    .sstform .table-services thead td:last-child {
      width: 35%; } }

.sstform#Summary .errorMessage, .helpText {
  top: 75px;
  position: absolute;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.5px; }

.sstform#stopSummaryForm .errorMessage, .helpText {
  top: 82px;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.5px;
  position: absolute;
  padding-left: 110px; }

.about-related-article {
  position: relative; }
  .about-related-article .latest-title {
    color: #1771cc;
    left: 50%;
    margin-left: -100px;
    position: absolute;
    top: -37px; }
  .about-related-article .article-section > h3 {
    color: #717171;
    margin-top: 60px; }
  .about-related-article .readmore {
    color: #1771cc;
    font-family: "roboto-condensed-bold";
    font-size: 18px;
    text-transform: capitalize; }
    .about-related-article .readmore + i {
      color: #1771cc;
      font-size: 18px; }
  .about-related-article .about-table-title h5 {
    color: #1771cc; }

.leadership-content h4 {
  margin-bottom: 0;
  margin-top: 0; }

.leadership-content .content-brief {
  margin-top: 15px; }

.leadership-section .show-content {
  color: #1771cc;
  font-family: "roboto-condensed-bold";
  font-size: 16px; }
  .leadership-section .show-content + i {
    color: #1771cc;
    font-size: 16px;
    margin-left: 5px; }

.more-content {
  display: none; }

.error-500-section {
  position: relative; }
  .error-500-section .error500-page {
    margin-bottom: 50px;
    margin-top: 50px; }

.about-sub-title {
  position: relative; }
  .about-sub-title .grey-title {
    font-size: 32px;
    left: 50%;
    margin-left: -75px;
    position: absolute;
    top: -30px; }
    .about-sub-title .grey-title h3 {
      color: #1771cc; }

.about-timeline .page-header {
  border: 0; }

.about-timeline .timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative; }

.about-timeline .timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: "";
  width: 3px;
  background-color: #003c4b;
  border: 3px solid #003c4b;
  left: 50%;
  margin-left: -1.5px; }
  @media (max-width: 768px) {
    .about-timeline .timeline:before {
      left: 6%; } }

.about-timeline .timeline > li {
  margin-bottom: 20px;
  position: relative; }

.about-timeline .timeline > li:before,
.about-timeline .timeline > li:after {
  content: " ";
  display: table; }

.about-timeline .timeline > li:after {
  clear: both; }

.about-timeline .timeline > li:before,
.about-timeline .timeline > li:after {
  content: " ";
  display: table; }

.about-timeline .timeline > li:after {
  clear: both; }

.about-timeline .timeline > li > .timeline-panel {
  width: 46%;
  float: left;
  border: 1px solid #e5ebf2;
  border-radius: 2px;
  padding: 20px;
  position: relative;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(139, 139, 139, 0.5);
  box-shadow: 0 2px 4px 0 rgba(139, 139, 139, 0.5); }
  @media (max-width: 768px) {
    .about-timeline .timeline > li > .timeline-panel {
      width: 82%; } }

.about-timeline .timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #e5ebf2;
  border-right: 0 solid #e5ebf2;
  border-bottom: 15px solid transparent;
  content: " "; }

.about-timeline .timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " "; }

.about-timeline .timeline > li > .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -25px;
  background-color: #fff;
  z-index: 100;
  border-radius: 50%;
  border: 8px solid #003c4b; }
  @media (max-width: 768px) {
    .about-timeline .timeline > li > .timeline-badge {
      left: 6%; } }

.about-timeline .timeline > li.timeline-inverted > .timeline-panel {
  float: right; }

.about-timeline .timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto; }

.about-timeline .timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto; }

.about-timeline .timeline-title {
  margin-top: 0;
  color: #4a4a4a;
  font-family: "raleway-bold";
  font-size: 18px;
  padding: 0 10px; }

.about-timeline p {
  color: #333333;
  font-size: 15px;
  text-align: justify;
  padding: 0 10px; }

.about-timeline .timeline-body > p,
.about-timeline .timeline-body > ul {
  margin-bottom: 0; }

.about-timeline .timeline-img {
  float: left;
  width: 40%; }
  @media (max-width: 768px) {
    .about-timeline .timeline-img {
      float: right; } }
  .about-timeline .timeline-img img {
    width: 100%; }

.about-timeline .timeline-body {
  float: right;
  width: 60%; }
  @media (max-width: 768px) {
    .about-timeline .timeline-body {
      float: left; } }

.about-timeline .timeline-content .timeline-img {
  float: left;
  width: 20%; }
  @media (max-width: 768px) {
    .about-timeline .timeline-content .timeline-img {
      float: right; } }
  .about-timeline .timeline-content .timeline-img .timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto; }
  .about-timeline .timeline-content .timeline-img .timeline > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto; }
  .about-timeline .timeline-content .timeline-img .timeline-title {
    margin-top: 0;
    color: #4a4a4a;
    font-family: "raleway-bold";
    font-size: 18px;
    padding: 0 10px; }
  .about-timeline .timeline-content .timeline-img p {
    color: #333333;
    font-size: 15px;
    text-align: justify;
    padding: 0 10px; }
  .about-timeline .timeline-content .timeline-img .timeline-body > p,
  .about-timeline .timeline-content .timeline-img .timeline-body > ul {
    margin-bottom: 0; }
  .about-timeline .timeline-content .timeline-img .timeline-img {
    float: left;
    width: 40%; }
    @media (max-width: 768px) {
      .about-timeline .timeline-content .timeline-img .timeline-img {
        float: right; } }
  .about-timeline .timeline-content .timeline-img .timeline-body {
    float: right;
    width: 60%; }
    @media (max-width: 768px) {
      .about-timeline .timeline-content .timeline-img .timeline-body {
        float: left; } }
  .about-timeline .timeline-content .timeline-img .timeline-content .timeline-img {
    float: left;
    width: 20%;
    padding-right: 10px; }
    @media (max-width: 768px) {
      .about-timeline .timeline-content .timeline-img .timeline-content .timeline-img {
        float: right; } }
    .about-timeline .timeline-content .timeline-img .timeline-content .timeline-img .img-responsive {
      width: 200px; }
  .about-timeline .timeline-content .timeline-img .timeline-content .timeline-body {
    float: right;
    width: 70%; }
    @media (max-width: 768px) {
      .about-timeline .timeline-content .timeline-img .timeline-content .timeline-body {
        float: left; } }

@media (max-width: 768px) {
  .timeline > li.timeline-inverted-mobile > .timeline-panel {
    float: right; }
  .timeline > li.timeline-inverted-mobile > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto; }
  .timeline > li.timeline-inverted-mobile > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto; } }

.pse-paragraph {
  margin-bottom: 20px; }

.preference-wrapper .item#e-newsletter .fade {
  display: none; }
  .preference-wrapper .item#e-newsletter .fade.in {
    display: block; }

.preference-wrapper .eletter-list > a {
  display: none; }

.preference-wrapper .eletter-list li a {
  border: none; }
  .preference-wrapper .eletter-list li a:hover {
    border: none;
    background: none; }

.media-about-us {
  margin-bottom: 20px; }
  @media (max-width: 768px) {
    .media-about-us .media-left {
      display: block;
      margin-bottom: 15px; } }

.quotation-a {
  background: #f6f6f6;
  margin: 0;
  width: 100%;
  padding: 40px 75px;
  position: relative; }
  .quotation-a:before, .quotation-a:after {
    display: block;
    position: absolute;
    font-size: 180px; }
  .quotation-a:before {
    content: open-quote;
    line-height: 0px;
    left: 25px; }
  .quotation-a:after {
    content: close-quote;
    right: 35px;
    bottom: -170px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1); }

.quotation-b {
  background: #f1f9f8;
  width: 100%;
  padding: 40px 75px;
  position: relative; }
  .quotation-b:before, .quotation-b:after {
    display: block;
    position: absolute;
    font-size: 90px; }
  .quotation-b:before {
    content: open-quote;
    line-height: 15px;
    left: 25px; }
  .quotation-b:after {
    content: close-quote;
    right: 25px;
    bottom: -65px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1); }

.quotation-c {
  background: #f0f0f0;
  padding: 40px 75px;
  width: 100%; }
  .quotation-c .fs24 {
    font-size: 24px;
    position: relative; }
    .quotation-c .fs24::before, .quotation-c .fs24::after {
      display: block;
      font-size: 24px;
      position: absolute; }
    .quotation-c .fs24::before {
      content: open-quote;
      left: -8px;
      top: 0; }
    .quotation-c .fs24::after {
      content: close-quote;
      display: inline; }

.quotation-a, .quotation-b, .quotation-c {
  margin-bottom: 20px; }

.quote-fancy-border {
  border: 2px solid transparent;
  background-image: linear-gradient(to right, #242424 25%, #fff 25%, #fff 50%, #242424 50%, #242424 75%, #fff 75%), linear-gradient(to bottom, #fff 25%, #fff 25%, #fff 50%, #242424 50%, #242424 75%, #242424 75%), linear-gradient(to left, #242424 25%, #fff 25%, #fff 50%, #242424 50%, #242424 75%, #fff 75%), linear-gradient(to top, #fff 25%, #fff 25%, #fff 50%, #242424 50%, #242424 75%, #242424 75%);
  background-origin: border-box;
  background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
  background-position: top left, top right, bottom right, bottom left;
  background-repeat: no-repeat;
  padding-top: 50px; }

.quotation {
  margin-top: 45px; }

.top-container-settings {
  margin-top: 30px; }

.container-settings .preference-center {
  margin-bottom: 0;
  padding-bottom: 0; }

.container-settings .preference-container .preference-wrapper .item-content {
  background-color: #fff !important; }

.preference-container {
  background: #f6f6f6;
  margin-top: 20px; }
  .preference-container .preference-wrapper {
    margin: 45px 0 70px;
    background: #fff;
    padding-bottom: 35px;
    border: 1px solid #d8d8d8; }
    @media (max-width: 991px) {
      .preference-container .preference-wrapper {
        margin: 30px 0 70px 0; } }
  .preference-container [data-preference-tabs] li {
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-bottom: 1px solid rgba(74, 74, 74, 0.17);
    border-left: 0;
    border-right: 0;
    border-top: 0;
    margin: 0 26px; }
    .preference-container [data-preference-tabs] li a {
      color: #717171;
      padding: 30px 17px;
      text-decoration: none;
      font-size: 18px; }
      .preference-container [data-preference-tabs] li a.active {
        background: transparent;
        color: #006671;
        font-family: "roboto-bold"; }

@media (max-width: 991px) {
  .preference-wrapper.tabbed-content .tabs {
    display: none; }
  .preference-wrapper.tabbed-content .item {
    padding: 25px 0;
    position: relative;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16); }
    .preference-wrapper.tabbed-content .item::before {
      content: attr(data-title);
      font-size: 18px;
      color: #717171;
      padding: 25px 15px; }
    .preference-wrapper.tabbed-content .item::after {
      content: '\f067';
      font-family: fontawesome;
      position: absolute;
      top: 28px;
      right: 28px;
      font-size: 19px;
      color: #717171; }
    .preference-wrapper.tabbed-content .item .item-content {
      opacity: 0;
      visibility: hidden;
      height: 0; } }
  @media (max-width: 991px) and (max-width: 991px) {
    .preference-wrapper.tabbed-content .item.active {
      padding-bottom: 0; } }

@media (max-width: 991px) {
    .preference-wrapper.tabbed-content .item.active::before {
      color: #006671;
      font-family: "roboto-medium"; }
    .preference-wrapper.tabbed-content .item.active .item-content {
      opacity: 1;
      visibility: visible;
      height: auto;
      margin-top: 22px;
      padding: 30px 15px;
      box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.16); }
      .preference-wrapper.tabbed-content .item.active .item-content h5 {
        margin: 0 0 14px 0;
        font-size: 24px; }
    .preference-wrapper.tabbed-content .item.active::after {
      content: '\f068'; } }

@media (min-width: 992px) {
  .preference-wrapper.tabbed-content .tabs {
    display: block; }
    .preference-wrapper.tabbed-content .tabs li {
      display: inline-block; }
      .preference-wrapper.tabbed-content .tabs li a {
        display: block; }
  .preference-wrapper.tabbed-content .item {
    min-height: 0;
    display: none;
    border-left: 2px solid #d8d8d8;
    margin-top: 29px; }
    .preference-wrapper.tabbed-content .item::before {
      display: none; }
    .preference-wrapper.tabbed-content .item.active {
      width: 75%;
      display: inline-block; }
      .preference-wrapper.tabbed-content .item.active .item-content {
        padding: 0 18px 0 30px; }
        .preference-wrapper.tabbed-content .item.active .item-content h5 {
          margin-top: 0; }
        .preference-wrapper.tabbed-content .item.active .item-content .btn-action {
          font-size: 20px;
          font-family: "roboto-condensed-bold";
          line-height: 0;
          height: 40px;
          border-radius: 47px; }
  .preference-wrapper.tabbed-content.tabs-side .tabs {
    width: 25%;
    float: left; }
    .preference-wrapper.tabbed-content.tabs-side .tabs li {
      display: block; } }

/************************************* sub-nav****************************************************************/
.preference-wrapper.tabbed-content .sub-navigation > a {
  margin-bottom: 0; }

.preference-wrapper.tabbed-content .eletter-list {
  padding-left: 40px; }
  .preference-wrapper.tabbed-content .eletter-list li {
    border: none;
    padding-top: 0;
    padding-bottom: 0; }
    .preference-wrapper.tabbed-content .eletter-list li a {
      border: none;
      padding-top: 0;
      padding-bottom: 15px;
      display: block; }

.preference-wrapper.tabbed-content .sub-navigation ul {
  border-bottom: none; }
  .preference-wrapper.tabbed-content .sub-navigation ul li {
    margin-left: 0; }

.preference-wrapper.tabbed-content .vertical-navigation-list.pref-data-tabs li a::after {
  top: 42% !important;
  width: 25px;
  right: 12px !important; }

@media only screen and (max-width: 767px) {
  .preference-wrapper.tabbed-content .sub-navigation li {
    width: 100%;
    margin-left: 0; }
    .preference-wrapper.tabbed-content .sub-navigation li.active a {
      background: transparent;
      color: #006671;
      font-family: "roboto-bold"; }
  .preference-wrapper.tabbed-content .pref-data-tabs .sub-navigation li a::after {
    content: ""; } }

.pref-data-content .item-content .container {
  width: auto !important;
  padding: 0 !important; }

.pse-accordion-group .pse-accordion {
  border-radius: 0; }
  @media (min-width: 992px) {
    .pse-accordion-group .pse-accordion .panel-body {
      padding-left: 35px; } }

.pse-accordion-group .panel-heading, .pse-accordion-group .panel-title {
  padding: 0; }

.pse-accordion-group .panel-title {
  font-size: 24px;
  background-color: #fff; }
  @media (max-width: 768px) {
    .pse-accordion-group .panel-title {
      font-size: 22px; } }
  .pse-accordion-group .panel-title a {
    color: #4a4a4a;
    display: block;
    font-family: "roboto-light";
    padding: 25px 35px;
    text-decoration: none;
    font-size: 24px; }
    @media (max-width: 768px) {
      .pse-accordion-group .panel-title a {
        padding: 10px; } }

.accordion-section {
  padding-top: 30px; }

.pse-container .accordion .toggle-header .label {
  position: inherit; }

.pse-container .accordion .toggle-header .label .field-heading {
  white-space: normal; }

.renew-wrap .about-related-links {
  padding: 0 15px; }

.about-related-links {
  margin: 0;
  padding: 30px 15px; }

.related-menu li {
  display: inline-block; }
  .related-menu li:first-child a {
    border: 0;
    padding-left: 0; }
  .related-menu li a {
    border-left: 1px solid #717171;
    color: #1771cc;
    font-size: 16px;
    padding: 0 10px; }

.simple-accordion p.collapsed[data-toggle="collapse"]:before {
  content: "\f105";
  font-family: 'FontAwesome'; }

.simple-accordion p[data-toggle="collapse"]:before {
  content: "\f107";
  font-family: 'FontAwesome'; }

.video-gallery {
  padding-bottom: 30px;
  padding-top: 30px; }
  @media (max-width: 768px) {
    .video-gallery {
      padding: 30px 25px; } }
  .video-gallery .video-title {
    font-size: 24px;
    font-family: "roboto-regular"; }
    @media (max-width: 768px) {
      .video-gallery .video-title {
        font-size: 20px;
        font-family: "roboto-medium"; } }
  .video-gallery .video-slider .slick-slide {
    height: 40px !important; }
  .video-gallery .video-slider .slick-list.draggable {
    height: auto !important; }
  .video-gallery .video-slider .topic-content {
    padding: 0 20px; }
  .video-gallery .video-slider .video-wrapper {
    height: 0;
    padding-bottom: 52.25%;
    /* 16:9 */
    padding-top: 25px;
    position: relative; }
    .video-gallery .video-slider .video-wrapper video {
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }
  .video-gallery .video-slider .slick-arrow {
    border-radius: 50%;
    height: 62px;
    margin-top: -31px;
    top: 34%;
    transform: none;
    width: 62px;
    z-index: 1000; }
    @media (max-width: 768px) {
      .video-gallery .video-slider .slick-arrow {
        height: 30px;
        margin-top: -15px;
        top: 16%;
        width: 30px; } }
    .video-gallery .video-slider .slick-arrow::before {
      font-family: 'Fontawesome';
      content: '\f054';
      color: #898f9e;
      font-size: 30px; }
    .video-gallery .video-slider .slick-arrow.slick-next {
      right: -35px; }
      @media (max-width: 768px) {
        .video-gallery .video-slider .slick-arrow.slick-next {
          right: -15px; } }
      .video-gallery .video-slider .slick-arrow.slick-next::before {
        content: '\f054'; }
    .video-gallery .video-slider .slick-arrow.slick-prev {
      left: -35px; }
      @media (max-width: 768px) {
        .video-gallery .video-slider .slick-arrow.slick-prev {
          left: -15px; } }
      .video-gallery .video-slider .slick-arrow.slick-prev::before {
        content: '\f053'; }
  .video-gallery .video-slider .slick-current.slick-active {
    height: auto !important; }
  .video-gallery .video-thumbnails .thumb-img {
    border: 2px solid transparent;
    padding: 10px; }
    .video-gallery .video-thumbnails .thumb-img img {
      height: auto;
      max-width: 100%;
      margin: 0 auto; }
  .video-gallery .video-thumbnails .slick-current .thumb-img {
    border-color: #dddddd; }
  .video-gallery .video-thumbnails .slick-prev {
    left: -15px; }
  .video-gallery .video-thumbnails .slick-next {
    right: -15px; }
  .video-gallery .video-thumbnails .slick-arrow {
    background: #242424;
    border-radius: 50%;
    height: 50px;
    top: 50%;
    width: 50px;
    z-index: 1000; }
    @media (max-width: 768px) {
      .video-gallery .video-thumbnails .slick-arrow {
        width: 12%;
        height: 30px; } }
  .video-gallery .video-thumbnails .slick-slide {
    height: auto; }

.pse-video-gallery .slick-slide img {
  width: 100%; }

.pse-video-gallery .video-slider .video-wrapper {
  overflow: hidden; }

.pse-video-gallery .video-placeholder {
  background: #4a4a4a;
  height: 100%;
  width: 100%;
  display: block; }

.pse-video-gallery .video-thumbnails .thumb-img {
  background-position: center center;
  background-size: cover;
  height: 168px;
  position: relative;
  width: 98% !important;
  border-bottom: 5px solid transparent;
  padding-bottom: 6px; }
  @media (max-width: 768px) {
    .pse-video-gallery .video-thumbnails .thumb-img {
      height: 66px; } }
  .pse-video-gallery .video-thumbnails .thumb-img img {
    width: 100%;
    height: 160px; }
  .pse-video-gallery .video-thumbnails .thumb-img .play-btn {
    top: 10px;
    color: #fff;
    font-size: 45px;
    left: 10px;
    position: absolute; }

.pse-video-gallery .video-thumbnails .slick-prev::before {
  content: "\f104";
  font-family: fontAwesome;
  font-size: 44px; }
  @media (max-width: 768px) {
    .pse-video-gallery .video-thumbnails .slick-prev::before {
      font-size: 30px; } }

.pse-video-gallery .video-thumbnails .slick-next::before {
  content: "\f105";
  font-family: fontAwesome;
  font-size: 44px; }
  @media (max-width: 768px) {
    .pse-video-gallery .video-thumbnails .slick-next::before {
      font-size: 30px; } }

.pse-video-gallery .video-thumbnails .slick-current .thumb-img {
  border-bottom: 5px solid #006671;
  padding-bottom: 6px; }
  @media (max-width: 768px) {
    .pse-video-gallery .video-thumbnails .slick-current .thumb-img {
      padding-bottom: 1px; } }
  .pse-video-gallery .video-thumbnails .slick-current .thumb-img img {
    width: 100%; }

.pse-video-gallery .video-thumbnails .thumb-img {
  padding: 0 0 0px 0;
  border: none; }

.pse-video-gallery .video-slider .topic-content {
  padding: 0; }

.pse-video-gallery .video-slider .slick-arrow.slick-next::before {
  content: "\f105" !important;
  font-size: 60px !important; }

.pse-video-gallery .video-slider .slick-arrow.slick-prev::before {
  content: "\f104" !important;
  font-size: 60px !important; }

.pse-video-gallery iframe {
  width: 100%;
  height: 560px; }
  @media (max-width: 768px) {
    .pse-video-gallery iframe {
      height: auto; } }

.pse-video-gallery .transcriptContainer {
  text-align: right; }
  .pse-video-gallery .transcriptContainer a:focus {
    outline: none; }
  .pse-video-gallery .transcriptContainer .collapse {
    border: 1px solid #4a4a4a;
    padding: 10px;
    text-align: left; }

.pse-video-gallery .video-size-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  transform-origin: 50% 50%; }

.back-next-link .h8 {
  color: #1771cc;
  font-size: 20px;
  text-transform: uppercase; }
  .back-next-link .h8 a {
    color: #1771cc;
    font-size: 20px;
    text-transform: uppercase; }
    .back-next-link .h8 a:hover, .back-next-link .h8 a:focus {
      color: #004A94; }

.back-next-link .fa {
  color: #1771cc;
  font-size: 18px;
  margin: 5px 5px 0; }

.back-submit .h8 {
  display: inline-block;
  margin: 10px 30px 10px 0; }
  .back-submit .h8 a {
    color: #1771cc;
    font-size: 20px; }
    .back-submit .h8 a:hover, .back-submit .h8 a:focus, .back-submit .h8 a:active {
      color: #1771cc;
      outline: 0;
      text-decoration: none; }

.back-submit a:hover, .back-submit a:focus, .back-submit a:active {
  color: #fff;
  outline: 0; }

.manage-rental-datatable {
  margin-top: 15px; }
  .manage-rental-datatable h5 {
    font-size: 42px;
    font-family: "roboto-light";
    color: #4a4a4a; }
    @media (max-width: 768px) {
      .manage-rental-datatable h5 {
        font-size: 30px; } }
  .manage-rental-datatable p {
    font-family: "roboto-regular";
    font-size: 16px;
    color: #4a4a4a; }
    @media (max-width: 768px) {
      .manage-rental-datatable p {
        font-size: 16px; } }
  @media (max-width: 768px) {
    .manage-rental-datatable #manage-rental-export-csv {
      display: none; } }
  .manage-rental-datatable .table-responsive {
    border: 0;
    margin: 0 0; }
  .manage-rental-datatable .pse-table {
    margin: 30px 0 10px; }
  .manage-rental-datatable #manage-rental-table_filter {
    display: block !important;
    float: left;
    position: relative;
    margin-bottom: 42px; }
    @media (max-width: 768px) {
      .manage-rental-datatable #manage-rental-table_filter {
        width: 100%; } }
    .manage-rental-datatable #manage-rental-table_filter label {
      width: 100%; }
      .manage-rental-datatable #manage-rental-table_filter label.text-hide {
        position: relative; }
        .manage-rental-datatable #manage-rental-table_filter label.text-hide span {
          font-size: 20px;
          color: black;
          text-shadow: none;
          background-color: transparent;
          position: absolute;
          right: 15px;
          bottom: 14px; }
          @media (max-width: 768px) {
            .manage-rental-datatable #manage-rental-table_filter label.text-hide span {
              bottom: 15px; } }
          .manage-rental-datatable #manage-rental-table_filter label.text-hide span .fa {
            color: #717171; }
    .manage-rental-datatable #manage-rental-table_filter .table-search {
      width: 494px;
      margin-top: 12px;
      border-radius: 0;
      padding-right: 40px;
      border: 1px solid #9b9b9b;
      height: 48px;
      color: #717171;
      font-size: 18px;
      font-family: "roboto-regular";
      margin-left: 0; }
      @media (max-width: 768px) {
        .manage-rental-datatable #manage-rental-table_filter .table-search {
          width: 100%;
          height: 66px; } }
      .manage-rental-datatable #manage-rental-table_filter .table-search::placeholder {
        font-size: 18px;
        font-family: "roboto-regular";
        color: #717171; }
        @media (max-width: 768px) {
          .manage-rental-datatable #manage-rental-table_filter .table-search::placeholder {
            color: #717171;
            font-size: 20px;
            font-family: "roboto-light";
            position: relative;
            top: 8px; } }
    .manage-rental-datatable #manage-rental-table_filter .typeahead {
      width: 100%;
      top: 55px;
      border-radius: 0; }
      .manage-rental-datatable #manage-rental-table_filter .typeahead li a {
        padding: 15px 20px;
        font-size: 18px;
        font-family: "roboto-regular";
        font-weight: bold;
        color: #4a4a4a; }
      .manage-rental-datatable #manage-rental-table_filter .typeahead li.active a {
        background-color: #f1f9f8; }
  @media (max-width: 768px) {
    .manage-rental-datatable #manage-rental-table th[data-filter="data-activity-filter"] .sort-icon::after {
      content: '\f0dc' !important; } }
  .manage-rental-datatable #manage-rental-table th[data-filter="data-activity-filter"].sorting_asc .sort-icon {
    border-bottom: 2px solid; }
    .manage-rental-datatable #manage-rental-table th[data-filter="data-activity-filter"].sorting_asc .sort-icon::after {
      content: '\f176' !important; }
  .manage-rental-datatable #manage-rental-table th[data-filter="data-activity-filter"].sorting_desc .sort-icon {
    border-bottom: 2px solid; }
    .manage-rental-datatable #manage-rental-table th[data-filter="data-activity-filter"].sorting_desc .sort-icon::after {
      content: "" !important; }
  .manage-rental-datatable #manage-rental-table tbody tr {
    height: 86px; }
    .manage-rental-datatable #manage-rental-table tbody tr.odd {
      background-color: #f1f9f8; }
    .manage-rental-datatable #manage-rental-table tbody tr:hover {
      background-color: inherit; }
    .manage-rental-datatable #manage-rental-table tbody tr td {
      padding-left: 27px; }
      .manage-rental-datatable #manage-rental-table tbody tr td .select-action select {
        width: 220px; }
        @media (max-width: 768px) {
          .manage-rental-datatable #manage-rental-table tbody tr td .select-action select {
            width: 100%; } }
        .manage-rental-datatable #manage-rental-table tbody tr td .select-action select option {
          overflow-wrap: break-word;
          border: 1px solid #4a4a4a; }
      .manage-rental-datatable #manage-rental-table tbody tr td .form-group {
        margin: 10px 0; }
        @media (max-width: 768px) {
          .manage-rental-datatable #manage-rental-table tbody tr td .form-group {
            padding-right: 15px; } }
      .manage-rental-datatable #manage-rental-table tbody tr td .custom-select-arrow::after {
        bottom: 20px;
        color: #717171;
        content: '\f078';
        font-family: fontawesome;
        font-size: 18px;
        padding-right: 10px;
        pointer-events: none;
        padding-left: 5px;
        position: absolute;
        background-color: white;
        right: 16px;
        margin-right: 6.5px; }
        @media (max-width: 768px) {
          .manage-rental-datatable #manage-rental-table tbody tr td .custom-select-arrow::after {
            right: 10px; } }
      .manage-rental-datatable #manage-rental-table tbody tr td .custom-select-arrow select {
        font-family: "roboto-light";
        font-size: 21px;
        border: 1px solid #979797;
        padding: 10px;
        border-radius: 0;
        margin-bottom: 0; }
        @media (max-width: 768px) {
          .manage-rental-datatable #manage-rental-table tbody tr td .custom-select-arrow select {
            padding: 0;
            height: 45px; } }
      .manage-rental-datatable #manage-rental-table tbody tr td .custom-select-arrow.custom-textfield {
        position: relative;
        height: 66px;
        background-color: #fff; }
      .manage-rental-datatable #manage-rental-table tbody tr td.sorting_1 {
        background-color: transparent; }
      @media (max-width: 768px) {
        .manage-rental-datatable #manage-rental-table tbody tr td:not(:first-child) {
          display: none; } }
      .manage-rental-datatable #manage-rental-table tbody tr td p {
        color: #4a4a4a;
        font-size: 18px;
        font-family: "roboto-regular"; }
      .manage-rental-datatable #manage-rental-table tbody tr td .btn-action {
        font-size: 16px;
        border-radius: 20px; }
        @media (max-width: 768px) {
          .manage-rental-datatable #manage-rental-table tbody tr td .btn-action {
            margin-top: 10px; } }

#rental-unit-history-table tbody tr td a.download-rental-bill {
  color: #1771cc; }

#rental-unit-history-table tbody tr td a.open-rental-inserturl {
  color: #1771cc; }

#rental-unit-history-table tbody tr td .rental-activity-data {
  font-size: 16px;
  color: #4a4a4a; }
  @media (max-width: 768px) {
    #rental-unit-history-table tbody tr td .rental-activity-data {
      font-size: 14px; }
      #rental-unit-history-table tbody tr td .rental-activity-data span {
        display: inline-block;
        vertical-align: top; } }
    @media (max-width: 768px) and (max-width: 768px) {
      #rental-unit-history-table tbody tr td .rental-activity-data span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 55%; } }

@media (max-width: 768px) {
  #rental-unit-history-table tbody tr td .pay-link {
    color: #1771cc;
    font-weight: 500; } }

.manage-premises-datatable .manage-btn-wrap {
  text-align: right;
  margin-top: 18px; }
  .manage-premises-datatable .manage-btn-wrap .pse-btn-secondary a {
    font-size: 20px; }
    @media (max-width: 768px) {
      .manage-premises-datatable .manage-btn-wrap .pse-btn-secondary a {
        font-size: 16px; } }
  @media (max-width: 768px) {
    .manage-premises-datatable .manage-btn-wrap {
      text-align: center; } }

.manage-premises-datatable .pse-datatable {
  margin: 20px 0 100px; }
  .manage-premises-datatable .pse-datatable thead th .sort-icon::after {
    margin-left: 5px; }
  .manage-premises-datatable .pse-datatable .manage-app-link {
    float: right;
    position: relative;
    top: 20px;
    z-index: 1; }
    @media (max-width: 768px) {
      .manage-premises-datatable .pse-datatable .manage-app-link.hidden-xs {
        display: none !important; } }

@media (max-width: 768px) {
  .manage-premises-datatable .table-responsive {
    border: 0; } }

.manage-premises-datatable .dataTables_wrapper {
  margin-top: 20px; }

.manage-premises-datatable .btn-action {
  border-radius: 47px;
  font-size: 18px; }
  @media (max-width: 768px) {
    .manage-premises-datatable .btn-action {
      margin-top: 15px; } }

.manage-premises-datatable #manage-premises-table_filter {
  display: block !important;
  float: left;
  width: 33.5%;
  position: relative;
  bottom: 30px; }
  @media (max-width: 768px) {
    .manage-premises-datatable #manage-premises-table_filter {
      width: 100%; } }
  .manage-premises-datatable #manage-premises-table_filter label {
    width: 100%;
    position: relative; }
    .manage-premises-datatable #manage-premises-table_filter label.text-hide span {
      font-size: 20px;
      color: black;
      text-shadow: none;
      background-color: transparent;
      position: relative;
      left: 100px;
      bottom: 30px; }
      @media (max-width: 768px) {
        .manage-premises-datatable #manage-premises-table_filter label.text-hide span {
          bottom: 30%;
          left: auto;
          position: absolute;
          right: 5%; } }
      .manage-premises-datatable #manage-premises-table_filter label.text-hide span .fa {
        color: #717171; }
  .manage-premises-datatable #manage-premises-table_filter input {
    width: 494px;
    margin-top: 12px;
    border-radius: 0;
    padding-right: 40px;
    border: 1px solid #9b9b9b;
    height: 45px;
    font-size: 18px;
    font-family: "roboto-regular";
    margin-left: 0; }
    .manage-premises-datatable #manage-premises-table_filter input:placeholder {
      color: #717171;
      font-family: "roboto-light";
      font-size: 20px; }
    @media (max-width: 768px) {
      .manage-premises-datatable #manage-premises-table_filter input {
        width: 100%;
        height: 66px; } }
  .manage-premises-datatable #manage-premises-table_filter .typeahead {
    width: 100%;
    top: 55px;
    border-radius: 0; }
    .manage-premises-datatable #manage-premises-table_filter .typeahead li a {
      padding: 15px 20px;
      font-size: 18px;
      font-family: "roboto-regular";
      font-weight: bold;
      color: #4a4a4a; }
    .manage-premises-datatable #manage-premises-table_filter .typeahead li.active a {
      background-color: #f1f9f8; }

@media (max-width: 768px) {
  .manage-premises-datatable #manage-premises-table th[data-filter="data-activity-filter"] .sort-icon::after {
    content: "" !important; } }

.manage-premises-datatable #manage-premises-table th[data-filter="data-activity-filter"].sorting_asc .sort-icon {
  border-bottom: 2px solid; }
  .manage-premises-datatable #manage-premises-table th[data-filter="data-activity-filter"].sorting_asc .sort-icon::after {
    content: '\f176' !important; }

.manage-premises-datatable #manage-premises-table th[data-filter="data-activity-filter"].sorting_desc .sort-icon {
  border-bottom: 2px solid; }
  .manage-premises-datatable #manage-premises-table th[data-filter="data-activity-filter"].sorting_desc .sort-icon::after {
    content: "" !important; }

.manage-premises-datatable #manage-premises-table tbody tr {
  height: 86px; }
  .manage-premises-datatable #manage-premises-table tbody tr.odd {
    background-color: #f1f9f8; }
  .manage-premises-datatable #manage-premises-table tbody tr:hover {
    background-color: inherit; }
  .manage-premises-datatable #manage-premises-table tbody tr td .form-control {
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 18px;
    line-height: 1.42857;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .manage-premises-datatable #manage-premises-table tbody tr td .select-action select {
    width: 212px; }
    @media (max-width: 768px) {
      .manage-premises-datatable #manage-premises-table tbody tr td .select-action select {
        width: 100%; } }
    .manage-premises-datatable #manage-premises-table tbody tr td .select-action select option {
      overflow-wrap: break-word;
      border: 1px solid #4a4a4a; }
  .manage-premises-datatable #manage-premises-table tbody tr td .select-action .form-control {
    height: 40px; }
  .manage-premises-datatable #manage-premises-table tbody tr td .form-group {
    margin: 10px 0; }
    @media (max-width: 768px) {
      .manage-premises-datatable #manage-premises-table tbody tr td .form-group {
        padding-right: 15px; } }
  .manage-premises-datatable #manage-premises-table tbody tr td .custom-select-arrow::after {
    bottom: 20px;
    color: #717171;
    content: '\f078';
    font-family: fontawesome;
    font-size: 18px;
    padding-right: 10px;
    pointer-events: none;
    padding-left: 5px;
    position: absolute;
    background-color: white;
    right: 10px;
    margin-right: 6.5px; }
    @media (max-width: 768px) {
      .manage-premises-datatable #manage-premises-table tbody tr td .custom-select-arrow::after {
        right: 10px; } }
  .manage-premises-datatable #manage-premises-table tbody tr td .custom-select-arrow select {
    font-family: "roboto-light";
    font-size: 21px;
    border: 1px solid #979797;
    padding: 10px;
    border-radius: 0;
    margin-bottom: 0; }
    @media (max-width: 768px) {
      .manage-premises-datatable #manage-premises-table tbody tr td .custom-select-arrow select {
        font-size: 18px;
        padding: 5px;
        height: 45px; } }
  .manage-premises-datatable #manage-premises-table tbody tr td .custom-select-arrow.custom-textfield {
    position: relative;
    height: 66px;
    background-color: #fff; }
  .manage-premises-datatable #manage-premises-table tbody tr td.sorting_1 {
    background-color: transparent; }
  .manage-premises-datatable #manage-premises-table tbody tr td p {
    color: #4a4a4a;
    font-size: 16px;
    font-family: "roboto-regular"; }

.manage-premises-datatable #manage-premises-table tbody .btn-action {
  font-size: 16px;
  border-radius: 20px; }
  @media (max-width: 768px) {
    .manage-premises-datatable #manage-premises-table tbody .btn-action {
      margin-top: 10px; } }

.manage-premises-datatable .title-btn-container .manage-btn-wrap {
  margin-top: 60px; }
  @media (max-width: 768px) {
    .manage-premises-datatable .title-btn-container .manage-btn-wrap {
      margin-top: 20px; } }
  @media (max-width: 768px) {
    .manage-premises-datatable .title-btn-container .manage-btn-wrap .pse-form-btn.visible-xs {
      display: block !important;
      margin-top: 20px; } }

#CommonManageMyPremises .main-container {
  margin-bottom: 10px; }

.progress-tracker {
  position: relative;
  z-index: 1;
  margin-top: 45px; }
  @media (max-width: 767px) {
    .progress-tracker .form-progress-tracker .form-step {
      width: auto; } }
  .progress-tracker .form-progress-tracker .form-step .step-status {
    float: left;
    position: absolute;
    top: 50%;
    margin-top: -18px;
    left: 0; }
    .progress-tracker .form-progress-tracker .form-step .step-status::before {
      top: 6px; }
  .progress-tracker .form-progress-tracker .form-step .step-label {
    position: relative;
    display: block;
    margin-left: 46px;
    width: auto;
    text-align: left;
    min-height: 40px;
    max-width: calc(100% - 95px);
    word-wrap: break-word; }
    .progress-tracker .form-progress-tracker .form-step .step-label::after {
      height: auto;
      width: 55px;
      right: -50px;
      z-index: -1; }
    .progress-tracker .form-progress-tracker .form-step .step-label span {
      display: inline-block;
      padding: 0 10px 0 0;
      background: #fff;
      position: relative;
      z-index: 2; }
    .progress-tracker .form-progress-tracker .form-step .step-label small {
      color: #717171;
      font-size: 12px;
      font-family: "roboto-medium";
      display: block;
      padding: 0 10px 0 0;
      position: absolute;
      z-index: 1; }

.progress-wrapper {
  position: relative; }

body {
  color: #4a4a4a; }

.anchor-link {
  font-family: "roboto-medium";
  font-size: 16px;
  color: #1771cc;
  text-decoration-line: underline #1771cc; }
  .anchor-link:hover {
    color: #1771cc;
    text-decoration-line: underline #1771cc; }

.address-detail,
.stop-service-access {
  background-color: #f6f6f6;
  padding: 15px; }

.stop-service-access {
  display: none; }

.service-details p {
  margin: 0; }
  .service-details p:first-of-type {
    font-family: "roboto-medium";
    font-size: 18px;
    border-bottom: 1px solid #d8d8d8;
    padding: 3% 0; }

.stopped-services-address .page-title p:first-of-type {
  font-family: "roboto-regular";
  font-size: 18px; }

.stopped-services-address .page-title .body-xl {
  font-family: "roboto-medium";
  font-size: 20px;
  color: #006671; }

.back-next-link a:hover {
  text-decoration: none;
  color: #004A94; }

.btn-description {
  font-family: "roboto-regular";
  font-size: 16px;
  margin-left: 17px; }

.options-button .btn:active, .options-button .btn:focus {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.options-button label:not(.error) {
  white-space: normal;
  text-align: left;
  position: relative;
  display: block;
  font-family: "roboto-regular";
  font-size: 16px; }
  .options-button label:not(.error) .form-check-input {
    position: absolute;
    left: 0; }

.options-button .depreciation {
  margin: 27px 0; }
  .options-button .depreciation a {
    text-decoration: underline; }

@media (max-width: 768px) {
  .confirmation-content {
    text-align: center; } }

.mailing-address {
  margin: 0 0 15px; }
  .mailing-address span {
    display: block; }
    @media (max-width: 768px) {
      .mailing-address span {
        font-family: "roboto-regular";
        font-size: 18px;
        text-align: center; } }

.stop-date .input-group.date {
  width: 100%; }
  .stop-date .input-group.date .input-group-addon .fa.fa-calendar:before {
    position: relative;
    z-index: 2;
    top: 0;
    font-size: 20px; }

.startservice-common .start-img {
  width: 112px;
  height: 112px;
  position: relative;
  padding: 0; }
  @media (max-width: 768px) {
    .startservice-common .start-img {
      width: 64px;
      height: 64px; } }
  .startservice-common .start-img img {
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: auto;
    height: 40%;
    max-width: 50%; }
  .startservice-common .start-img .img-active {
    display: none; }
  .startservice-common .start-img .img-inactive {
    display: block; }
  .startservice-common .start-img:hover, .startservice-common .start-img:active, .startservice-common .start-img.active {
    cursor: pointer;
    background-color: #006671; }
    .startservice-common .start-img:hover .img-active, .startservice-common .start-img:active .img-active, .startservice-common .start-img.active .img-active {
      display: block; }
    .startservice-common .start-img:hover .img-inactive, .startservice-common .start-img:active .img-inactive, .startservice-common .start-img.active .img-inactive {
      display: none; }

.nobullet .service-bullets .pse-bullet li::before {
  height: 0; }

.service-bullets .body-l {
  font-family: "roboto-condensed-bold";
  font-size: 18px; }

.service-bullets .lists > p {
  margin: 0;
  font-family: "roboto-regular";
  font-size: 18px; }

.service-bullets .pse-bullet li {
  font-family: "roboto-regular";
  font-size: 18px; }

.pse-bullet li {
  line-height: 25px;
  font-size: 16px; }

@media (max-width: 768px) {
  .stop-confirmation-res .mailing-address span,
  .stop-confirmation-biz .mailing-address span,
  .move-service-confirmation-biz .mailing-address span,
  .move-service-confirmation-res .mailing-address span,
  .move-service-confirmation-ll .mailing-address span,
  .stopconfirmation-biz .mailing-address span,
  .stopconfirmation-res .mailing-address span,
  .stopconfirmation-ll .mailing-address span,
  .start-confirmation .mailing-address span {
    font-family: "roboto-regular";
    font-size: 16px;
    text-align: left; } }

.stop-confirmation-res .service-bullets .body-l,
.stop-confirmation-biz .service-bullets .body-l,
.move-service-confirmation-biz .service-bullets .body-l,
.move-service-confirmation-res .service-bullets .body-l,
.move-service-confirmation-ll .service-bullets .body-l,
.stopconfirmation-biz .service-bullets .body-l,
.stopconfirmation-res .service-bullets .body-l,
.stopconfirmation-ll .service-bullets .body-l,
.start-confirmation .service-bullets .body-l {
  font-family: "roboto-medium";
  font-size: 18px; }

.stop-confirmation-res .service-bullets .lists > p,
.stop-confirmation-biz .service-bullets .lists > p,
.move-service-confirmation-biz .service-bullets .lists > p,
.move-service-confirmation-res .service-bullets .lists > p,
.move-service-confirmation-ll .service-bullets .lists > p,
.stopconfirmation-biz .service-bullets .lists > p,
.stopconfirmation-res .service-bullets .lists > p,
.stopconfirmation-ll .service-bullets .lists > p,
.start-confirmation .service-bullets .lists > p {
  font-family: "roboto-medium"; }

.stop-confirmation-res .mailing-address .address,
.stop-confirmation-biz .mailing-address .address,
.move-service-confirmation-biz .mailing-address .address,
.move-service-confirmation-res .mailing-address .address,
.move-service-confirmation-ll .mailing-address .address,
.stopconfirmation-biz .mailing-address .address,
.stopconfirmation-res .mailing-address .address,
.stopconfirmation-ll .mailing-address .address,
.start-confirmation .mailing-address .address {
  margin-top: 20px; }

.stop-confirmation-res .sservice-info .services,
.stop-confirmation-biz .sservice-info .services,
.move-service-confirmation-biz .sservice-info .services,
.move-service-confirmation-res .sservice-info .services,
.move-service-confirmation-ll .sservice-info .services,
.stopconfirmation-biz .sservice-info .services,
.stopconfirmation-res .sservice-info .services,
.stopconfirmation-ll .sservice-info .services,
.start-confirmation .sservice-info .services {
  margin-top: 20px; }

.stop-confirmation-res .anchor-link,
.stop-confirmation-biz .anchor-link,
.move-service-confirmation-biz .anchor-link,
.move-service-confirmation-res .anchor-link,
.move-service-confirmation-ll .anchor-link,
.stopconfirmation-biz .anchor-link,
.stopconfirmation-res .anchor-link,
.stopconfirmation-ll .anchor-link,
.start-confirmation .anchor-link {
  margin: 20px;
  display: inline-block; }

.stop-confirmation-res .navigation-list ul.pse-bullet li a,
.stop-confirmation-biz .navigation-list ul.pse-bullet li a,
.move-service-confirmation-biz .navigation-list ul.pse-bullet li a,
.move-service-confirmation-res .navigation-list ul.pse-bullet li a,
.move-service-confirmation-ll .navigation-list ul.pse-bullet li a,
.stopconfirmation-biz .navigation-list ul.pse-bullet li a,
.stopconfirmation-res .navigation-list ul.pse-bullet li a,
.stopconfirmation-ll .navigation-list ul.pse-bullet li a,
.start-confirmation .navigation-list ul.pse-bullet li a {
  color: #1771cc;
  font-family: "roboto-medium";
  font-size: 18px;
  border-bottom: 1px solid #1771cc; }
  .stop-confirmation-res .navigation-list ul.pse-bullet li a:hover,
  .stop-confirmation-biz .navigation-list ul.pse-bullet li a:hover,
  .move-service-confirmation-biz .navigation-list ul.pse-bullet li a:hover,
  .move-service-confirmation-res .navigation-list ul.pse-bullet li a:hover,
  .move-service-confirmation-ll .navigation-list ul.pse-bullet li a:hover,
  .stopconfirmation-biz .navigation-list ul.pse-bullet li a:hover,
  .stopconfirmation-res .navigation-list ul.pse-bullet li a:hover,
  .stopconfirmation-ll .navigation-list ul.pse-bullet li a:hover,
  .start-confirmation .navigation-list ul.pse-bullet li a:hover {
    text-decoration: none; }

.stop-confirmation-res .buttonaction,
.stop-confirmation-biz .buttonaction,
.move-service-confirmation-biz .buttonaction,
.move-service-confirmation-res .buttonaction,
.move-service-confirmation-ll .buttonaction,
.stopconfirmation-biz .buttonaction,
.stopconfirmation-res .buttonaction,
.stopconfirmation-ll .buttonaction,
.start-confirmation .buttonaction {
  display: inline-block;
  margin-right: 20px; }
  @media (max-width: 768px) {
    .stop-confirmation-res .buttonaction,
    .stop-confirmation-biz .buttonaction,
    .move-service-confirmation-biz .buttonaction,
    .move-service-confirmation-res .buttonaction,
    .move-service-confirmation-ll .buttonaction,
    .stopconfirmation-biz .buttonaction,
    .stopconfirmation-res .buttonaction,
    .stopconfirmation-ll .buttonaction,
    .start-confirmation .buttonaction {
      display: block;
      margin-bottom: 20px; } }

.stop-confirmation-res .mad-wrapper,
.stop-confirmation-biz .mad-wrapper,
.move-service-confirmation-biz .mad-wrapper,
.move-service-confirmation-res .mad-wrapper,
.move-service-confirmation-ll .mad-wrapper,
.stopconfirmation-biz .mad-wrapper,
.stopconfirmation-res .mad-wrapper,
.stopconfirmation-ll .mad-wrapper,
.start-confirmation .mad-wrapper {
  display: inline-block;
  margin: 20px 0; }

.terms {
  font-family: "roboto-regular";
  font-size: 16px;
  color: #1771cc;
  display: inline-block;
  margin: 10px 0; }

.buttonaction .btn-action {
  font-family: "roboto-condensed-bold";
  font-size: 20px;
  background-color: #1771cc;
  color: #fff; }

.terms-condition .form-check.custom-checkbox {
  margin: 5px 0;
  padding-left: 0; }
  .terms-condition .form-check.custom-checkbox label {
    border-color: transparent;
    background-color: transparent; }
    .terms-condition .form-check.custom-checkbox label:active, .terms-condition .form-check.custom-checkbox label:hover {
      outline: 0;
      box-shadow: none;
      border-color: transparent;
      background-color: transparent; }
    .terms-condition .form-check.custom-checkbox label .form-check-label {
      display: block;
      white-space: normal;
      text-align: left;
      color: #4a4a4a;
      font-family: "roboto-regular";
      font-size: 14px;
      margin-left: 35px; }
  .terms-condition .form-check.custom-checkbox .checkmark {
    position: absolute;
    top: 5px;
    left: 0; }

.stop-confirmation-summary .credit {
  font-family: "roboto-medium";
  font-size: 18px; }

.start-confirmation .pse-bullet .fa {
  margin-right: 10px; }
  .start-confirmation .pse-bullet .fa:before {
    margin-top: 0; }

.start-confirmation .pse-bullet .fa-ban:before {
  color: #ed9f1b; }

.start-confirmation .pse-bullet .fa-check-circle:before {
  color: #b8c42e; }

.stop-service-confirmation-screen .confirmation-img {
  margin: 40px 0; }

.stop-update-mailing-address .buttonaction {
  display: inline-block;
  margin-right: 20px; }

.print {
  color: #1771cc;
  font-family: "roboto-condensed-bold";
  font-size: 20px;
  margin-bottom: 15px;
  cursor: pointer; }

.print.hidden-xs {
  position: absolute;
  top: 0;
  right: 0; }

@media (max-width: 767px) {
  .no-padding-xs {
    padding: 0; } }

@media only screen and (max-width: 992px) {
  .page-title {
    margin-top: 30px; } }

.payments-dates .stop-header {
  margin-top: 0; }

@media (max-width: 768px) {
  .back-next-link .btnback {
    padding: 0px; }
  .back-next-link .btnsave {
    text-align: right; }
    .back-next-link .btnsave a {
      float: none; }
  .back-next-link .btnnext {
    padding: 0;
    text-align: right; } }

.back-next-link .btnskip a, .back-next-link .btnskip .fa {
  color: #4a4a4a !important; }
  .back-next-link .btnskip a:hover, .back-next-link .btnskip a:focus, .back-next-link .btnskip .fa:hover, .back-next-link .btnskip .fa:focus {
    color: #717171 !important; }

.rebates-tile-wrapper {
  margin: 65px 0; }
  .rebates-tile-wrapper.appliance {
    margin: 45px 0 0; }
    @media (max-width: 768px) {
      .rebates-tile-wrapper.appliance {
        margin-bottom: 0; } }
    .rebates-tile-wrapper.appliance .rebates-tiles {
      margin-bottom: 36px; }
      .rebates-tile-wrapper.appliance .rebates-tiles .media-left,
      .rebates-tile-wrapper.appliance .rebates-tiles .media-body {
        display: inline-block; }
      .rebates-tile-wrapper.appliance .rebates-tiles .media-left {
        padding-right: 23px; }
        @media (max-width: 767px) {
          .rebates-tile-wrapper.appliance .rebates-tiles .media-left {
            padding-right: 10px; } }
      .rebates-tile-wrapper.appliance .rebates-tiles .media-body {
        width: 56%; }
      .rebates-tile-wrapper.appliance .rebates-tiles .tile-img-wrapper {
        width: 215px;
        height: 140px; }
        @media (max-width: 767px) {
          .rebates-tile-wrapper.appliance .rebates-tiles .tile-img-wrapper {
            width: 105px;
            height: 68px; }
            .rebates-tile-wrapper.appliance .rebates-tiles .tile-img-wrapper img {
              width: 35px; } }
      .rebates-tile-wrapper.appliance .rebates-tiles .tile-content-wrapper {
        margin-top: 0; }
        .rebates-tile-wrapper.appliance .rebates-tiles .tile-content-wrapper .tile-header {
          font-size: 24px; }
          @media (max-width: 767px) {
            .rebates-tile-wrapper.appliance .rebates-tiles .tile-content-wrapper .tile-header {
              font-size: 20px; } }
        .rebates-tile-wrapper.appliance .rebates-tiles .tile-content-wrapper .pse-link-primary {
          color: #1771cc;
          display: block;
          font-size: 20px; }
          @media (max-width: 767px) {
            .rebates-tile-wrapper.appliance .rebates-tiles .tile-content-wrapper .pse-link-primary {
              margin-top: 0; } }
          .rebates-tile-wrapper.appliance .rebates-tiles .tile-content-wrapper .pse-link-primary:hover, .rebates-tile-wrapper.appliance .rebates-tiles .tile-content-wrapper .pse-link-primary:focus {
            color: #004A94;
            text-decoration: none; }
    .rebates-tile-wrapper.appliance .greenpower {
      margin-bottom: 0; }
  .rebates-tile-wrapper .rebates-tiles {
    color: #4a4a4a;
    margin-bottom: 42px; }
    .rebates-tile-wrapper .rebates-tiles .tile-img-wrapper {
      width: 260px;
      border: 1px solid #d8d8d8;
      height: 175px;
      background: #f0f0f0;
      display: table-cell;
      vertical-align: middle;
      text-align: center; }
    .rebates-tile-wrapper .rebates-tiles .tile-content-wrapper .tile-header {
      font-size: 19px;
      font-weight: 300;
      line-height: 1;
      font-family: "roboto-light"; }
    .rebates-tile-wrapper .rebates-tiles .tile-content-wrapper .tile-description {
      font-size: 16px;
      line-height: 1.25; }

.rebates-tile-link {
  display: inline-block; }

.rebates-contact-us {
  background-color: #e5f6fa;
  padding: 30px 34px;
  text-align: center;
  word-break: break-word;
  display: inline-block; }
  @media (max-width: 768px) {
    .rebates-contact-us {
      margin-bottom: 81px; } }
  .rebates-contact-us.carbon-balance-box .contact-img .bg-circle img {
    width: 21px;
    margin-top: 10px; }
  .rebates-contact-us .contact-img .bg-circle {
    border: 2px solid #00a6cf;
    width: 54px;
    height: 54px;
    display: inline-block;
    border-radius: 30px;
    text-align: center;
    vertical-align: middle; }
    .rebates-contact-us .contact-img .bg-circle img {
      width: 24px;
      margin-top: 14px; }
  .rebates-contact-us .media-left {
    padding-right: 15px; }
  .rebates-contact-us .media-body {
    vertical-align: middle; }
    .rebates-contact-us .media-body .h8 {
      letter-spacing: .1px;
      margin-bottom: 0;
      text-align: left; }
  .rebates-contact-us p {
    color: #4a4a4a; }
  .rebates-contact-us .btn-inactive {
    background: transparent;
    font-size: 20px; }
    .rebates-contact-us .btn-inactive:hover, .rebates-contact-us .btn-inactive:focus {
      background-color: #004A94;
      border-color: #004A94;
      color: #fff;
      outline: none; }

.rebates-description {
  margin-top: 30px; }
  .rebates-description p {
    color: #4a4a4a;
    line-height: 1.22;
    font-size: 18px; }
    @media (max-width: 991px) {
      .rebates-description p {
        font-size: 16px; } }

.rebates-banner {
  position: relative; }
  .rebates-banner img {
    height: 180px;
    width: 100%; }
  .rebates-banner h2 {
    color: #fff;
    font-weight: 300;
    position: absolute;
    bottom: 10px; }

.qualify-header {
  margin: 23px 0; }

.teaserTile .h7 {
  line-height: 1.1; }

.rebates-qualify .qualify-tile {
  margin-bottom: 60px; }
  .rebates-qualify .qualify-tile .media-left {
    padding-right: 30px; }
    .rebates-qualify .qualify-tile .media-left img {
      width: 40px; }
  .rebates-qualify .qualify-tile .rebates-qualify-content .h7 {
    line-height: 1.1;
    margin-top: 0; }
  .rebates-qualify .qualify-tile .rebates-qualify-content a {
    color: #1771cc;
    font-family: "roboto-medium";
    font-weight: 500;
    font-size: 16px; }
  .rebates-qualify .qualify-tile .rebates-qualify-content .p {
    color: #4a4a4a; }
  .rebates-qualify .qualify-tile .rebates-qualify-content .rebates-readmore-btn {
    cursor: pointer; }

.rebates-applynow {
  background-color: #f6f6f6;
  padding: 24px 40px 30px; }
  @media (max-width: 767px) {
    .rebates-applynow {
      padding: 24px 20px 30px; } }
  .rebates-applynow h5 {
    margin-bottom: 24px; }
  @media (max-width: 767px) {
    .rebates-applynow .col-md-3 {
      padding-left: 10px;
      text-align: left; } }
  .rebates-applynow .pse-link-primary {
    color: #1771cc;
    line-height: 2.5;
    margin-left: 0 !important;
    vertical-align: baseline; }
    .rebates-applynow .pse-link-primary:hover, .rebates-applynow .pse-link-primary:focus {
      color: #004A94;
      text-decoration: none; }
    @media (max-width: 767px) {
      .rebates-applynow .pse-link-primary {
        margin-left: 0;
        margin-right: 50px;
        font-size: 16px; } }
    @media (min-width: 992px) and (max-width: 1024px) {
      .rebates-applynow .pse-link-primary {
        margin-left: 90px;
        width: 100%;
        white-space: nowrap; } }
  .rebates-applynow p a {
    color: #1771cc;
    font-family: "roboto-medium";
    font-weight: 500;
    font-size: 16px; }
  .rebates-applynow .btn-action {
    font-family: "roboto-condensed-bold";
    padding: 7px 16px !important;
    width: 250px;
    display: inline-block;
    text-align: center; }
    @media (max-width: 767px) {
      .rebates-applynow .btn-action {
        width: auto;
        font-size: 18px;
        padding: 5px 16px; } }
  .rebates-applynow .col-md-3 .btn-action {
    padding: 7px 16px !important; }
  @media (max-width: 767px) {
    .rebates-applynow .btn-wrapper {
      text-align: center; }
      .rebates-applynow .btn-wrapper .print-rebate-btn {
        text-align: left;
        margin-top: 8px; } }

.rebates-availabletile .media-left {
  padding-right: 20px; }

.rebates-availabletile .media-body {
  color: #4a4a4a;
  vertical-align: middle; }
  .rebates-availabletile .media-body .body-l {
    font-family: "roboto-regular";
    font-size: 16px;
    line-height: 1.26; }
  .rebates-availabletile .media-body .definition {
    font-size: 14px;
    line-height: 1.21; }

.rebates-available-header {
  margin-top: 20px;
  margin-bottom: 25px; }

.rebates-content .rebates-contact-us {
  margin-bottom: 99px; }

.energy-advisor {
  background: #f6f6f6;
  margin: 30px 0;
  padding: 20px; }
  .energy-advisor .h8 {
    font-family: "roboto-medium";
    font-weight: 500; }
  .energy-advisor .form-main {
    margin-bottom: 0; }
    .energy-advisor .form-main .btn-action {
      margin-top: 7px; }
    .energy-advisor .form-main select::-ms-expand {
      display: none; }
    @media (max-width: 767px) {
      .energy-advisor .form-main select {
        padding-right: 50px; } }
    .energy-advisor .form-main textarea {
      color: #4a4a4a;
      font-size: 20px;
      font-family: "roboto-light";
      border-radius: 0;
      resize: none; }
      .energy-advisor .form-main textarea:focus {
        border-color: #979797;
        box-shadow: none; }

.rebates-energy-confirmation {
  margin-bottom: 123px; }
  .rebates-energy-confirmation .margin-md-top {
    margin-top: 60px; }
  .rebates-energy-confirmation span {
    font-family: "roboto-medium"; }
    .rebates-energy-confirmation span.title {
      vertical-align: top; }
    .rebates-energy-confirmation span.description {
      width: 70%;
      vertical-align: bottom;
      font-family: "roboto-regular"; }
      @media (max-width: 767px) {
        .rebates-energy-confirmation span.description {
          width: 100%; } }
  .rebates-energy-confirmation p {
    color: #4a4a4a;
    font-family: "roboto-regular";
    line-height: 16px;
    letter-spacing: 0.1px; }

.can-portal .can-portal-iframe {
  border: 0;
  width: 100%;
  height: 600px;
  overflow: hidden;
  padding-bottom: 30px; }
  .can-portal .can-portal-iframe select {
    -webkit-appearance: none; }

.renewables-calculator {
  background: #f6f6f6;
  padding: 31px 40px; }
  @media (max-width: 991px) {
    .renewables-calculator {
      padding: 31px 15px;
      margin-bottom: 15px; }
      .renewables-calculator .custom-textfield {
        margin-left: 15px;
        margin-right: 15px; } }
  .renewables-calculator form {
    margin-bottom: 0; }
    .renewables-calculator form .h8 {
      font-family: "roboto-medium";
      font-weight: 500;
      line-height: 1.1; }
    .renewables-calculator form .body-l {
      color: #4a4a4a;
      font-family: "roboto-regular";
      font-size: 15px;
      margin-bottom: 6px;
      line-height: 1.44; }
      @media (max-width: 991px) {
        .renewables-calculator form .body-l {
          padding-left: 15px; } }
    @media (max-width: 991px) {
      .renewables-calculator form .padding-adjust-right {
        padding: 0; } }
    .renewables-calculator form .or-wrapper {
      position: relative; }
      .renewables-calculator form .or-wrapper .body-xl {
        position: absolute;
        top: 14px; }
        @media (max-width: 991px) {
          .renewables-calculator form .or-wrapper .body-xl {
            position: initial;
            text-align: center;
            margin-bottom: 15px; } }
    .renewables-calculator form .custom-select-arrow::after {
      bottom: 12px;
      padding-right: 17px;
      right: 0; }
    .renewables-calculator form .btn-action {
      margin-top: 8px;
      font-family: "roboto-condensed-bold";
      font-size: 20px;
      line-height: 1.65;
      padding: 5px 50px;
      border: 2px solid #1771cc; }
      .renewables-calculator form .btn-action:hover, .renewables-calculator form .btn-action:focus {
        border: 2px solid #004A94; }
    .renewables-calculator form a {
      color: #1771cc;
      font-family: "roboto-medium";
      font-size: 14px; }
    .renewables-calculator form .custom-checkbox .form-check-label a {
      color: #1771cc; }
    @media (max-width: 767px) {
      .renewables-calculator form .btn-wrapper {
        text-align: center; } }
    .renewables-calculator form select {
      padding-right: 40px; }
      .renewables-calculator form select::-ms-expand {
        display: none; }
    .renewables-calculator form .custom-textfield select {
      padding-right: 40px; }
    .renewables-calculator form .custom-checkbox .errorMessage {
      top: -5px; }
  .renewables-calculator.green-power .body-l {
    font-size: 18px; }
    @media (max-width: 991px) {
      .renewables-calculator.green-power .body-l {
        padding-left: 0; } }
  .renewables-calculator.green-power a {
    color: #1771cc;
    font-family: "roboto-medium";
    font-size: 14px; }
  .renewables-calculator.green-power .btn-action {
    margin: 3px 0 14px 0; }
  .renewables-calculator.green-power .btn {
    font-size: 20px; }
    @media (max-width: 767px) {
      .renewables-calculator.green-power .btn {
        font-size: 16px; } }
  @media (max-width: 991px) {
    .renewables-calculator.green-power .custom-textfield {
      margin-left: 0;
      margin-right: 0; } }
  @media (max-width: 991px) {
    .renewables-calculator.green-power .md-top.h8 {
      margin-top: 20px; } }
  .renewables-calculator p {
    color: #4a4a4a; }
  .renewables-calculator #renewablesManageLanding select[disabled] {
    cursor: not-allowed; }

.renewables-calculator-results {
  margin-bottom: 72px; }
  @media (max-width: 991px) {
    .renewables-calculator-results {
      margin-bottom: 10px; } }
  .renewables-calculator-results .h7 {
    margin-top: 0; }
  .renewables-calculator-results .results-wrapper {
    background-color: #f6f6f6;
    padding: 24px 20px 23px 40px; }
    .renewables-calculator-results .results-wrapper .body-xl {
      color: #4a4a4a; }
    @media (max-width: 767px) {
      .renewables-calculator-results .results-wrapper .btn-wrapper {
        text-align: center; } }
    .renewables-calculator-results .results-wrapper .btn-wrapper .btn-action {
      font-size: 20px; }
      @media (max-width: 767px) {
        .renewables-calculator-results .results-wrapper .btn-wrapper .btn-action {
          font-size: 16px; } }
    .renewables-calculator-results .results-wrapper .renewables-results .media-left {
      padding-top: 10px;
      padding-right: 17px; }
      @media (max-width: 991px) {
        .renewables-calculator-results .results-wrapper .renewables-results .media-left img {
          width: 25px; } }
    .renewables-calculator-results .results-wrapper .renewables-results .media-body {
      word-break: break-word; }
      .renewables-calculator-results .results-wrapper .renewables-results .media-body .h5 {
        font-family: "roboto-regular";
        margin: 0 0 11px 0; }
      .renewables-calculator-results .results-wrapper .renewables-results .media-body p {
        color: #4a4a4a; }

#renewableTermsConditions .modal-footer .btn-wrapper {
  text-align: center; }
  #renewableTermsConditions .modal-footer .btn-wrapper .btn {
    font-family: "roboto-condensed-bold";
    font-size: 20px; }

@media (max-width: 991px) {
  #renewablesManageLanding .manage-renewable-items .row.manage-dropdownbox {
    display: block !important;
    align-items: center; }
  #renewablesManageLanding .pse-link-primary {
    cursor: pointer;
    padding-right: 15px;
    padding-left: 15px; } }

#renewablesManageLanding .pse-link-primary {
  cursor: pointer; }

#renewablesManageLanding .manage-renewable-items .row.manage-dropdownbox {
  display: flex;
  align-items: center; }

#renewablesManageLanding .custom-checkbox.manage-renewable-items {
  margin-bottom: 40px;
  margin-left: 25px;
  margin-top: 0px !important;
  margin-right: 15px; }
  @media (max-width: 991px) {
    #renewablesManageLanding .custom-checkbox.manage-renewable-items {
      margin-left: 30px;
      margin-right: 15px; } }

@media (max-width: 991px) {
  #renewablesManageLanding .sm-mb-40 {
    margin-bottom: 40px; } }

#renewablesManageLanding #renewableManageBack {
  margin: 9px 0;
  cursor: pointer;
  margin-left: 15px; }
  #renewablesManageLanding #renewableManageBack .fa.fa-chevron-left {
    margin-right: 6px; }

#renewablesManageLanding #manageRenewableSubmit {
  margin-left: 10px; }
  #renewablesManageLanding #manageRenewableSubmit:disabled:hover, #renewablesManageLanding #manageRenewableSubmit:disabled:focus {
    background-color: #808080 !important;
    color: white !important; }

#renewablesManageLanding .custom-checkbox .errorMessage {
  top: 0px; }

#renewablesManageLanding .custom-checkbox .form-check-label a {
  font-size: 16px; }

.enroll-green-power {
  color: #4a4a4a; }
  .enroll-green-power ul {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.1px;
    list-style: disc;
    margin-left: 75px; }
    @media (max-width: 768px) {
      .enroll-green-power ul {
        margin-left: 19px; } }
  .enroll-green-power .body-l {
    font-family: "roboto-regular"; }
    .enroll-green-power .body-l a {
      color: #1771cc;
      font-family: "roboto-medium";
      font-size: 18px; }

#renewablesGreenPowerSolarChoice select[disabled] {
  cursor: not-allowed; }

@media (max-width: 768px) {
  .greenpower-solar-emission .image-wrapper img {
    width: 80%; } }

.greenpower-solar-emission p {
  font-size: 18px;
  color: #4a4a4a;
  line-height: 1.22; }

.see-difference h6 {
  color: #4a4a4a;
  font-family: "roboto-regular";
  margin-bottom: 5px; }

@media (max-width: 768px) {
  .see-difference img {
    width: 80%; } }

@media (max-width: 767px) {
  .energy-certify .rebates-tile-wrapper.appliance .rebates-tiles .tile-img-wrapper img {
    width: 90%; } }

.energy-certify .rebates-tile-wrapper.appliance .rebates-tiles .tile-content-wrapper .pse-link-primary {
  display: none; }

@media (max-width: 768px) {
  .green-solar .rebates-contact-us {
    margin: 30px 0; } }

#renewablesEnrollCarbonBalance .btn {
  white-space: normal;
  margin-top: 0;
  font-family: "roboto-condensed-bold";
  font-size: 16px;
  width: 100%; }
  @media (max-width: 767px) {
    #renewablesEnrollCarbonBalance .btn.btn-inactive {
      margin-top: 10px; } }

#renewablesHomeEnergyAssessment .mandatory {
  color: #d0021b; }

#renewablesHomeEnergyAssessment .divider-line {
  margin-top: 0; }

@media (max-width: 991px) {
  #renewablesHomeEnergyAssessment .custom-textfield {
    margin-left: 0;
    margin-right: 0; } }

#renewablesManageCarbonBalance .confirm-accountInfo {
  padding: 0;
  margin: 0; }

.communitySolorCalBenefit .pse-btn-secondary {
  min-width: 195px; }

.communitySolorCalBenefit .signInfo p strong {
  font-weight: bold; }

.communitySolorCalBenefit .numShareCount ul li {
  list-style: disc; }
  .communitySolorCalBenefit .numShareCount ul li strong {
    font-weight: bold; }

.communitySolorCalBenefit .result-section .result-subhead {
  font-size: 18px;
  font-family: 'Roboto'; }

.communitySolorCalBenefit .result-section .row {
  margin-bottom: 10px; }

.communitySolorCalBenefit .result-section .my-subscribtion h5 {
  font-family: roboto;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  color: #006671; }

.communitySolorCalBenefit .result-section .my-subscribtion .my-subscription-info {
  background-color: #006671;
  color: white;
  min-height: 335px; }
  .communitySolorCalBenefit .result-section .my-subscribtion .my-subscription-info .icon-describtion {
    padding: 20px; }
    .communitySolorCalBenefit .result-section .my-subscribtion .my-subscription-info .icon-describtion .img-desc {
      padding: 10px;
      font-size: 16px;
      display: flex;
      gap: 10px; }

.communitySolorCalBenefit .result-section .subscribtiontermInfo p {
  font-family: roboto;
  font-size: 12px;
  color: #4A4A4A; }

.communitySolorCalBenefit .calculatebtn button:disabled, .communitySolorCalBenefit .calculatebtn button.btn-disabled:hover {
  color: #808080;
  border: 2px solid #808080;
  background-color: #fff !important; }

.communitySolorCalBenefit .errorMessage label.error::before {
  content: '' !important;
  margin-right: 0 !important; }

.siteAddenrollment {
  padding-left: 0 !important;
  padding-right: 0 !important; }
  .siteAddenrollment .errorMessage label.error::before {
    content: '' !important;
    margin-right: 0 !important; }
  .siteAddenrollment .communitysolar-addenrollment-table .add-another-sites {
    text-decoration: none !important;
    font-size: 20px !important;
    font-family: "roboto-condensed-bold";
    margin: 3px; }
  .siteAddenrollment .communitysolar-addenrollment-table .alert-msg {
    color: #667E3A;
    margin-left: 30px; }

.csol-review .confirm-accountInfo {
  padding: 20px 20px 10px 20px !important;
  margin-top: 15px; }
  .csol-review .confirm-accountInfo .acc-info {
    font-family: roboto-regular;
    font-size: 16px;
    color: #4A4A4A;
    margin-bottom: 30px !important; }
    .csol-review .confirm-accountInfo .acc-info .bold-label {
      font-family: 'roboto-medium'; }
  .csol-review .confirm-accountInfo .tnc-section {
    padding: 0 15px 0px 20px; }
  .csol-review .confirm-accountInfo .wrapper-section p {
    white-space: normal !important;
    display: block; }
  .csol-review .confirm-accountInfo .btn-alignment {
    display: flex;
    align-items: center; }
  .csol-review .confirm-accountInfo .enrollment-datatable .total-monthly-charge {
    margin-top: 10px;
    margin-right: 8%; }
    .csol-review .confirm-accountInfo .enrollment-datatable .total-monthly-charge .total-amts {
      margin-left: 26px; }
    .csol-review .confirm-accountInfo .enrollment-datatable .total-monthly-charge span {
      font-weight: bold; }

.csol-review .confirmationPage {
  margin-top: 0; }
  .csol-review .confirmationPage .enrollment-datatable {
    margin: 0 !important;
    position: relative; }

.csol-review .termsandconditionerrormsg label.error::before {
  content: '' !important;
  margin-right: 10px !important; }

.csol-review .ieAffirmationerrormsg label.error::before {
  content: '' !important;
  margin-right: 10px !important; }

.csol-review .gpTerminationerrormsg label.error::before {
  content: '' !important;
  margin-right: 10px !important; }

.enrollment-datatable {
  margin: 0 0 30px;
  position: relative;
  background-color: #fff; }
  .enrollment-datatable .csol-dataTable thead {
    background: #474b55;
    color: #fff;
    text-transform: uppercase; }
    .enrollment-datatable .csol-dataTable thead tr th {
      background: #474b55;
      padding: 12px 15px;
      font-size: 14px;
      font-family: "Roboto Condensed Bold", "Roboto Condensed", Roboto, sans-serif;
      font-weight: bold;
      letter-spacing: .3px;
      color: #fff;
      text-transform: uppercase;
      width: 20%; }
      .enrollment-datatable .csol-dataTable thead tr th.table-center-th {
        text-align: center; }
  .enrollment-datatable .csol-dataTable tbody tr td {
    border-top: none !important;
    padding: 12px 10px 12px 15px !important;
    border-bottom: 0.1pt solid #D3D3D3 !important; }
    .enrollment-datatable .csol-dataTable tbody tr td.comunitysolar-table-td {
      font-family: roboto-regular;
      font-size: 16px;
      text-align: center;
      color: #4A4A4A; }
      .enrollment-datatable .csol-dataTable tbody tr td.comunitysolar-table-td.removebtn {
        font-family: "Roboto Condensed Bold", "Roboto Condensed", Roboto, sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #1771cc; }
        .enrollment-datatable .csol-dataTable tbody tr td.comunitysolar-table-td.removebtn .remove-btn-img {
          font-size: 20px;
          margin-right: 5px; }
  .enrollment-datatable .csol-dataTable tbody tr.highlight td {
    color: red; }
  .enrollment-datatable .total-monthly-charge {
    margin-top: 10px;
    margin-right: 20%;
    background-color: rgba(255, 255, 255, 0);
    box-sizing: border-box;
    font-family: "Roboto Medium", "Roboto", sans-serif;
    color: #4a4a4a;
    text-align: left;
    line-height: 24px;
    float: right;
    font-size: 18px; }
    .enrollment-datatable .total-monthly-charge span {
      font-weight: bold; }
    .enrollment-datatable .total-monthly-charge .total-amt {
      margin-left: 30px; }
      @media (max-width: 991px) {
        .enrollment-datatable .total-monthly-charge .total-amt {
          margin: 0 !important; } }
  .enrollment-datatable .btnAlign {
    margin-top: 5% !important;
    margin-bottom: 20px !important;
    display: flex;
    align-items: center;
    margin: 0px 0px 0px 20px; }

.communitySolarMapHeader .new-outage-map .new-list-view .list-view, .communitySolarMapHeader .new-outage-map .new-list-view .map-view {
  min-height: 50px !important;
  right: 0; }
  .communitySolarMapHeader .new-outage-map .new-list-view .list-view a, .communitySolarMapHeader .new-outage-map .new-list-view .map-view a {
    text-decoration: none; }
    .communitySolarMapHeader .new-outage-map .new-list-view .list-view a span, .communitySolarMapHeader .new-outage-map .new-list-view .map-view a span {
      padding: 0 !important; }

.communitySolarMapHeader .new-outage-map .new-list-view .map-view {
  padding: 0px !important; }

.communitySolarMapHeader .new-outage-map .new-list-view .list-view {
  padding-top: 0px !important; }

.communitySolarMapHeader .new-outage-map .outage-map-list {
  border-top: 0px solid #c3c3c3 !important; }
  .communitySolarMapHeader .new-outage-map .outage-map-list .new-list-view .list-view, .communitySolarMapHeader .new-outage-map .outage-map-list .new-list-view .map-view {
    right: 0px; }
  @media only screen and (max-width: 999px) {
    .communitySolarMapHeader .new-outage-map .outage-map-list .map-view a,
    .communitySolarMapHeader .new-outage-map .outage-map-list .list-view a {
      text-decoration: none;
      display: flex; } }

.communitySolarMapHeader .cSolarSelectionMargin {
  background-color: #D7D7D7; }
  @media only screen and (max-width: 999px) {
    .communitySolarMapHeader .cSolarSelectionMargin {
      background-color: #ffffff; }
      .communitySolarMapHeader .cSolarSelectionMargin .CSolarRadioFont {
        margin-left: auto; } }
  .communitySolarMapHeader .cSolarSelectionMargin .cSolarSelection {
    background-color: #D7D7D7; }
    .communitySolarMapHeader .cSolarSelectionMargin .cSolarSelection .CSolarRadioFont {
      font-family: roboto;
      font-size: 18px;
      font-weight: 700;
      color: #4A4A4A;
      margin-left: 20px; }
      .communitySolarMapHeader .cSolarSelectionMargin .cSolarSelection .CSolarRadioFont label {
        display: flex;
        align-items: center; }
        .communitySolarMapHeader .cSolarSelectionMargin .cSolarSelection .CSolarRadioFont label input[type=radio] {
          height: 20px;
          width: 20px;
          color: #1771CC;
          margin-right: 15px !important;
          margin: 0; }
      .communitySolarMapHeader .cSolarSelectionMargin .cSolarSelection .CSolarRadioFont .CSolarFont {
        font-family: roboto-regular;
        font-size: 16px;
        color: #4A4A4A; }

.communitySolarMapHeader .maplistSelectionMargin {
  background-color: white !important; }

.communitySolarMapHeader .csollistview {
  border-top: 0px solid #c3c3c3 !important; }
  .communitySolarMapHeader .csollistview .maplistfluid {
    background-color: white !important; }
    .communitySolarMapHeader .csollistview .maplistfluid .commSlrListTable {
      display: grid !important; }
      .communitySolarMapHeader .csollistview .maplistfluid .commSlrListTable .cSlrTbl_Info {
        margin-left: 15px; }
  .communitySolarMapHeader .csollistview .maplistview {
    margin-top: 1px !important;
    margin-bottom: 0; }
    .communitySolarMapHeader .csollistview .maplistview .community-solar-tbl {
      margin: 0px auto !important; }
      .communitySolarMapHeader .csollistview .maplistview .community-solar-tbl thead {
        background-color: #474b55 !important;
        color: white !important; }
        .communitySolarMapHeader .csollistview .maplistview .community-solar-tbl thead tr th {
          font-family: 'roboto-condensed-bold', 'roboto-condensed-bold', Roboto, sans-serif; }
      .communitySolarMapHeader .csollistview .maplistview .community-solar-tbl tbody {
        line-height: 1px !important; }
        .communitySolarMapHeader .csollistview .maplistview .community-solar-tbl tbody tr td {
          text-align: center;
          font-size: 16px;
          color: #4A4A4A;
          padding: 10px !important; }
          .communitySolarMapHeader .csollistview .maplistview .community-solar-tbl tbody tr td:nth-child(4) {
            font-family: "roboto-condensed-bold";
            font-size: 20px; }
          .communitySolarMapHeader .csollistview .maplistview .community-solar-tbl tbody tr td a i {
            padding-right: 0 !important; }
          .communitySolarMapHeader .csollistview .maplistview .community-solar-tbl tbody tr td i {
            padding-right: 0 !important; }
        .communitySolarMapHeader .csollistview .maplistview .community-solar-tbl tbody tr:last-child td {
          border-bottom: 1px solid #d8d8d8; }
    .communitySolarMapHeader .csollistview .maplistview .dt-more-container {
      display: flex;
      align-items: center;
      margin-top: 10px !important;
      margin-bottom: 0; }
      .communitySolarMapHeader .csollistview .maplistview .dt-more-container .cSolarloadmore {
        padding-right: 16% !important; }

.cSlrlegend-accordion-body {
  padding-bottom: 20px !important; }
  .cSlrlegend-accordion-body #collapseLegend > .container {
    padding: 0 !important;
    padding-left: 0px !important;
    padding-right: 0px !important; }

.new-communitysolar-map {
  height: 484px !important; }
  .new-communitysolar-map #pse-search-div .search {
    width: 100%;
    margin: 0 auto; }
    .new-communitysolar-map #pse-search-div .search .outage-maps-search {
      text-align: center; }
      .new-communitysolar-map #pse-search-div .search .outage-maps-search input {
        position: relative;
        bottom: 12px; }
      .new-communitysolar-map #pse-search-div .search .outage-maps-search span .pse-search-icon {
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 16px !important; }

.cSolarinteraError {
  padding: 20px;
  margin: 0 0 30px; }
  .cSolarinteraError p {
    font-family: 'roboto-regular';
    font-size: 16px;
    color: #242424; }
    .cSolarinteraError p b {
      font-family: 'roboto';
      font-weight: 500;
      font-size: 16px;
      color: #242424; }
  @media (max-width: 768px) {
    .cSolarinteraError {
      padding: 20px 0px; } }

.errorMessage label.error::before {
  content: '' !important;
  margin-right: 0 !important; }

@media (max-width: 767px) {
  .communitySolorCalBenefit .result-section .my-subscribtion .my-subscription-info {
    min-height: 0; }
  .communitySolorCalBenefit .result-section .my-subscribtion h5 {
    margin-top: 20px; }
  .communitySolorCalBenefit .result-section p span {
    font-weight: bold; }
  .communitySolorCalBenefit .custom-selectbox {
    width: 80%; }
  .communitySolorCalBenefit .subscribtionDetailsSignIn p {
    font-weight: bold; }
  .siteAddenrollment .communitysolar-addenrollment-table .form-group span {
    display: flex;
    margin-left: 0; }
  .siteAddenrollment .communitysolar-addenrollment-table .enrollment-datatable .csol-dataTable thead tr th:last-child {
    margin-bottom: 3px; }
  .csol-review .print-wrapper .print {
    padding: 0 !important; }
  .csol-review .acc-row {
    margin-right: -15px;
    margin-left: -15px; }
    .csol-review .acc-row .confirm-accountInfo .enrollment-datatable .csol-dataTable thead tr th:nth-child(4) {
      border-bottom: none;
      margin-bottom: 1px; }
    .csol-review .acc-row .confirm-accountInfo .enrollment-datatable .csol-dataTable tbody tr td:nth-child(4) {
      border-bottom: 0.5pt solid #4a4a4a; }
    .csol-review .acc-row .confirm-accountInfo .btn-alignment {
      display: flex;
      align-items: center;
      text-align: center;
      flex-direction: column;
      gap: 10px;
      margin: 0;
      margin-bottom: 0; }
  .communitySolarMapHeader .cSolarSelectionMargin .cSolarSelection .CSolarRadioFont {
    margin-left: 0; }
  .communitySolarMapHeader .csollistview .CSolrContainer {
    margin-right: -15px;
    margin-left: -15px; }
    .communitySolarMapHeader .csollistview .CSolrContainer .community-solar-tbl thead tr th:nth-child(1) {
      display: none; }
    .communitySolarMapHeader .csollistview .CSolrContainer .community-solar-tbl tbody {
      line-height: unset !important; }
      .communitySolarMapHeader .csollistview .CSolrContainer .community-solar-tbl tbody tr td:nth-child(1) {
        display: none; }
      .communitySolarMapHeader .csollistview .CSolrContainer .community-solar-tbl tbody tr td:nth-child(2) {
        text-overflow: ellipsis;
        width: 45%; }
    .communitySolarMapHeader .csollistview .CSolrContainer .commSlrListTable .dt-more-container {
      margin-bottom: 10px !important; }
      .communitySolarMapHeader .csollistview .CSolrContainer .commSlrListTable .dt-more-container .cSolarloadmore {
        padding-right: 0% !important; }
  .new-communitysolar-map #pse-search-div .search {
    margin-top: 5px; }
    .new-communitysolar-map #pse-search-div .search .outage-maps-search span .pse-search-icon {
      right: 3% !important;
      top: 18px; }
  .enrollment-datatable .csol-dataTable {
    display: flex;
    text-align: center;
    vertical-align: middle; }
    .enrollment-datatable .csol-dataTable thead tr {
      display: block; }
      .enrollment-datatable .csol-dataTable thead tr th {
        display: block;
        vertical-align: top;
        border-bottom: 1pt solid #474b55;
        background: #474b55;
        padding: 17px 15px !important;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: .3px;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        width: auto; }
        .enrollment-datatable .csol-dataTable thead tr th:nth-child(3) {
          width: 167px; }
        .enrollment-datatable .csol-dataTable thead tr th:nth-child(5) {
          border-bottom: none; }
    .enrollment-datatable .csol-dataTable tbody {
      width: 60%; }
      .enrollment-datatable .csol-dataTable tbody tr {
        display: block; }
        .enrollment-datatable .csol-dataTable tbody tr td {
          border-top: none !important;
          padding: 15px 17px !important;
          border-bottom: 0.1pt solid #D3D3D3;
          display: block;
          vertical-align: top; }
          .enrollment-datatable .csol-dataTable tbody tr td:nth-child(5) {
            border-bottom: 0.5pt solid #4a4a4a; }
  .enrollment-datatable .total-monthly-charge {
    padding: 20px;
    text-align: center;
    float: none;
    margin-right: 0 !important; }
    .enrollment-datatable .total-monthly-charge .total-amt {
      margin-left: 30px !important; }
  .enrollment-datatable .btn-alignment {
    display: flex;
    align-items: center;
    text-align: center;
    flex-direction: column;
    gap: 10px;
    margin: 0; }
    .enrollment-datatable .btn-alignment a {
      margin-right: 0; } }

@media (min-width: 768px) and (max-width: 991px) {
  .communitySolorCalBenefit .result-section .my-subscribtion .my-subscription-info {
    min-height: 0; } }

@media (max-width: 991px) {
  .csol-review .pse-btn-primary.pse-btn-lw {
    margin-bottom: 0px !important; }
  .siteAddenrollment .communitysolar-addenrollment-table .enrollment-datatable .total-monthly-charge .total-amt {
    margin-left: 30px !important; }
  .cSlrlegend-accordion-body {
    float: none !important; }
    .cSlrlegend-accordion-body .cSlrmb {
      margin-bottom: 20px; } }

@media (min-width: 1024px) {
  .cSlrlegend-accordion .legend-view-more-less {
    width: 38% !important; } }

@media only screen and (max-width: 414px) {
  .cSlrlegend-accordion-body .row-eq-height {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .new-communitysolar-map #pse-search-div .view-type {
    width: 100%; }
    .new-communitysolar-map #pse-search-div .view-type .outage-maps-search {
      text-align: left; }
      .new-communitysolar-map #pse-search-div .view-type .outage-maps-search input {
        width: 365px; }
      .new-communitysolar-map #pse-search-div .view-type .outage-maps-search span .pse-search-icon {
        top: 18px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .new-communitysolar-map #pse-search-div .outage-maps-search input {
    width: 365px;
    right: 5%; }
  .new-communitysolar-map #pse-search-div .outage-maps-search span .pse-search-icon {
    right: 37% !important;
    top: 22px; } }

@media (min-width: 1200px) {
  .new-communitysolar-map #pse-search-div .outage-maps-search span .pse-search-icon {
    right: 34%;
    top: 22px; } }

.confirmUnenroll {
  margin-top: 35px;
  margin-bottom: 50px; }

.carbon-banner {
  position: relative; }
  .carbon-banner img {
    width: 750px;
    height: 315px; }
    @media (max-width: 991px) {
      .carbon-banner img {
        width: 100%;
        height: auto; } }
    @media (min-width: 992px) and (max-width: 1024px) {
      .carbon-banner img {
        width: 620px;
        height: 346px; } }
  .carbon-banner .carbon-title {
    position: absolute;
    bottom: 14.5px;
    left: 31px; }
    .carbon-banner .carbon-title h2 {
      color: #fff;
      margin: 0 -2px 0;
      font-size: 42px; }
    .carbon-banner .carbon-title p {
      font-family: "roboto-light";
      font-size: 24px;
      color: #fff; }

.banner-gradient .carbon-title {
  padding: 0 31px;
  background-image: linear-gradient(rgba(255, 255, 255, 0) -2%, black);
  display: block;
  position: absolute;
  height: 100px;
  left: 0;
  content: '';
  background-blend-mode: multiply;
  bottom: 0;
  width: 100%; }
  @media (max-width: 767px) {
    .banner-gradient .carbon-title {
      height: auto; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .banner-gradient .carbon-title {
      height: 70px; } }
  @media (max-width: 767px) {
    .banner-gradient .carbon-title h2 {
      padding-bottom: 15px;
      font-size: 38px; } }

.carbon-description {
  margin-top: 30px; }
  .carbon-description p {
    font-size: 16px;
    line-height: 1.22;
    color: #4a4a4a; }
  .carbon-description .mar-top {
    margin-top: 45px; }
  @media (max-width: 767px) {
    .carbon-description .btn-wrapper {
      text-align: center; } }

.carbon-bottom-desc {
  margin: 30px 0 60px; }
  .carbon-bottom-desc p {
    color: #4a4a4a;
    font-size: 18px;
    line-height: 1.22; }
  .carbon-bottom-desc .carbon-feature {
    margin-bottom: 22px; }
    .carbon-bottom-desc .carbon-feature h5 {
      font-family: "roboto-regular";
      margin-bottom: 5px; }
  .carbon-bottom-desc .carbon-details p:first-child {
    font-family: "roboto-medium";
    font-size: 20px;
    font-weight: 500; }

.carbon-enroll {
  box-shadow: none;
  width: 186px;
  height: 43px;
  border-radius: 47px;
  background-color: #1771cc;
  color: #fff;
  padding: 2px 0;
  font-family: "roboto-condensed-bold";
  font-size: 20px;
  font-weight: bold;
  line-height: 1.65;
  margin-top: 17px; }

.carbon-balance-box {
  padding: 44.4px 23px 42px 23px; }
  @media (max-width: 991px) {
    .carbon-balance-box {
      margin-bottom: 0;
      margin-top: 20px; } }
  .carbon-balance-box p {
    margin-top: 20px; }
  .carbon-balance-box .btn-inactive {
    margin-top: 33px;
    line-height: 1.65;
    font-weight: bold;
    padding: 1px 30px; }
    .carbon-balance-box .btn-inactive:active {
      box-shadow: none; }
    .carbon-balance-box .btn-inactive:focus {
      outline: none; }
    @media (max-width: 767px) {
      .carbon-balance-box .btn-inactive {
        font-size: 16px; } }

.unenroll-contact {
  padding-bottom: 34px; }
  .unenroll-contact p {
    margin: 11px 0 5px 0; }
  .unenroll-contact .btn-inactive {
    padding: 3px 30px; }

.renewp {
  color: #4a4a4a;
  font-size: 18px;
  line-height: 1.22; }

.confirm-title h4 {
  margin-top: 27px; }

.confirm-title .waitlist-img {
  background: #00a6cf;
  width: 69px;
  height: 69px;
  display: inline-block;
  border-radius: 40px;
  text-align: center;
  vertical-align: middle; }
  .confirm-title .waitlist-img img {
    width: 32px;
    margin-top: 19px; }

.confirm-title.choice {
  background-color: #EAF8FB;
  padding: 1px 20px 13px 20px;
  margin: 6px 0;
  position: relative; }
  @media (max-width: 767px) {
    .confirm-title.choice {
      padding: 15px 20px 13px 20px; } }
  .confirm-title.choice .media-left,
  .confirm-title.choice .media-body {
    vertical-align: middle; }
  .confirm-title.choice .media-left {
    padding-right: 21px; }
    @media (max-width: 767px) {
      .confirm-title.choice .media-left {
        vertical-align: top; } }
  .confirm-title.choice h5 {
    margin: 0 0 5px 0; }
  .confirm-title.choice a {
    color: #1771cc;
    font-family: "roboto-medium";
    font-size: 18px; }
  .confirm-title.choice .close-field {
    color: #4a4a4a;
    cursor: pointer;
    font-size: 22px;
    font-weight: normal;
    position: absolute;
    right: 22px;
    top: 0; }
    @media (max-width: 767px) {
      .confirm-title.choice .close-field {
        right: 16px;
        top: 0; } }

.confirm-accountInfo {
  background-color: #f6f6f6;
  display: inline-block;
  width: 100%;
  margin-top: 33px;
  padding: 30px 30px 44px 38px; }
  @media (max-width: 767px) {
    .confirm-accountInfo {
      padding: 30px 10px 38px; }
      .confirm-accountInfo .btn-wrapper {
        text-align: center; } }
  @media (max-width: 991px) {
    .confirm-accountInfo {
      margin: 33px 0; } }
  .confirm-accountInfo .unenroll-info {
    display: inline-block;
    width: 100%; }
    .confirm-accountInfo .unenroll-info .h7 {
      font-family: "roboto-regular";
      margin-bottom: 5px; }
    .confirm-accountInfo .unenroll-info .acc-info {
      margin-bottom: 16px; }
      .confirm-accountInfo .unenroll-info .acc-info span {
        font-family: "roboto-medium";
        font-size: 16px;
        line-height: 1;
        font-weight: 500;
        color: #4a4a4a; }
      .confirm-accountInfo .unenroll-info .acc-info p {
        color: #4a4a4a;
        margin-bottom: 0; }
  .confirm-accountInfo .unenroll-btn {
    box-shadow: none;
    font-family: "roboto-condensed-bold";
    font-size: 20px;
    line-height: 1.65;
    font-weight: bold;
    color: #fff;
    background-color: #1771cc;
    border-radius: 47px;
    border: 0;
    padding: 4px 20px;
    margin: 36px 0 12px; }
    @media (max-width: 767px) {
      .confirm-accountInfo .unenroll-btn {
        font-size: 16px; } }
  @media (max-width: 767px) {
    .confirm-accountInfo .enroll-balance {
      text-align: center; } }
  .confirm-accountInfo .enroll-balance .btn {
    background-color: transparent;
    font-family: "roboto-condensed-bold";
    font-weight: bold;
    line-height: 1.65;
    color: #1771cc;
    font-size: 20px;
    text-decoration: none; }
    .confirm-accountInfo .enroll-balance .btn:focus {
      outline: 0; }
    @media (max-width: 767px) {
      .confirm-accountInfo .enroll-balance .btn {
        font-size: 18px; } }
    .confirm-accountInfo .enroll-balance .btn .fa-chevron-right {
      color: #1771cc;
      font-size: 18px;
      padding-left: 10px; }
  .confirm-accountInfo .enroll-balance .fa-chevron-right {
    color: #1771cc;
    font-size: 18px;
    padding-left: 10px; }
  .confirm-accountInfo .btn-action {
    font-size: 20px; }
    @media (max-width: 767px) {
      .confirm-accountInfo .btn-action {
        font-size: 16px; } }
  .confirm-accountInfo.confirm-waitlist {
    margin-top: 0; }
    @media (max-width: 991px) {
      .confirm-accountInfo.confirm-waitlist {
        margin-bottom: 10px; } }
    .confirm-accountInfo.confirm-waitlist h5 {
      font-family: "roboto-regular";
      margin-bottom: 0; }
    .confirm-accountInfo.confirm-waitlist .divider-line {
      background-color: #d8d8d8;
      margin-bottom: 0; }

.renewables-waitlist .print {
  padding-right: 0; }

.error-carbon-balance .pse-link-primary {
  color: #1771cc;
  font-size: 20px; }

.heading-wrap {
  margin-top: 30px; }

.pl-0 {
  padding-left: 0 !important; }

.mb-12 {
  margin-bottom: 12px; }

.TvrSurvey .custom-checkbox .form-check-label {
  font-weight: 400; }

.TvrSurvey .tvr-subquestion p, .TvrSurvey .tvr-subquestionlabel {
  font-family: "roboto regular";
  font-size: 16px;
  color: #4a4a4a;
  text-align: left;
  margin-bottom: 10px; }

.TvrSurvey .touTermsError {
  color: #d0021b; }

.TvrSurvey a#touTerms {
  color: #1771cc;
  font-weight: normal; }

.TvrSurvey .tvr-vertical-align {
  vertical-align: -webkit-baseline-middle; }

@media (max-width: 767px) {
  .TvrSurvey span.option-textholder {
    max-width: 70vw; }
  .TvrSurvey .form-group {
    margin-bottom: 40px; } }

.summary ul {
  list-style: disc outside none;
  margin-left: 20px;
  padding-bottom: 10px !important; }

.summary li {
  margin-left: 30px; }

.summary input[type=single-button] {
  background-color: #ffffff; }

#reneEditBtn {
  min-width: 195px; }

.tvrBanner #bannerTitle .panel-title {
  font-family: "Roboto Light", "Roboto", sans-serif !important;
  font-weight: 300;
  color: #000000 !important;
  text-align: left;
  line-height: normal !important; }

.tvrBanner #bannerDescription .panel-body {
  background-color: #fcf3f5 !important; }

.tvrBanner #bannerDescription .panel-description {
  font-family: "Roboto", sans-serif;
  text-align: left;
  line-height: 30px;
  color: #4a4a4a; }

.construction-process .usage-chart {
  width: 130px; }

.construction-process img {
  max-width: 100%;
  width: 100%; }

.construction-services.banner-gradient {
  position: relative; }

.construction-services .construction-img {
  width: 100%; }

.construction-services .text-block {
  position: absolute;
  top: 230px;
  color: #fff;
  padding: 0 10px; }
  .construction-services .text-block.carbon-title {
    padding: 0 31px;
    height: 170px; }
    @media (max-width: 768px) {
      .construction-services .text-block.carbon-title {
        bottom: 0;
        top: inherit;
        height: 140px; } }
  @media (max-width: 768px) {
    .construction-services .text-block {
      top: 130px; } }
  .construction-services .text-block .description {
    font-family: "roboto-regular";
    font-size: 18px;
    color: #fff; }
    @media (max-width: 768px) {
      .construction-services .text-block .description {
        color: #fff;
        font-size: 14px; } }
  .construction-services .text-block h2 {
    font-size: 30px;
    color: #fff; }
    @media (max-width: 768px) {
      .construction-services .text-block h2 {
        font-size: 22px;
        padding: 0; } }

.constructor-video .separator {
  padding: 0; }

.construction-service-landing .media-card-section {
  margin: 0; }
  @media (max-width: 768px) {
    .construction-service-landing .media-card-section {
      margin-bottom: 0;
      margin-top: 30px; } }
  @media (max-width: 480px) {
    .construction-service-landing .media-card-section {
      margin-top: 40px; } }
  .construction-service-landing .media-card-section .media-body p {
    color: #4a4a4a; }
    @media (max-width: 768px) {
      .construction-service-landing .media-card-section .media-body p {
        font-size: 14px; } }

.construction-service-landing .constructionserv-media {
  margin: 40px 10px; }
  .construction-service-landing .constructionserv-media .pse-link-primary {
    font-size: 20px;
    font-family: "roboto-condensed-bold";
    color: #1771cc; }

.separator-constructor .pse-link-primary {
  font-size: 20px;
  font-family: "roboto-condensed-bold";
  color: #1771cc; }

@media (max-width: 768px) {
  .construction-action-ribbon.call-to-action {
    display: none; } }

.construction-action-ribbon.call-to-action .call-to-action-item .component-content a {
  text-decoration: none; }
  .construction-action-ribbon.call-to-action .call-to-action-item .component-content a:hover, .construction-action-ribbon.call-to-action .call-to-action-item .component-content a:focus {
    text-decoration: none;
    color: transparent; }
  .construction-action-ribbon.call-to-action .call-to-action-item .component-content a .call-to-action-icon {
    min-height: 52px; }

.construction-steps-page {
  margin-bottom: 36px; }
  .construction-steps-page .account-header h4 {
    font-family: "roboto-light";
    font-size: 42px;
    margin-top: 56px; }
    @media (max-width: 767px) {
      .construction-steps-page .account-header h4 {
        margin-top: 35px; } }
  @media (max-width: 768px) {
    .construction-steps-page h4 {
      font-family: "roboto-light";
      font-size: 24px; } }
  @media (max-width: 768px) {
    .construction-steps-page .call-to-action {
      display: none; } }
  .construction-steps-page .call-to-action .call-to-action-item .component-content a {
    text-decoration: none; }
    .construction-steps-page .call-to-action .call-to-action-item .component-content a:hover, .construction-steps-page .call-to-action .call-to-action-item .component-content a:focus {
      text-decoration: none;
      color: transparent; }
    .construction-steps-page .call-to-action .call-to-action-item .component-content a .call-to-action-icon {
      min-height: 52px; }
  .construction-steps-page p {
    font-size: 18px;
    color: #4a4a4a;
    font-family: "roboto-regular"; }
    @media (max-width: 768px) {
      .construction-steps-page p {
        font-size: 16px;
        color: #4a4a4a;
        font-family: "roboto-regular"; } }
    .construction-steps-page p a {
      color: #1771cc;
      font-size: 18px;
      text-decoration: underline;
      font-family: "roboto-medium"; }
      .construction-steps-page p a:hover {
        color: #1771cc;
        text-decoration: underline; }

.constructor-article .featured-item-content {
  font-size: 20px; }

.constructor-article .pse-link-primary {
  font-size: 20px;
  font-family: "roboto-condensed-bold"; }

.constructor-article .outage-related-links li a {
  border-left: 2px solid #717171; }

.technical-resources .pse-datatable {
  margin: 30px 0; }

.technical-resources .account-header {
  margin: 0; }

.technical-resources .account-header p {
  font-size: 18px;
  color: #4a4a4a; }
  @media (max-width: 768px) {
    .technical-resources .account-header p {
      font-size: 16px; } }

.technical-resources .account-header .pse-link-primary {
  font-size: 20px;
  color: #1771cc; }

.technical-resources .article-tiles-content h3 {
  font-size: 24px; }
  @media (max-width: 768px) {
    .technical-resources .article-tiles-content h3 {
      font-size: 22px; } }

.technical-resources p {
  font-size: 20px; }
  @media (max-width: 768px) {
    .technical-resources p {
      font-size: 16px;
      display: block; } }

.technical-resources .separator {
  padding: 0; }
  @media (max-width: 768px) {
    .technical-resources .separator h5 {
      font-size: 24px; } }
  .technical-resources .separator p {
    font-family: "roboto-regular";
    font-size: 18px;
    color: #4a4a4a; }
    @media (max-width: 768px) {
      .technical-resources .separator p {
        font-size: 16px; } }
  .technical-resources .separator .featured-item-content p {
    font-family: "roboto-regular";
    font-size: 20px;
    color: #4a4a4a; }
    @media (max-width: 768px) {
      .technical-resources .separator .featured-item-content p {
        font-size: 16px; } }

.technical-resources .technical-resource-table h6 {
  font-size: 20px;
  font-family: "roboto-medium";
  color: #4a4a4a; }
  @media (max-width: 768px) {
    .technical-resources .technical-resource-table h6 {
      font-size: 18px; } }

.technical-resources .technical-resource-table th {
  font-size: 18px;
  font-family: "roboto-condensed-bold"; }

@media (max-width: 768px) {
  .technical-resources .technical-resource-table {
    border: 0; } }

.technical-resources .technical-resource-table p {
  font-family: "roboto-regular";
  font-size: 18px; }

.technical-resources .technical-resource-table tbody tr.odd {
  background-color: #fff; }

.technical-resources .technical-resource-table tbody tr.even {
  background-color: #f1f9f8; }

.technical-resources .technical-resource-table td a {
  color: #1771cc;
  font-family: "roboto-medium";
  font-size: 16px;
  text-decoration: underline; }
  @media (max-width: 768px) {
    .technical-resources .technical-resource-table td a {
      font-size: 14px; } }

.technical-resources .technical-resource-table td.p {
  color: #4a4a4a;
  font-family: "roboto-regular";
  font-size: 16px; }
  @media (max-width: 768px) {
    .technical-resources .technical-resource-table td.p {
      font-size: 14px; } }

.technical-resources .t-20 {
  width: 20%; }

.technical-resources .t-15 {
  width: 15%; }

.technical-resources .t-45 {
  width: 45%; }

.inquiry-form .checkbox {
  padding: 0 20px; }

.inquiry-form #DoNotHaveAddress {
  display: none; }

.construction-accordion-panel.separator {
  padding: 32px 0; }
  @media (max-width: 767px) {
    .construction-accordion-panel.separator {
      padding: 25px 0; } }

.construction-accordion-panel .header-title {
  color: #4a4a4a;
  font-family: "roboto-light";
  font-weight: 300;
  margin: 0 0; }
  @media (max-width: 768px) {
    .construction-accordion-panel .header-title {
      color: #717171;
      font-family: "roboto-regular"; } }
  .construction-accordion-panel .header-title.h3 {
    font-size: 24px; }

.construction-accordion-panel .h8 {
  color: #4a4a4a;
  font-family: "roboto-medium"; }

.construction-accordion-panel .panel-body {
  padding: 19px; }

.construction-accordion-panel .paperless-billing {
  padding-bottom: 0;
  padding-top: 0; }
  @media (max-width: 767px) {
    .construction-accordion-panel .paperless-billing {
      margin-top: 15px; } }
  .construction-accordion-panel .paperless-billing .paperless-list {
    font-size: 16px;
    color: #4a4a4a;
    list-style-type: inherit;
    padding-left: 35px; }
    .construction-accordion-panel .paperless-billing .paperless-list li a {
      font-size: 16px; }
  .construction-accordion-panel .paperless-billing .detailed-view-link span {
    font-size: 16px;
    color: #1771cc;
    text-decoration: underline; }
  .construction-accordion-panel .paperless-billing .detailed-view-link i {
    color: #1771cc;
    font-size: 16px;
    margin: 0 5px; }
  .construction-accordion-panel .paperless-billing .detailed-view-link li {
    display: block;
    padding: 0; }
  .construction-accordion-panel .paperless-billing p {
    color: #4a4a4a; }
  .construction-accordion-panel .paperless-billing h4 {
    font-family: "roboto-light";
    font-size: 24px;
    margin: 20px 0; }

.construction-accordion-panel .panel-heading {
  background-color: #fff;
  border-color: #c4c4c4;
  color: #333;
  border: 1px solid #c4c4c4;
  padding: 0;
  user-select: none; }
  .construction-accordion-panel .panel-heading a {
    color: #4a4a4a;
    display: block;
    padding: 30px 15px;
    font-size: 24px; }
    .construction-accordion-panel .panel-heading a:hover, .construction-accordion-panel .panel-heading a:visited, .construction-accordion-panel .panel-heading a:active, .construction-accordion-panel .panel-heading a:focus {
      text-decoration: none;
      outline: none; }
    .construction-accordion-panel .panel-heading a::after {
      content: '';
      float: right;
      font-family: 'roboto-bold';
      position: relative;
      top: 1px;
      transition: transform .25s linear; }
  .construction-accordion-panel .panel-heading a[aria-expanded="true"] {
    background-color: #fff; }
    .construction-accordion-panel .panel-heading a[aria-expanded="true"]::after {
      content: "\2212";
      font-size: 24px;
      height: 19px;
      transform: rotate(180deg);
      width: 24px;
      right: 7px; }
  .construction-accordion-panel .panel-heading a[aria-expanded="false"]::after {
    content: "\002b";
    font-size: 24px;
    height: 19px;
    transform: rotate(90deg);
    width: 24px; }

.construction-accordion-panel a {
  font-size: 16px; }
  .construction-accordion-panel a:hover, .construction-accordion-panel a:focus {
    color: #006671; }
  .construction-accordion-panel a :not(.collapsed) {
    color: #006671; }

.construction-related-links .outage-related-links {
  margin: 0 0 40px; }

.separator-constructor .constructor-header h5 {
  font-family: 'roboto-condensed-bold';
  color: #4a4a4a;
  padding: 20px 0 30px 0;
  text-transform: uppercase; }

.separator-constructor .body-xl {
  color: #4a4a4a;
  font-size: 20px;
  font-family: "roboto-medium";
  margin: 20px 0; }

.separator-constructor .con-content {
  color: #4a4a4a;
  font-size: 16px;
  font-family: "roboto-regular"; }

.contact-constructor {
  padding: 42px 0; }
  .contact-constructor .contact-tag {
    border-right: 1px solid #d8d8d8;
    padding: 20px 0; }
    @media (max-width: 768px) {
      .contact-constructor .contact-tag {
        border-bottom: 1px solid #d8d8d8; } }
  .contact-constructor h6 {
    font-family: 'roboto-condensed-bold';
    font-size: 18px; }
  .contact-constructor .contact-info {
    color: #4a4a4a; }
    @media (max-width: 768px) {
      .contact-constructor .contact-info {
        margin: 5px 0; } }
    .contact-constructor .contact-info span {
      margin-left: 10px; }
      .contact-constructor .contact-info span a {
        font-family: "roboto-regular";
        font-size: 20px;
        color: #4a4a4a;
        text-decoration: none; }

.servicetype-check-mark-bg,
.servicetype-tile-check-mark {
  visibility: hidden; }

.servicetype-check-mark-bg.active,
.servicetype-tile-check-mark.active {
  visibility: visible; }

.formserviceselection-component-content .shadow-box.shadow-box-tile.service-type-tile {
  cursor: pointer; }

.formserviceselection-component-content {
  margin: 20px 0;
  padding: 0px !important; }

.formserviceselection-component-content .servicetype-check-mark-bg {
  position: absolute;
  transform: rotate(45deg);
  top: -30px;
  left: 7px; }

.formserviceselection-component-content .servicetype-tile-check-mark {
  position: absolute;
  top: 10px;
  left: 23px; }

.select-project-topic {
  font-family: roboto-medium;
  font-weight: 500;
  font-size: 20px; }

.div-desc {
  height: 200px;
  width: 100%;
  padding: 15px;
  border-style: solid;
  border-color: maroon;
  border-width: 1px;
  float: left;
  background-color: white;
  border: solid 1px #979797; }

.div-desc-title {
  font-family: roboto-bold;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.5; }

.media-heading-title {
  margin-top: 0;
  margin-bottom: 5px;
  font-family: "roboto-condensed-bold"; }

#next.disabled {
  pointer-events: none;
  cursor: default;
  color: #BFBFBF; }

.back-next-link .h8:first-child {
  float: left; }

.back-next-link.navalign .h8:first-child {
  float: left; }

#navcontent.bg-grey {
  margin-bottom: 60px; }

#navcontent .col-md-6.col-md-offset-3 {
  margin-top: 15px;
  margin-bottom: 15px; }

#next.disabled i.fa.fa-chevron-right {
  color: #BFBFBF; }

.errormessaging {
  font-size: 12px;
  font-weight: bold;
  letter-spacing: .5px;
  color: #d0021b; }

.pb-20 {
  padding-bottom: 20px; }

.pt-20 {
  padding-top: 20px; }

.ccsform-sigfamres {
  background-color: #e5f6fa;
  padding: 30px 34px;
  text-align: center;
  word-break: break-word;
  display: inline-block; }

#prjtInfoProjectaddress ~ .res-help,
#prjtInfoBuildingPermitNumber ~ .res-help,
#prjtInfoProjectName ~ .res-help,
#prjtInfoContractorName ~ .res-help,
#prjtInfoProjectPointofContact ~ .res-help,
#prjtInfoProjectRole ~ .res-help,
#usagecharges ~ .res-help,
#billInfoPartyProjectConstruction ~ .res-help,
#billInfoConstructionBillAdd ~ .res-help,
#billInfoConstructionChargesPhone ~ .res-help,
#sqFtLiving ~ .res-help,
#sqFtOutbuilding ~ .res-help,
#heatedSquareFootage ~ .res-help,
#nrElServiceInfoProjectaddress ~ .res-help,
#nrElServiceInfoPanelSize ~ .res-help,
#nrElServiceInfoNoOfRuns ~ .res-help,
#mfElHeatPumpAcCurrent ~ .res-help,
#NrElTepanelSize ~ .res-help,
#NrElTenoOfRuns ~ .res-help,
#restOfTheWorldPhone ~ .res-help,
#gridNumber ~ .res-help,
#gridNum ~ .res-help {
  color: #1771cc;
  font-size: 24px;
  position: absolute;
  right: 10px;
  top: 8px; }
  #prjtInfoProjectaddress ~ .res-help + .tooltip .tooltip-arrow,
  #prjtInfoBuildingPermitNumber ~ .res-help + .tooltip .tooltip-arrow,
  #prjtInfoProjectName ~ .res-help + .tooltip .tooltip-arrow,
  #prjtInfoContractorName ~ .res-help + .tooltip .tooltip-arrow,
  #prjtInfoProjectPointofContact ~ .res-help + .tooltip .tooltip-arrow,
  #prjtInfoProjectRole ~ .res-help + .tooltip .tooltip-arrow,
  #usagecharges ~ .res-help + .tooltip .tooltip-arrow,
  #billInfoPartyProjectConstruction ~ .res-help + .tooltip .tooltip-arrow,
  #billInfoConstructionBillAdd ~ .res-help + .tooltip .tooltip-arrow,
  #billInfoConstructionChargesPhone ~ .res-help + .tooltip .tooltip-arrow,
  #sqFtLiving ~ .res-help + .tooltip .tooltip-arrow,
  #sqFtOutbuilding ~ .res-help + .tooltip .tooltip-arrow,
  #heatedSquareFootage ~ .res-help + .tooltip .tooltip-arrow,
  #nrElServiceInfoProjectaddress ~ .res-help + .tooltip .tooltip-arrow,
  #nrElServiceInfoPanelSize ~ .res-help + .tooltip .tooltip-arrow,
  #nrElServiceInfoNoOfRuns ~ .res-help + .tooltip .tooltip-arrow,
  #mfElHeatPumpAcCurrent ~ .res-help + .tooltip .tooltip-arrow,
  #NrElTepanelSize ~ .res-help + .tooltip .tooltip-arrow,
  #NrElTenoOfRuns ~ .res-help + .tooltip .tooltip-arrow,
  #restOfTheWorldPhone ~ .res-help + .tooltip .tooltip-arrow,
  #gridNumber ~ .res-help + .tooltip .tooltip-arrow,
  #gridNum ~ .res-help + .tooltip .tooltip-arrow {
    border-top-color: #1771cc; }
  #prjtInfoProjectaddress ~ .res-help + .tooltip .tooltip-inner,
  #prjtInfoBuildingPermitNumber ~ .res-help + .tooltip .tooltip-inner,
  #prjtInfoProjectName ~ .res-help + .tooltip .tooltip-inner,
  #prjtInfoContractorName ~ .res-help + .tooltip .tooltip-inner,
  #prjtInfoProjectPointofContact ~ .res-help + .tooltip .tooltip-inner,
  #prjtInfoProjectRole ~ .res-help + .tooltip .tooltip-inner,
  #usagecharges ~ .res-help + .tooltip .tooltip-inner,
  #billInfoPartyProjectConstruction ~ .res-help + .tooltip .tooltip-inner,
  #billInfoConstructionBillAdd ~ .res-help + .tooltip .tooltip-inner,
  #billInfoConstructionChargesPhone ~ .res-help + .tooltip .tooltip-inner,
  #sqFtLiving ~ .res-help + .tooltip .tooltip-inner,
  #sqFtOutbuilding ~ .res-help + .tooltip .tooltip-inner,
  #heatedSquareFootage ~ .res-help + .tooltip .tooltip-inner,
  #nrElServiceInfoProjectaddress ~ .res-help + .tooltip .tooltip-inner,
  #nrElServiceInfoPanelSize ~ .res-help + .tooltip .tooltip-inner,
  #nrElServiceInfoNoOfRuns ~ .res-help + .tooltip .tooltip-inner,
  #mfElHeatPumpAcCurrent ~ .res-help + .tooltip .tooltip-inner,
  #NrElTepanelSize ~ .res-help + .tooltip .tooltip-inner,
  #NrElTenoOfRuns ~ .res-help + .tooltip .tooltip-inner,
  #restOfTheWorldPhone ~ .res-help + .tooltip .tooltip-inner,
  #gridNumber ~ .res-help + .tooltip .tooltip-inner,
  #gridNum ~ .res-help + .tooltip .tooltip-inner {
    background-color: #1771cc; }

.form-grey {
  background-color: #f6f6f6;
  padding: 20px; }

.formq-radio {
  font-weight: 700; }

.ttradio {
  color: #1771cc;
  font-size: 24px; }

.tticon {
  color: #74C6FF;
  font-size: 24px; }

@media only screen and (min-width: 992px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; } }

.modal-body {
  position: relative;
  padding: 15px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid; }

.modal-header .close {
  margin-top: -2px; }

button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0; }

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 2; }

textarea.ccs-textarea {
  border-color: #979797;
  border-radius: 0;
  font-size: 16px;
  height: 200px;
  padding-bottom: 100px;
  resize: none; }

.upload-section {
  width: 100%;
  padding: 20px;
  background: #fff;
  border: 1px #979797 solid; }

.upload-section .over {
  border: 3px dashed #1771cc !important; }

.upload-section .upload-form {
  height: 112px;
  border: 2px dashed #999999;
  align-items: center;
  justify-content: center;
  display: flex; }

section .upload-row {
  margin-top: 20px;
  background: #f6f6f6;
  list-style: none;
  padding: 10px;
  height: auto;
  border-radius: 10px;
  align-items: center; }

@media only screen and (min-width: 992px) {
  section .upload-row {
    height: 48px; } }

.progress-area .upload-row .upload-content {
  margin-top: 2px; }

.upload-area .upload-row .upload-content {
  margin-top: 5px; }

.upload-failed .upload-row .upload-content {
  margin-top: 5px; }

.progress-area .upload-content .progress-bar {
  height: 5px;
  width: 100%;
  background: #ffffdf;
  border: solid 1px #00A6CF; }

.upload-content .progress-bar .progress {
  height: 100%;
  width: 50%;
  border-radius: 0;
  background: #00A6CF;
  border: solid 1px #00A6CF; }

.upload-failed .upload-row {
  color: #d0021b; }

.browseLink {
  justify-content: center;
  align-items: center;
  display: flex;
  margin-top: 10%; }

.upload-form-responsive {
  border: 1px solid #999;
  height: 85px; }

.truncate-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.shadow-box-border {
  box-shadow: 0 3px 6px 0 #c3c3c3;
  border: solid 2px #fff; }

.activeMeterLocation {
  box-shadow: 0 3px 6px 0 #d9ffff !important;
  border: solid 2px #58C3B4; }

span.removeMe {
  color: red;
  font-size: 24px; }

#tblGasAdditionalAppliance {
  padding: 0; }

@media only screen and (min-width: 992px) {
  .divaligncenter {
    translate: 25%; } }

.removeMe-mt-20 {
  margin-top: 20px; }
  @media (max-width: 768px) {
    .removeMe-mt-20 {
      margin-top: 0px; } }

.removeMe-sm-mb-10 {
  margin-bottom: 0px; }
  @media (max-width: 768px) {
    .removeMe-sm-mb-10 {
      margin-bottom: 10px; } }

@media (max-width: 768px) {
  .wa-label {
    float: initial; }
  .form-check.custom-checkbox label {
    display: flex;
    align-items: flex-start; } }

.form-check.custom-checkbox span.form-check-label {
  margin-left: 7px; }

.state-label {
  top: 14px; }

.ccsforms-plElResServiceinfoChkbx {
  padding-left: 0px !important; }

.w-90percent {
  width: 90%; }

.w-10percent {
  width: 10%; }

.w-40percent {
  width: 40%; }

.w-20percent {
  width: 20%; }

.w-60percent {
  width: 60%; }

.x-overflow-auto {
  overflow-x: auto; }

#tblUploadedFiles tr {
  vertical-align: middle;
  text-align: left; }

.regular-fontWt {
  font-weight: normal; }

.disabled-date {
  color: #949494 !important;
  background-color: #FFF !important;
  cursor: default !important; }

.custom-textfield.disableDate {
  border: solid 1px #F0F0F0; }

.td-custom-textfield {
  margin-bottom: 0px;
  border: 0px;
  height: 30px; }

.td-custom-textfield .td-form-control {
  text-align: right;
  margin: 0px;
  padding: 0px; }

.td-custom-textfield .td-form-control-placeholder {
  padding: 0px 0px 5px 0px; }

.electrical-loading-table {
  background-color: white; }

.electrical-loading-table td input {
  width: 65%;
  border: 0;
  box-shadow: none;
  float: left;
  padding: 0px 4px 2px 0px;
  text-align: left;
  font-size: 16px; }

.electrical-loading-table td span.unit-text {
  width: 35%;
  vertical-align: -webkit-baseline-middle;
  text-align: right; }

.electrical-loading-table td, .electrical-loading-table th {
  vertical-align: middle !important; }

.electrical-loading-table th:first-child, .electrical-loading-table td:first-child {
  text-align: left !important; }

.electrical-loading-table th:nth-child(2), .electrical-loading-table th:nth-child(3) {
  text-align: center !important; }

.electrical-loading-table .blankCell {
  background-color: #d7d7d7; }

#tblAdditionalElectricalLoading .td-ElectricCarCharger, #tblNonResidentialLoadInformation .td-ElectricCarCharger {
  display: flex;
  gap: 10px;
  align-items: center; }

#tblAdditionalElectricalLoading .td-ElectricCarCharger .electric-radio-group, #tblNonResidentialLoadInformation .td-ElectricCarCharger .electric-radio-group {
  margin-left: 8%; }

#divAdditionalMotorLoadSection td:first-child input, #divAdditionalElectricalLoadSection td:first-child input {
  float: right;
  text-align: left;
  width: 90%; }

#divAdditionalMotorLoadSection span .removeMe, #divAdditionalElectricalLoadSection span .removeMe {
  vertical-align: sub;
  color: red; }

.ccsforms-plGaAppliancesChkbx {
  padding-left: 0px !important; }

.ccsforms-mfgaserviceinfoChkbx {
  padding-left: 0px !important;
  margin-bottom: 5px !important; }

.errorMessage #hiddenRecaptcha-error {
  margin-top: 10px; }

.align-center th:first-child, .align-center td:first-child {
  text-align: center !important; }

.td-custom-textfield .text-center {
  text-align: center; }

#finalForm div.col-md-12 div, #finalForm div.col-md-6 div {
  overflow-wrap: break-word; }

.article-banner {
  position: relative;
  background-color: #23527c;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover !important;
  height: 180px; }
  .article-banner h2 {
    color: #003c4b;
    font-family: "roboto-condensed-bold";
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    position: absolute;
    left: 50%;
    width: 70%;
    transform: translate(-50%, -50%);
    margin-top: 0; }
    @media (max-width: 767px) {
      .article-banner h2 {
        width: 90%; } }

.article-lg-banner {
  position: relative;
  height: 390px;
  background-size: cover !important;
  background-repeat: no-repeat;
  background-color: #23527c; }
  .article-lg-banner .headline-component {
    bottom: 9px;
    color: #fff;
    position: absolute; }
    .article-lg-banner .headline-component .pse-breadcrumb li:before {
      color: #fff; }
    .article-lg-banner .headline-component .pse-breadcrumb li a {
      color: #fff; }
    .article-lg-banner .headline-component .pse-breadcrumb li.active {
      color: #fff;
      font-family: "roboto-bold"; }
    .article-lg-banner .headline-component h2 {
      color: #fff;
      font-weight: 300;
      letter-spacing: normal;
      line-height: 1.1; }

.article-logo-text {
  margin-top: 45px; }
  @media (max-width: 991px) {
    .article-logo-text .article-logo img {
      width: 346px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .article-logo-text .article-logo {
      text-align: center; } }
  @media (max-width: 991px) {
    .article-logo-text .article-text {
      margin-top: 20px; } }
  .article-logo-text h5 {
    font-weight: 300;
    line-height: 1.19;
    margin: 0 0 17px 15px; }
  .article-logo-text p {
    color: #4a4a4a;
    letter-spacing: normal;
    line-height: 1.56;
    margin: 0 0 25px 15px; }

.article-landing .description-paraline {
  color: #242424;
  font-size: 18px;
  letter-spacing: .1px;
  line-height: 1.22;
  margin-top: 30px;
  text-align: center; }

.article-landing .signup-description {
  background-color: #eaf8fb;
  padding: 30px 0;
  text-align: center; }
  .article-landing .signup-description a {
    font-family: "roboto-condensed-bold";
    font-weight: bold;
    margin-top: 21px;
    text-transform: uppercase; }

.article-landing .video-download-tile {
  margin-top: 62px;
  margin-bottom: 55px; }
  @media (max-width: 991px) {
    .article-landing .video-download-tile {
      margin-top: 25px; } }
  @media (max-width: 991px) {
    .article-landing .video-download-tile .video-tile {
      margin-bottom: 20px; } }
  .article-landing .video-download-tile .video-tile .article-vd-player {
    width: 100%;
    height: 428px; }
    @media (max-width: 991px) {
      .article-landing .video-download-tile .video-tile .article-vd-player {
        width: 100%;
        height: 300px; } }
  .article-landing .video-download-tile .video-tile .img-videoplay {
    cursor: pointer; }
    @media (max-width: 991px) {
      .article-landing .video-download-tile .video-tile .img-videoplay {
        width: 100%; } }
    @media (min-width: 992px) {
      .article-landing .video-download-tile .video-tile .img-videoplay {
        height: 428px;
        width: 100%; } }
  .article-landing .video-download-tile .video-tile .video-headlines {
    bottom: 19px;
    color: #fff;
    padding: 0 64px;
    position: absolute;
    text-align: center; }
    @media (max-width: 991px) {
      .article-landing .video-download-tile .video-tile .video-headlines h3 {
        font-size: 19px;
        margin-bottom: 5px; }
      .article-landing .video-download-tile .video-tile .video-headlines p {
        font-size: 13px;
        margin-top: 20px; } }
    .article-landing .video-download-tile .video-tile .video-headlines h3 {
      color: #fff; }
  .article-landing .video-download-tile .download-tile {
    background-color: #bce7e1;
    height: 428px;
    padding: 95px 0 30px;
    text-align: center; }
    .article-landing .video-download-tile .download-tile .h8 {
      color: #242424; }
      @media (max-width: 991px) {
        .article-landing .video-download-tile .download-tile .h8 {
          margin-top: 13px; } }
    .article-landing .video-download-tile .download-tile p {
      color: #242424; }
    @media (max-width: 991px) {
      .article-landing .video-download-tile .download-tile {
        padding: 45px 20px; } }
    .article-landing .video-download-tile .download-tile a {
      text-transform: uppercase; }

.article-landing .article-description.description-custom {
  margin-bottom: 100px; }

.article-landing .article-description.desc-landing01 {
  margin-bottom: 30px; }

.article-landing .article-description .h5 {
  letter-spacing: normal;
  line-height: 1.19; }

.article-landing .article-description p {
  color: #4a4a4a;
  margin-bottom: 47px; }

.article-landing .article-description a {
  color: #1771cc;
  line-height: .9; }

.article-landing .article-title-desc h2 {
  color: #474b55;
  font-weight: 300;
  margin-bottom: 21px; }

.article-landing .article-title-desc p {
  color: #242424;
  letter-spacing: 0.1px;
  line-height: 1.22; }

.article-landing .article-title-desc .sub-content {
  margin-top: 20px; }

.article-landing .title-desc-custom {
  background-color: #bce7e1;
  padding: 32px 0; }
  .article-landing .title-desc-custom h4 {
    display: none; }

.article-landing .featured-item .featured-item-content h3 {
  margin: 15px 0 24px;
  font-weight: 300; }

@media (max-width: 991px) {
  .article-landing .featured-item {
    text-align: center; } }

.article-subcontents .featured-custom img {
  height: auto; }

.article-subcontents .featured-custom .featured-item-content .pse-link-primary {
  display: none; }

.article-subcontents .no-background {
  background-color: transparent; }

.article-signup-description .article-description p {
  margin-bottom: 0px; }

.article-description {
  color: #242424;
  letter-spacing: .1px; }
  .article-description p {
    font-size: 18px; }
    @media (max-width: 768px) {
      .article-description p {
        font-size: 16px; } }
  .article-description .page-content {
    margin-bottom: 0;
    word-break: break-word; }
    .article-description .page-content p:not(:last-child) {
      margin-bottom: 30px; }

.article-page-content.description-custom {
  margin-bottom: 100px; }

.article-page-content h5 {
  letter-spacing: normal;
  line-height: 1.19; }

.article-page-content p {
  color: #4a4a4a;
  margin-bottom: 45px;
  font-size: 18px; }
  @media (max-width: 768px) {
    .article-page-content p {
      font-size: 16px; } }

.article-page-content a {
  color: #1771cc;
  line-height: .9;
  font-size: 20px; }
  @media (max-width: 768px) {
    .article-page-content a {
      font-size: 18px; } }

.article-signup-description {
  padding: 30px 0;
  margin-bottom: 30px; }
  .article-signup-description a {
    font-family: "roboto-condensed-bold";
    font-weight: bold;
    margin-top: 21px;
    text-transform: uppercase;
    font-size: 20px; }
    @media (max-width: 768px) {
      .article-signup-description a {
        font-size: 18px; } }

.article-video-section {
  position: relative;
  margin-bottom: 30px;
  height: 428px; }
  @media (max-width: 991px) {
    .article-video-section {
      margin-bottom: 20px;
      height: auto; } }
  .article-video-section .pse-play-icon, .article-video-section .pse-play-icon-lg {
    top: 50%;
    left: 50%; }
  .article-video-section .pse-play-icon-lg {
    margin-top: -40px;
    margin-left: -40px; }
  @media (max-width: 768px) {
    .article-video-section .pse-play-icon {
      margin-top: -73px;
      margin-left: -20px; } }
  .article-video-section .article-vd-player {
    width: 100%;
    height: 428px; }
    @media (max-width: 991px) {
      .article-video-section .article-vd-player {
        width: 100%;
        height: 300px; } }
  .article-video-section .img-videoplay {
    cursor: pointer; }
    @media (max-width: 991px) {
      .article-video-section .img-videoplay {
        width: 100%; } }
    @media (min-width: 992px) {
      .article-video-section .img-videoplay {
        height: 428px;
        width: 100%; } }
  .article-video-section .video-headlines {
    bottom: 19px;
    color: #fff;
    padding: 0 64px;
    position: absolute;
    text-align: center; }
    @media (max-width: 991px) {
      .article-video-section .video-headlines {
        bottom: 0;
        color: black;
        display: none; }
        .article-video-section .video-headlines h3 {
          font-size: 19px;
          margin-bottom: 5px; }
        .article-video-section .video-headlines p {
          font-size: 13px;
          margin-top: 20px; } }
    .article-video-section .video-headlines h3 {
      color: #fff; }
    .article-video-section .video-headlines p {
      font-size: 18px; }

/* sitecore related issue css style*/
.article-main-section {
  margin-bottom: 30px;
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox; }
  @media (max-width: 991px) {
    .article-main-section {
      margin-bottom: 20px; } }
  .article-main-section .article-tiles {
    margin-bottom: 0px; }

.article-promo {
  margin-bottom: 30px;
  background-color: #bce7e1;
  height: 428px;
  padding: 50px 0;
  text-align: center; }
  @media (max-width: 991px) {
    .article-promo {
      margin-bottom: 20px; } }
  .article-promo h3 {
    color: #242424;
    font-size: 24px;
    font-family: roboto-condensed-bold;
    text-transform: uppercase; }
    @media (max-width: 991px) {
      .article-promo h3 {
        margin-top: 13px; } }
  .article-promo p {
    color: #242424; }
  @media (max-width: 768px) {
    .article-promo {
      padding: 45px 20px; } }
  .article-promo a {
    text-transform: uppercase;
    font-family: "roboto-condensed-bold";
    font-size: 20px; }
    @media (max-width: 768px) {
      .article-promo a {
        font-size: 18px; } }

.bg-azurelight {
  background-color: #EAF8FB; }

/*article featured item style*/
.article-featured-item .featured-item-content h3 {
  margin: 15px 0 24px;
  font-weight: 300; }

.article-featured-item .featured-item-content p {
  font-size: 18px; }
  @media (max-width: 768px) {
    .article-featured-item .featured-item-content p {
      font-size: 16px; } }

.article-featured-item .featured-item-content .pse-link-primary {
  font-size: 20px; }
  @media (max-width: 768px) {
    .article-featured-item .featured-item-content .pse-link-primary {
      font-size: 18px; } }

@media (max-width: 991px) {
  .featured-item {
    text-align: center; } }

/*Article image left style*/
.article-image-left {
  margin-top: 45px; }
  .article-image-left .article-image img {
    width: 100%;
    max-width: 100%; }
  @media (min-width: 768px) and (max-width: 991px) {
    .article-image-left .article-image {
      text-align: center; } }
  @media (max-width: 991px) {
    .article-image-left .article-text {
      margin-top: 20px; } }
  .article-image-left h3 {
    font-weight: 300;
    line-height: 1.19;
    margin: 0 0 17px 15px; }
  .article-image-left p {
    color: #4a4a4a;
    letter-spacing: normal;
    line-height: 1.56;
    margin: 0 0 25px 15px; }

.article-hero-banner {
  background-size: cover;
  height: 300px; }

/*row-equal-height issue fix in sitecore*/
.row-eq-height .article-banner, .row-eq-height .article-lg-banner, .row-eq-height .article-video-section, .row-eq-height .article-promo,
.row-eq-height .article-main-section, .row-eq-height .article-page-content, .row-eq-height .article-signup-description {
  width: 100%; }

.image-description h5 {
  margin: 20px 0; }

.title-paragraph h5 {
  font-size: 42px; }
  @media (max-width: 768px) {
    .title-paragraph h5 {
      font-size: 30px; } }

.title-paragraph img {
  max-width: 100%;
  margin-bottom: 20px; }

#ytplayer {
  width: 100%;
  height: 428px; }
  @media (max-width: 991px) {
    #ytplayer {
      width: 100%;
      height: 300px; } }

main .CoveoSearchInterface {
  background-color: #f6f6f6 !important; }
  main .CoveoSearchInterface .coveo-search-section {
    margin: 25px auto 40px auto;
    padding: 0; }
    @media (min-width: 768px) and (max-width: 991px) {
      main .CoveoSearchInterface .coveo-search-section {
        max-width: 100%;
        padding: 0; } }

.coveo-list-layout.CoveoResult {
  background: #fff;
  border: 1px solid #d8d8d8;
  margin-bottom: 10px;
  padding: 3px 0px 6px 35px !important; }
  .coveo-list-layout.CoveoResult .coveo-result-cell.coveoforsitecore-information-section {
    padding-left: 0; }
  .coveo-list-layout.CoveoResult .CoveoExcerpt {
    font-size: 16px;
    color: #4a4a4a;
    font-family: "roboto-regular"; }
  .coveo-list-layout.CoveoResult .CoveoResultTitle {
    font-size: 18px;
    color: #4a4a4a;
    font-family: "roboto-medium";
    font-weight: 500; }
  .coveo-list-layout.CoveoResult .CoveoClickableUri a.CoveoResultLink {
    text-decoration: underline;
    font-size: 16px;
    margin: 15px 0 10px;
    color: #1771cc;
    display: block;
    font-family: "roboto-medium"; }

@media (max-width: 991px) {
  .coveo-summary-section {
    margin: 15px 0; } }

.coveo-summary-section span {
  color: #4a4a4a;
  font-size: 14px;
  font-family: "roboto-medium";
  font-weight: 500; }
  .coveo-summary-section span .coveo-highlight {
    font-weight: 500; }
  .coveo-summary-section span .coveo-query-summary-no-results-string .coveo-highlight {
    font-weight: bold; }
  .coveo-summary-section span .coveo-query-summary-no-results-string .coveo-query-summary-cancel-last {
    color: #006671; }

.CoveoResultList {
  margin: 5px 0 15px 0; }
  @media (max-width: 991px) {
    .CoveoResultList {
      margin: 0 !important; } }

.coveo-facet-column {
  margin-right: 0 !important; }
  .coveo-facet-column .CoveoFacet {
    border: 1px solid #d8d8d8;
    border-radius: 0;
    padding: 15px 15px 5px; }
    .coveo-facet-column .CoveoFacet .coveo-facet-header {
      background: none;
      border-bottom: 1px solid #d8d8d8;
      padding: 0;
      margin-bottom: 10px; }
      .coveo-facet-column .CoveoFacet .coveo-facet-header .coveo-facet-header-title {
        color: #4a4a4a;
        font-size: 18px;
        font-family: "roboto-regular"; }
    .coveo-facet-column .CoveoFacet .coveo-facet-value {
      padding: 0; }
      .coveo-facet-column .CoveoFacet .coveo-facet-value .coveo-facet-value-checkbox {
        border: 1px solid #717171;
        border-radius: 0;
        width: 15px;
        height: 15px;
        top: 4px; }
      .coveo-facet-column .CoveoFacet .coveo-facet-value:hover, .coveo-facet-column .CoveoFacet .coveo-facet-value.coveo-focused {
        background: none; }
      .coveo-facet-column .CoveoFacet .coveo-facet-value .coveo-facet-selectable {
        padding: 0; }
      .coveo-facet-column .CoveoFacet .coveo-facet-value .coveo-facet-value-label {
        font-weight: normal; }
      .coveo-facet-column .CoveoFacet .coveo-facet-value .coveo-facet-value-label-wrapper {
        color: #4a4a4a;
        font-size: 16px;
        margin: 5px 0;
        font-family: "roboto-regular"; }

.coveo-results-column {
  padding-left: 0px !important; }
  .coveo-results-column .CoveoLogo {
    display: none !important; }
  .coveo-results-column .outage-card {
    padding: 23px 0 23px 23px !important; }
    @media (max-width: 991px) {
      .coveo-results-column .outage-card {
        padding: 23px 0 23px 15px !important; } }
    .coveo-results-column .outage-card .media {
      margin-top: 0; }
      .coveo-results-column .outage-card .media .media-body {
        padding-left: 15px; }
      @media (max-width: 991px) {
        .coveo-results-column .outage-card .media .media-left.media-middle {
          float: left;
          padding: 0;
          text-align: center;
          width: 40%; } }
    .coveo-results-column .outage-card h6 {
      font-family: "roboto-light"; }
    .coveo-results-column .outage-card .pse-form-btn {
      color: #1771cc;
      font-size: 16px;
      padding: 0; }
      .coveo-results-column .outage-card .pse-form-btn:hover, .coveo-results-column .outage-card .pse-form-btn:visited {
        color: #1771cc;
        text-decoration: none; }
    @media (max-width: 768px) {
      .coveo-results-column .outage-card img {
        width: 100%;
        height: 100%; } }

@media (max-width: 991px) {
  .pse-search-box .CoveoSearchbox .mbl-search-label {
    position: absolute;
    top: 6px;
    right: 50px;
    color: #fff;
    font-family: "roboto-condensed-bold";
    font-size: 14px;
    text-transform: uppercase; } }

.pse-search-box .CoveoSearchbox .magic-box {
  border-radius: 0; }
  @media (max-width: 991px) {
    .pse-search-box .CoveoSearchbox .magic-box {
      border: 0;
      display: none; } }
  .pse-search-box .CoveoSearchbox .magic-box .magic-box-clear {
    height: 40px;
    line-height: 40px;
    z-index: 2; }
    @media (max-width: 991px) {
      .pse-search-box .CoveoSearchbox .magic-box .magic-box-clear {
        height: 35px;
        line-height: 32px;
        width: 48px;
        float: left;
        background: #006671; }
        .pse-search-box .CoveoSearchbox .magic-box .magic-box-clear .magic-box-clear-svg {
          color: #fff !important; } }
  .pse-search-box .CoveoSearchbox .magic-box .magic-box-input {
    height: 40px; }
    @media (max-width: 991px) {
      .pse-search-box .CoveoSearchbox .magic-box .magic-box-input {
        height: 35px; } }
    .pse-search-box .CoveoSearchbox .magic-box .magic-box-input input {
      color: #242424;
      height: 40px;
      top: -12px;
      padding: 0 0 0 10px; }
      @media (max-width: 991px) {
        .pse-search-box .CoveoSearchbox .magic-box .magic-box-input input {
          top: -14px; } }
  @media (max-width: 991px) {
    .pse-search-box .CoveoSearchbox .magic-box.magic-box-notEmpty .magic-box-input input {
      padding: 0 0 0 50px; } }

.pse-search-box .CoveoSearchbox .CoveoSearchButton {
  border: none;
  height: 40px;
  position: absolute;
  right: 0; }
  @media (max-width: 991px) {
    .pse-search-box .CoveoSearchbox .CoveoSearchButton {
      background: transparent;
      height: 35px;
      display: none; } }

.pse-search-box .CoveoSearchbox .magic-box.magic-box-hasFocus .magic-box-suggestions.magic-box-hasSuggestion {
  z-index: 9999; }

.CoveoSearchbox .CoveoSearchButton {
  z-index: 1 !important; }

.CoveoSearchbox .coveo-search-button-svg,
.CoveoSearchbox .magic-box .magic-box-clear-svg {
  color: #717171 !important; }

.CoveoSearchbox .magic-box-input input {
  color: #242424; }

.CoveoSearchbox .CoveoSearchButton:hover .coveo-magnifier-circle-svg {
  fill: #717171; }

.coveoforsitecore-template .coveoforsitecore-information-section {
  padding-left: 0; }

.coveo-result-row {
  margin: 0; }
  .coveo-result-row a:hover {
    text-decoration: none !important; }

.coveo-facet-header-settings::after {
  content: "\f107";
  font-family: FontAwesome;
  font-size: 22px;
  font-weight: bold; }

.coveo-facet-header-settings svg.coveo-facet-settings-more-svg {
  opacity: 0; }

.CoveoPager .coveo-pager-list-item.coveo-active, .CoveoPager .coveo-pager-list-item:hover {
  background-color: #006671; }

.CoveoPager .coveo-pager-next-icon-svg,
.CoveoPager .coveo-pager-previous-icon-svg {
  color: #006671; }

@media (max-width: 991px) {
  .coveo-list-layout.CoveoResult {
    padding: 3px 0px 6px 15px !important; }
  .CoveoSearchInterface .CoveoSearchbox {
    margin-right: 0 !important; } }

@media (max-width: 991px) and (max-width: 991px) {
  .coveo-main-section {
    padding: 0 15px; } }

@media (max-width: 991px) {
  .coveo-main-section .coveo-dropdown-header-wrapper a.coveo-facet-dropdown-header p {
    font-size: 12px; } }

.coveo-main-section .paperless-title {
  padding: 0 15px; }
  .coveo-main-section .paperless-title h2 {
    margin: 20px 0 70px 0; }

.banner-height-435 .article-lg-banner {
  height: 435px; }

.banner-height-435.microsite-banner-editmode .banner-editor-img {
  height: 435px; }

@media (max-width: 768px) {
  .banner-height-435 .banner-title h2 {
    font-size: 46px; } }

.banner-height-315 .article-lg-banner {
  height: 315px; }

.banner-height-315.microsite-banner-editmode .banner-editor-img {
  height: 315px; }

.banner-height-315 .banner-text {
  bottom: 30px !important; }
  .banner-height-315 .banner-text h2 {
    font-size: 42px !important; }

.banner-height-435, .banner-height-315 {
  position: relative; }
  @media (max-width: 768px) {
    .banner-height-435 .article-lg-banner .container, .banner-height-315 .article-lg-banner .container {
      position: initial; }
      .banner-height-435 .article-lg-banner .container .banner-title, .banner-height-315 .article-lg-banner .container .banner-title {
        position: absolute;
        bottom: 10px; }
        .banner-height-435 .article-lg-banner .container .banner-title h2, .banner-height-315 .article-lg-banner .container .banner-title h2 {
          color: #fff; } }
  .banner-height-435 .container, .banner-height-315 .container {
    position: relative; }
  .banner-height-435 .banner-text, .banner-height-315 .banner-text {
    color: #fff;
    position: absolute;
    bottom: 41px; }
    @media (max-width: 768px) {
      .banner-height-435 .banner-text, .banner-height-315 .banner-text {
        position: relative;
        color: inherit;
        bottom: 0;
        margin: 20px 0px; } }
    .banner-height-435 .banner-text h2, .banner-height-315 .banner-text h2 {
      color: #fff;
      margin-bottom: 10px;
      font-size: 64px; }
    .banner-height-435 .banner-text p, .banner-height-315 .banner-text p {
      font-size: 18px; }
  .banner-height-435 img, .banner-height-315 img {
    width: 100%;
    height: auto; }

@media (max-width: 768px) {
  .microsites-banner .banner-text p {
    font-size: 18px; } }

.psl-tile-top {
  height: 100%;
  width: 86px;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left; }
  @media screen and (min-width: 991px) {
    .psl-tile-top {
      height: 86px;
      width: 100%; } }

.psl-tile-bottom {
  position: relative;
  padding: 14px;
  width: 240px;
  height: 100%;
  float: left; }
  @media screen and (min-width: 991px) {
    .psl-tile-bottom {
      width: 100%;
      height: 244px; } }
  @media screen and (max-width: 991px) {
    .psl-tile-bottom {
      padding: 10px; } }

.psl-tile {
  height: 200px;
  width: 100%;
  outline: 1px solid #c3c3c3;
  padding: 0; }
  @media screen and (min-width: 991px) {
    .psl-tile {
      height: 330px; } }

.psl-result-icon {
  width: auto;
  height: 60px; }

.psl-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical; }
  @media screen and (max-width: 991px) {
    .psl-truncate {
      -webkit-line-clamp: 5; } }

.psl-tile-title {
  font-family: "roboto-medium";
  font-size: 20px;
  color: #4a4a4a;
  text-align: left;
  margin-top: 0; }
  @media screen and (max-width: 991px) {
    .psl-tile-title {
      margin-top: 0;
      margin-bottom: 10px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; } }

.psl-tile-description {
  font-family: "roboto-regular";
  font-size: 16px;
  color: #4a4a4a;
  text-align: left; }

.psl-tile-link {
  position: absolute;
  bottom: 10px;
  color: #1771cc !important;
  max-width: 24ch;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis; }
  @media screen and (max-width: 991px) {
    .psl-tile-link {
      bottom: 5px; } }

.coveo-card-layout.CoveoResult {
  width: 100% !important;
  margin-bottom: 0px !important; }

.coveo-result-list-container.coveo-card-layout-container {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  margin-right: 0px;
  grid-gap: 15px; }
  @media screen and (min-width: 991px) {
    .coveo-result-list-container.coveo-card-layout-container {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); } }

.load-calendarlist thead {
  background: #fff;
  color: #006671;
  font-size: 24px;
  font-weight: 500;
  font-family: "roboto-medium";
  text-transform: uppercase; }

.load-calendarlist .h8 {
  font-size: 18px; }

.load-calendarlist a {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px; }
  .load-calendarlist a:focus, .load-calendarlist a:hover {
    text-decoration: none; }
  .load-calendarlist a.pse-anchor-link {
    font-size: 18px;
    text-transform: capitalize;
    font-family: "roboto-condensed-bold"; }

@media (max-width: 768px) {
  .microsites-home {
    margin: 15px; } }

.microsites-home .microsoft-img {
  width: 100%; }

.microsites-home .account-header {
  color: #fff;
  position: absolute;
  bottom: 25px; }
  .microsites-home .account-header h4 {
    color: #fff; }
    @media (max-width: 768px) {
      .microsites-home .account-header h4 {
        bottom: 115px;
        color: #fff;
        position: absolute;
        padding: 0 5px; } }
  .microsites-home .account-header a {
    font-family: "roboto-regular";
    font-size: 16px;
    color: #fff; }
  @media (max-width: 768px) {
    .microsites-home .account-header p {
      color: #000;
      margin: 0; } }
  @media (max-width: 768px) {
    .microsites-home .account-header {
      position: static; } }

.microsite-navigation {
  box-shadow: 0 4px 5px 0 #eeedf2;
  margin-top: 30px;
  position: relative;
  /*#navbars {
    margin-top: 12px;
  }
  .social-media{
    position: relative;
    padding-top: 5px;
    img{
      position: absolute;
      bottom: 0;

      &:focus,&:hover,&:visited,&:active {
        text-decoration: none;
        background-color: $white;
    }    
    }
  }*/ }
  @media (max-width: 768px) {
    .microsite-navigation li a {
      padding-right: 10px; } }
  .microsite-navigation li a img {
    height: 20px;
    width: 25px;
    vertical-align: middle; }
    .microsite-navigation li a img:focus, .microsite-navigation li a img:hover, .microsite-navigation li a img:visited, .microsite-navigation li a img:active {
      text-decoration: none;
      background-color: #fff; }
  .microsite-navigation .microsite-pagetitle {
    position: relative;
    bottom: 10px;
    font-size: 32px;
    font-weight: 300;
    font-family: "roboto-light"; }
    @media (max-width: 768px) {
      .microsite-navigation .microsite-pagetitle {
        padding-left: 10px;
        font-size: 24px; } }
  .microsite-navigation .microsite-logo {
    position: relative;
    bottom: 10px; }
    @media (max-width: 768px) {
      .microsite-navigation .microsite-logo {
        padding-left: 10px; } }
  .microsite-navigation .user-account-nav {
    background-color: #003c4b;
    padding: 0;
    list-style: none;
    text-align: left;
    box-shadow: 0 0 5px 0 #898f9e; }
    .microsite-navigation .user-account-nav .nav {
      display: table;
      width: 100%;
      padding-bottom: 12px; }
      @media (max-width: 768px) {
        .microsite-navigation .user-account-nav .nav {
          margin: 0 0 35px 0; } }
      .microsite-navigation .user-account-nav .nav li {
        display: block;
        float: none; }
        .microsite-navigation .user-account-nav .nav li a {
          padding: 13px 12px;
          color: #fff;
          margin: 0 20px; }
          @media (max-width: 768px) {
            .microsite-navigation .user-account-nav .nav li a {
              text-align: left;
              font-size: 16px;
              margin: 0; }
              .microsite-navigation .user-account-nav .nav li a:focus, .microsite-navigation .user-account-nav .nav li a:hover, .microsite-navigation .user-account-nav .nav li a:visited, .microsite-navigation .user-account-nav .nav li a:active {
                background-color: transparent; } }
        .microsite-navigation .user-account-nav .nav li.active a {
          border: 0;
          font-family: "roboto-medium"; }
          @media (max-width: 768px) {
            .microsite-navigation .user-account-nav .nav li.active a {
              color: #fff; } }
    .microsite-navigation .user-account-nav .navbar-header .navbar-toggle {
      margin: 2px 0px;
      height: 45px;
      width: 45px;
      color: #fff;
      font-size: 14px; }
      .microsite-navigation .user-account-nav .navbar-header .navbar-toggle.collapsed {
        transform: rotate(180deg); }
    .microsite-navigation .user-account-nav .navbar-header .navbar-brand {
      color: #fff; }
      @media (max-width: 768px) {
        .microsite-navigation .user-account-nav .navbar-header .navbar-brand {
          padding: 15px 25px;
          font-size: 16px;
          font-family: "roboto-medium"; } }
  .microsite-navigation .nav li {
    font-family: "roboto-regular";
    font-size: 16px;
    border-right: 1px solid #4a4a4a;
    vertical-align: middle;
    padding: 0 10px; }
    @media (max-width: 768px) {
      .microsite-navigation .nav li {
        padding: 0; } }
    .microsite-navigation .nav li.active a {
      border-bottom: 3px solid #006671;
      font-family: "roboto-medium";
      color: #4a4a4a; }
      .microsite-navigation .nav li.active a.social-media {
        border-bottom: 0; }
    .microsite-navigation .nav li a {
      color: #4a4a4a;
      font-family: "roboto-regular";
      font-size: 16px;
      padding: 0;
      line-height: 14px; }
      .microsite-navigation .nav li a:focus, .microsite-navigation .nav li a:hover, .microsite-navigation .nav li a:visited, .microsite-navigation .nav li a:active {
        text-decoration: none;
        background-color: #fff; }
    .microsite-navigation .nav li:last-child {
      border-right: 0; }

.calendar-events img {
  width: 100%; }

@media (max-width: 768px) {
  .calendar-events .margin-md-top {
    margin-top: 20px; } }

.calendar-events .h7 {
  font-family: "roboto-regular";
  font-size: 24px; }
  @media (max-width: 768px) {
    .calendar-events .h7 {
      margin-top: 10px;
      font-size: 22px; } }

.calendar-events .default-bullet {
  list-style-type: none;
  padding-left: 0; }
  @media (max-width: 768px) {
    .calendar-events .default-bullet li {
      font-size: 14px; } }

.calendar-events p a {
  color: #1771cc;
  font-family: "roboto-condensed-bold";
  font-size: 16px;
  text-decoration: underline; }

.calender-event-main {
  padding: 30px 0px; }
  .calender-event-main .current-event .media-left {
    padding-right: 25px; }
  .calender-event-main .current-event p {
    color: #003c4b;
    font-family: "roboto-regular";
    font-size: 20px;
    margin-bottom: 5px; }
    @media (max-width: 768px) {
      .calender-event-main .current-event p {
        font-size: 18px; } }
  .calender-event-main .current-event h6 {
    color: #003c4b;
    font-family: "roboto-condensed-bold";
    font-size: 24px; }
    @media (max-width: 768px) {
      .calender-event-main .current-event h6 {
        font-size: 18px; } }
  .calender-event-main .seeall-event {
    float: right;
    padding-top: 25px; }
    @media (max-width: 768px) {
      .calender-event-main .seeall-event {
        float: left; } }
    .calender-event-main .seeall-event .media-left {
      display: inline; }
    .calender-event-main .seeall-event .media-body {
      display: inline; }
      .calender-event-main .seeall-event .media-body a {
        vertical-align: super;
        color: #003c4b;
        text-decoration: underline;
        font-size: 20px;
        font-weight: 500; }

.microsite-calendar .fc-prev-button {
  border: 0px #fff;
  background: #fff;
  position: relative;
  left: 300px;
  font-size: 20px;
  font-weight: bold;
  color: #c2c2c2; }
  .microsite-calendar .fc-prev-button:focus, .microsite-calendar .fc-prev-button:active, .microsite-calendar .fc-prev-button:hover, .microsite-calendar .fc-prev-button:visited {
    background: #fff; }

.microsite-calendar .fc-next-button {
  border: 0px #fff;
  background: #fff;
  position: relative;
  right: 300px;
  font-size: 20px;
  font-weight: bold;
  color: #c2c2c2; }
  .microsite-calendar .fc-next-button:focus, .microsite-calendar .fc-next-button:active, .microsite-calendar .fc-next-button:hover, .microsite-calendar .fc-next-button:visited {
    background: #fff; }

.microsite-calendar h2 {
  color: #006671;
  font-family: "roboto-medium";
  font-size: 32px; }
  @media (max-width: 768px) {
    .microsite-calendar h2 {
      font-size: 18px; } }

.microsite-calendar .event-color.fc-bgevent {
  background: #006671;
  opacity: 1; }

.microsite-calendar .ui-widget-header {
  font-family: "roboto-regular";
  font-size: 16px;
  border: 0px #fff;
  background: #fff;
  color: #4a4a4a; }

.microsite-calendar .ui-widget-content {
  border: 0px #fff; }
  .microsite-calendar .ui-widget-content .fc-scroller {
    overflow-x: visible !important;
    overflow-y: visible !important; }
  .microsite-calendar .ui-widget-content table {
    border-collapse: separate;
    border-spacing: 20px; }
    .microsite-calendar .ui-widget-content table .fc-day-top {
      position: relative; }
      .microsite-calendar .ui-widget-content table .fc-day-top .fc-day-number {
        font-family: "roboto-light";
        font-size: 32px;
        position: absolute;
        left: 33%; }
    .microsite-calendar .ui-widget-content table td.fc-day {
      border: 1px solid #d8d8d8;
      background: #d8d8d8;
      height: 90px;
      bottom: 17px;
      position: relative; }
    .microsite-calendar .ui-widget-content table td.fc-event-container {
      text-align: center;
      position: relative;
      bottom: 30px; }
    .microsite-calendar .ui-widget-content table .fc-event {
      position: relative;
      display: block;
      font-size: 14px;
      font-family: "roboto-medium";
      border: 1px solid #006671;
      background-color: #006671; }

.article-component-margin .article-tiles {
  border: none !important; }
  .article-component-margin .article-tiles .article-tiles-img img {
    vertical-align: bottom; }
  .article-component-margin .article-tiles .article-tiles-content span,
  .article-component-margin .article-tiles .article-tiles-content .news-date {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    font-family: "roboto-light"; }
  .article-component-margin .article-tiles .article-tiles-content p {
    display: block;
    -webkit-line-clamp: unset !important; }

.article-component-margin .row-eq-height {
  flex-grow: 0; }

.component-without-border {
  margin-top: 70px; }
  .component-without-border .article-tiles {
    border: none; }
    .component-without-border .article-tiles .article-tiles-content {
      padding-left: 0;
      padding-right: 0; }
      .component-without-border .article-tiles .article-tiles-content span,
      .component-without-border .article-tiles .article-tiles-content .news-date {
        display: block;
        margin-bottom: 5px;
        font-size: 14px;
        font-family: "roboto-light"; }
      .component-without-border .article-tiles .article-tiles-content p {
        display: block;
        -webkit-line-clamp: unset !important; }
  .component-without-border .row-eq-height {
    flex-grow: 0; }

.component-with-border .article-tiles .article-tiles-content span,
.component-with-border .article-tiles .article-tiles-content .news-date {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  font-family: "roboto-light"; }

.component-with-border .article-tiles .article-tiles-content p {
  display: block;
  -webkit-line-clamp: unset !important; }

.component-with-border .row-eq-height {
  flex-grow: 0; }

.component-with-border h2 {
  font-size: 42px;
  font-family: "roboto-light";
  color: #4a4a4a;
  margin-bottom: 30px;
  margin-top: 10px; }
  @media (max-width: 768px) {
    .component-with-border h2 {
      font-size: 32px; } }

.microsite-accordion {
  padding: 20px; }
  .microsite-accordion .accordion-section {
    padding-top: 0; }
    .microsite-accordion .accordion-section .panel-group {
      margin-bottom: 0; }

.microsite-content h2,
.microsite-content h3,
.microsite-content p {
  color: #4a4a4a;
  font-family: "roboto-regular"; }

.microsite-content h2 {
  font-size: 34px;
  margin-bottom: 15px; }
  @media (max-width: 768px) {
    .microsite-content h2 {
      font-size: 24px; } }

.microsite-content h3 {
  font-size: 24px;
  font-family: "roboto-light"; }
  @media (max-width: 768px) {
    .microsite-content h3 {
      font-size: 18px; } }

.related-links-wrapper {
  margin-bottom: 40px; }
  .related-links-wrapper h3 {
    font-size: 24px;
    font-family: "roboto-condensed-bold"; }
    @media (max-width: 768px) {
      .related-links-wrapper h3 {
        font-size: 18px;
        margin-top: 15px; } }

ul.related-links-vertical li {
  margin-top: 25px; }
  ul.related-links-vertical li a {
    font-size: 18px;
    font-family: "roboto-regular";
    font-weight: 500;
    text-decoration: underline;
    color: #1771cc; }

ul.related-links-horizontal {
  display: inline-block; }
  ul.related-links-horizontal li {
    display: inline-block;
    margin-right: 20px; }

.microsite-gallery .video-gallery,
.microsite-gallery .video-slider .video-wrapper {
  padding-top: 0; }

.microsites-vertical-tabs {
  background-color: #f6f6f6; }
  .microsites-vertical-tabs .vertical-navigation-list {
    border-right: 1px solid rgba(74, 74, 74, 0.17); }
    .microsites-vertical-tabs .vertical-navigation-list li:first-child {
      margin-top: 15px; }
  .microsites-vertical-tabs .item-content h3 {
    font-size: 32px;
    font-family: "roboto-light";
    color: #4a4a4a; }
    @media (max-width: 768px) {
      .microsites-vertical-tabs .item-content h3 {
        font-size: 24px; } }
  .microsites-vertical-tabs .item-content h6 {
    font-size: 20px; }
    @media (max-width: 768px) {
      .microsites-vertical-tabs .item-content h6 {
        font-size: 18px; } }
  .microsites-vertical-tabs .preference-wrapper.tabbed-content .item {
    border-left: none; }

.community-hero-wrapper .community-content-main {
  margin-top: 50px; }
  .community-hero-wrapper .community-content-main .microsite-content {
    margin-bottom: 30px; }
    .community-hero-wrapper .community-content-main .microsite-content h2 {
      font-size: 48px;
      font-family: "roboto-light"; }
      @media (max-width: 768px) {
        .community-hero-wrapper .community-content-main .microsite-content h2 {
          font-size: 32px; } }
    .community-hero-wrapper .community-content-main .microsite-content p {
      font-size: 18px; }
  .community-hero-wrapper .community-content-main .community-quicklink .microsite-cta-vertical h6,
  .community-hero-wrapper .community-content-main .community-quicklink .microsite-cta-horizontal h6 {
    font-size: 20px;
    font-family: "roboto-condensed-bold";
    color: #4a4a4a; }

.community-hero-wrapper .community-heroimg img {
  width: 100%;
  height: auto; }

.microsite-tabs-container {
  margin-top: 0px; }
  .microsite-tabs-container .tabbed-content .item.active .item-content .realted-links li {
    margin-top: 5px; }
  .microsite-tabs-container .tabbed-content .item.active .item-content h3 {
    margin-top: 0;
    color: #4a4a4a;
    font-family: "roboto-light";
    font-size: 32px;
    font-weight: 300; }
    @media (max-width: 768px) {
      .microsite-tabs-container .tabbed-content .item.active .item-content h3 {
        font-size: 24px; } }

ul.microsite-cta-horizontal {
  margin-top: 20px; }
  ul.microsite-cta-horizontal li {
    margin-right: 25px;
    display: inline-block; }
    ul.microsite-cta-horizontal li .cta-icon {
      display: inline-block;
      margin-right: 10px;
      vertical-align: bottom; }
    ul.microsite-cta-horizontal li .cta-content {
      display: inline-block; }
      ul.microsite-cta-horizontal li .cta-content h6 {
        font-size: 20px;
        font-family: "roboto-condensed-bold";
        color: #fff; }
        @media (max-width: 768px) {
          ul.microsite-cta-horizontal li .cta-content h6 {
            color: #4a4a4a;
            font-size: 18px; } }

ul.microsite-cta-vertical {
  padding-top: 10px; }
  ul.microsite-cta-vertical li {
    display: block;
    margin-bottom: 15px; }
    ul.microsite-cta-vertical li .cta-icon {
      display: inline-block;
      margin-right: 10px;
      vertical-align: bottom; }
    ul.microsite-cta-vertical li .cta-content {
      display: inline-block; }
      ul.microsite-cta-vertical li .cta-content h6 {
        font-size: 20px;
        font-family: "roboto-condensed-bold";
        color: #fff; }
        @media (max-width: 768px) {
          ul.microsite-cta-vertical li .cta-content h6 {
            font-size: 18px; } }

.microsite-secondary-header .microsite-title {
  font-size: 42px;
  color: #4a4a4a;
  font-family: "roboto-light";
  font-weight: 300; }

.project-detail {
  margin: 50px 0px; }
  .project-detail h4.project-title {
    font-family: "roboto-regular";
    font-size: 24px;
    color: #006671; }
    @media (max-width: 768px) {
      .project-detail h4.project-title {
        font-size: 18px; } }
  .project-detail .realted-links li {
    margin-top: 15px !important; }
    .project-detail .realted-links li a {
      font-size: 16px; }

.service-bullets .pse-bullet .fa {
  margin-right: 10px; }

.service-bullets .pse-bullet .fa-ban:before {
  color: #ed9f1b; }

.service-bullets .pse-bullet .fa-check-circle:before {
  color: #b8c42e; }

.nobullet .service-bullets .pse-bullet {
  padding-left: 0; }

.account-number, .amount, .percent, .payments-dates .service-bullets .lists .list-items .pse-bullet li {
  font-family: "roboto-medium";
  font-size: 18px; }

.bg-grey-wrapper > .bg-grey {
  padding: 35px 23px;
  margin: 0;
  line-height: 18px; }
  @media (max-width: 767px) {
    .bg-grey-wrapper > .bg-grey {
      padding: 40px 20px;
      margin: 0; } }

.service-info {
  margin: 0 0 20px; }

.body-l + .list-items .pse-bullet li {
  font-family: "roboto-regular";
  font-size: 16px; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  padding-right: 15px;
  padding-left: 15px; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.allmaplist {
  min-width: 200px; }

.searchComponent {
  padding-top: 18px; }
  @media (max-width: 991px) {
    .searchComponent {
      text-align: center; } }
  .searchComponent .all-maps-search {
    position: relative; }
    .searchComponent .all-maps-search #pse-search-txt {
      height: 48px;
      width: 262px;
      border-radius: 0;
      border: solid 1px #979797;
      font-family: "roboto-regular";
      font-size: 18px;
      color: #717171; }
      .searchComponent .all-maps-search #pse-search-txt:focus {
        box-shadow: none; }
      @media only screen and (max-device-width: 1024px) and (orientation: landscape) {
        .searchComponent .all-maps-search #pse-search-txt {
          font-size: 14px;
          width: 100%; } }
      @media (max-width: 991px) {
        .searchComponent .all-maps-search #pse-search-txt {
          width: 100%; } }
    .searchComponent .all-maps-search #MAPSearchBtn {
      position: absolute;
      right: 30px;
      top: 11px;
      color: #717171;
      font-size: 17px;
      cursor: pointer; }
  @media (max-width: 991px) {
    .searchComponent .searchwithin {
      margin: 15px 0; } }
  .searchComponent .searchwithin label {
    padding-right: 14px;
    font-size: 16px;
    font-family: "roboto-medium";
    line-height: 1.75;
    letter-spacing: .3px;
    color: #4a4a4a;
    font-weight: 500; }
    @media only screen and (max-device-width: 1024px) and (orientation: landscape) {
      .searchComponent .searchwithin label {
        font-size: 14px; } }
  .searchComponent .searchwithin .custom-select-arrow {
    display: inline-block;
    position: relative; }
    @media only screen and (max-device-width: 1024px) and (orientation: landscape) {
      .searchComponent .searchwithin .custom-select-arrow {
        width: 49%; } }
    .searchComponent .searchwithin .custom-select-arrow select {
      width: 143px;
      height: 48px;
      padding: 0;
      padding-left: 10px;
      font-family: "roboto-regular";
      font-size: 18px;
      color: #717171; }
      @media only screen and (max-device-width: 1024px) and (orientation: landscape) {
        .searchComponent .searchwithin .custom-select-arrow select {
          width: 100%; } }
    .searchComponent .searchwithin .custom-select-arrow:after {
      bottom: 11px;
      font-size: 20px;
      padding: 0;
      right: 15px; }
      @media (max-width: 991px) {
        .searchComponent .searchwithin .custom-select-arrow:after {
          right: 9%; } }
  .searchComponent .searchReset {
    padding: 4px 0 0;
    text-align: right; }
    @media (max-width: 991px) {
      .searchComponent .searchReset {
        text-align: center;
        margin-bottom: 20px; } }
    @media only screen and (max-device-width: 1024px) and (orientation: landscape) {
      .searchComponent .searchReset {
        padding-top: 4px; } }
    .searchComponent .searchReset a.btn {
      display: inline-block;
      width: 125px;
      height: 40px;
      font-weight: bold; }
      @media only screen and (max-device-width: 1024px) and (orientation: landscape) {
        .searchComponent .searchReset a.btn {
          width: 107px; } }
      .searchComponent .searchReset a.btn:first-child {
        padding: 5px 0;
        margin-right: 11px; }
    .searchComponent .searchReset .secondary {
      padding: 3px 0;
      background: #fff;
      color: #1771cc;
      border: 2px solid #1771cc; }

.form-wrapper-styling {
  background: #f6f6f6;
  margin: 30px 0 20px 0;
  padding: 31px 40px;
  font-family: "roboto-light"; }
  .form-wrapper-styling .form-group {
    margin-bottom: 30px; }
    .form-wrapper-styling .form-group #recaptcha {
      margin-top: 60px; }
  .form-wrapper-styling div {
    margin-bottom: 15px; }
    .form-wrapper-styling div label {
      margin-top: 5px;
      font-weight: bold;
      width: 100%; }
    .form-wrapper-styling div input,
    .form-wrapper-styling div select {
      width: 100%;
      height: 66px;
      font-size: 16px;
      padding: 0 10px; }
      .form-wrapper-styling div input:focus,
      .form-wrapper-styling div select:focus {
        outline: 0; }
    .form-wrapper-styling div textarea {
      width: 100%;
      height: 130px;
      font-size: 16px; }
      .form-wrapper-styling div textarea:focus {
        outline: 0; }
    .form-wrapper-styling div input[type=radio],
    .form-wrapper-styling div input[type=checkbox] {
      width: 20px;
      height: auto;
      vertical-align: top; }
      .form-wrapper-styling div input[type=radio]:focus,
      .form-wrapper-styling div input[type=checkbox]:focus {
        outline: 0; }
    .form-wrapper-styling div input[type=date] {
      border: solid 1px #979797;
      border-radius: 0; }
      .form-wrapper-styling div input[type=date]::-webkit-inner-spin-button, .form-wrapper-styling div input[type=date]::-webkit-clear-button {
        display: none;
        -webkit-appearance: none; }
      .form-wrapper-styling div input[type=date]::-ms-clear {
        display: none; }
      .form-wrapper-styling div input[type=date]:focus {
        box-shadow: none; }
    .form-wrapper-styling div input[type=submit] {
      width: 200px;
      text-align: center;
      font-size: 20px;
      height: 38px; }
    .form-wrapper-styling div .field-validation-error,
    .form-wrapper-styling div .validation-summary-errors,
    .form-wrapper-styling div .errorMessage {
      color: #d0021b;
      font-family: "roboto-medium"; }

.validation-summary-errors {
  color: #d0021b;
  font-family: "roboto-medium";
  margin-top: 20px; }

.sitecore-form {
  width: 100%; }
  .sitecore-form .form-group.next-section {
    text-align: right; }
    .sitecore-form .form-group.next-section .btn.btn-action {
      background: transparent;
      color: #1771cc;
      width: auto; }
      .sitecore-form .form-group.next-section .btn.btn-action:active {
        box-shadow: none;
        -webkit-box-shadow: none; }
      .sitecore-form .form-group.next-section .btn.btn-action:hover {
        color: #004A94; }
    .sitecore-form .form-group.next-section:after {
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      color: #1771cc;
      position: relative;
      top: 3px;
      content: "\f054"; }
  .sitecore-form .form-group.prev-next-section {
    display: inline-block;
    width: 100%;
    position: relative; }
    .sitecore-form .form-group.prev-next-section .btn.btn-action {
      background: transparent;
      color: #1771cc;
      width: auto; }
      .sitecore-form .form-group.prev-next-section .btn.btn-action:active {
        box-shadow: none;
        -webkit-box-shadow: none; }
      .sitecore-form .form-group.prev-next-section .btn.btn-action:hover {
        color: #004A94; }
    .sitecore-form .form-group.prev-next-section .cancel {
      float: left;
      margin-left: 15px; }
    .sitecore-form .form-group.prev-next-section .next {
      float: right;
      margin-right: 15px; }
    .sitecore-form .form-group.prev-next-section:before, .sitecore-form .form-group.prev-next-section:after {
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      color: #1771cc;
      position: absolute;
      top: 12px; }
    .sitecore-form .form-group.prev-next-section:before {
      content: "\f053";
      left: 0; }
    .sitecore-form .form-group.prev-next-section:after {
      content: "\f054";
      right: 0; }
  .sitecore-form .form-group.submit-section {
    display: inline-block;
    width: 100%;
    position: relative; }
    .sitecore-form .form-group.submit-section .cancel {
      background: transparent;
      color: #1771cc;
      width: auto;
      float: left;
      margin-left: 15px; }
      .sitecore-form .form-group.submit-section .cancel:active {
        box-shadow: none;
        -webkit-box-shadow: none; }
      .sitecore-form .form-group.submit-section .cancel:hover {
        color: #004A94; }
    .sitecore-form .form-group.submit-section:before {
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      color: #1771cc;
      position: absolute;
      top: 12px;
      content: "\f053";
      left: 0; }
    .sitecore-form .form-group.submit-section .scob-form-btn {
      float: right; }
      @media (max-width: 768px) {
        .sitecore-form .form-group.submit-section .scob-form-btn {
          width: 120px; } }

.loader-contentarea {
  display: none; }
  .loader-contentarea.show {
    display: block;
    position: fixed;
    z-index: 1042;
    background: url("/-/media/Themes/PSE/GTZ/PSE-Theme/images/ajax-loader.gif"), rgba(0, 0, 0, 0.5);
    opacity: 1;
    background-repeat: no-repeat !important;
    background-position: center !important;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0; }
    @media (max-width: 768px) {
      .loader-contentarea.show {
        background: url("/-/media/Themes/PSE/GTZ/PSE-Theme/images/ajax-loader-mobile.gif"), rgba(0, 0, 0, 0.5); } }

#sessionTimeoutModal {
  width: 100%;
  max-width: 780px;
  margin: auto;
  margin-top: 15%; }
  #sessionTimeoutModal .modal-content .modal-header {
    background-color: #00A6CF;
    font-family: 'roboto-condensed-bold';
    font-size: 24px;
    color: #242424; }
  #sessionTimeoutModal .modal-content .modal-body {
    font-family: roboto-regular;
    font-size: 16px;
    line-height: 30px;
    color: #4A4A4A;
    background-color: #EAF8FB; }
    #sessionTimeoutModal .modal-content .modal-body .btn {
      margin-top: 20px; }

.account-selector-ul {
  display: table;
  width: 100%;
  white-space: nowrap;
  list-style-type: none;
  height: 60px;
  border: 1px solid #f5f5f5; }
  .account-selector-ul li {
    vertical-align: middle;
    float: left;
    display: table-cell; }
  .account-selector-ul .li-1 {
    width: 8%;
    background-color: #c3e7e3;
    text-align: center; }
    .account-selector-ul .li-1 .div1 {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      width: 100px;
      height: 60px; }
    .account-selector-ul .li-1 .moreLabelDiv {
      text-decoration: none;
      color: black;
      font-size: 9px; }
  .account-selector-ul .li-2 {
    width: 6%; }
    .account-selector-ul .li-2 .div1 {
      height: 60px;
      width: 60px;
      text-align: center;
      vertical-align: middle;
      display: table-cell; }
  .account-selector-ul .li-3 {
    width: 17%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
    .account-selector-ul .li-3 .div1 {
      height: 60px;
      vertical-align: middle;
      display: table-cell; }
      .account-selector-ul .li-3 .div1 .nameDiv {
        font-family: roboto-regular;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 190px; }
      .account-selector-ul .li-3 .div1 .accountNumberDiv {
        font-family: "roboto-regular";
        font-size: 18px;
        font-weight: inherit; }
  .account-selector-ul .li-4 {
    width: 30%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
    .account-selector-ul .li-4 .div1 {
      height: 60px;
      vertical-align: middle;
      display: table-cell;
      padding-left: 20px; }
      .account-selector-ul .li-4 .div1 .customerNameDiv {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 12px;
        width: 75%; }
      .account-selector-ul .li-4 .div1 .contractIdDiv {
        font-size: 16px; }
  .account-selector-ul .li-5 {
    width: 7%; }
    .account-selector-ul .li-5 .div1 {
      height: 60px;
      vertical-align: middle;
      display: table-cell; }
      .account-selector-ul .li-5 .div1 .statusDiv {
        font-family: "roboto-regular";
        font-size: 18px;
        font-weight: inherit;
        margin-top: 20px; }
  .account-selector-ul .li-6 {
    width: 29%;
    padding-left: 25px;
    font-family: "roboto-regular";
    font-size: 18px;
    font-weight: inherit;
    vertical-align: bottom;
    display: block;
    display: -webkit-box;
    max-width: 29%;
    height: 55px;
    line-height: 1.25;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    margin-top: 0;
    padding-top: 6px; }
    .account-selector-ul .li-6 span.unit-nowrap {
      white-space: nowrap; }
  .account-selector-ul .li-7 {
    width: 50%;
    padding-top: 12px;
    padding-right: 10px;
    padding-left: 10px;
    padding-left: 25px;
    display: block;
    display: -webkit-box;
    height: 55px;
    font-size: 18px;
    line-height: 1.25;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    margin-top: 0; }
    .account-selector-ul .li-7 .div1 {
      font-size: 12px;
      font-family: roboto;
      font-weight: bold; }
    .account-selector-ul .li-7 span.unit-nowrap {
      white-space: nowrap; }
  .account-selector-ul .li-8 {
    width: 16%; }
    .account-selector-ul .li-8 .div1 {
      height: 60px;
      vertical-align: middle;
      display: table-cell;
      padding-left: 10px; }
      .account-selector-ul .li-8 .div1 .dueDateDiv {
        font-weight: 700;
        padding-left: 30%; }
      .account-selector-ul .li-8 .div1 .dueAmountDiv {
        font-family: "roboto-regular";
        font-size: 18px;
        font-weight: inherit;
        padding-left: 30%; }
  .account-selector-ul .li-9 {
    width: 17%;
    white-space: nowrap; }
    .account-selector-ul .li-9 .div1 {
      height: 60px;
      vertical-align: middle;
      display: table-cell;
      text-align: right; }
      .account-selector-ul .li-9 .div1 .payNowButtonDiv {
        padding-left: 23%; }

.rotate {
  -moz-transition: all .5s linear;
  -webkit-transition: all .5s linear;
  transition: all .5s linear; }

.rotate.upChev {
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.account-selector-section-2 {
  display: block; }
  .account-selector-section-2 ul {
    display: table;
    width: 100%;
    border: 1px solid #f5f5f5; }
    .account-selector-section-2 ul .li-1 {
      float: left;
      width: 8%;
      display: table-cell; }
    .account-selector-section-2 ul .li-2 {
      float: left;
      width: 46%; }
      .account-selector-section-2 ul .li-2 .div1 {
        padding-left: 20px;
        display: table-cell;
        vertical-align: middle;
        height: 40px; }
        .account-selector-section-2 ul .li-2 .div1 .spanDueDate {
          font-weight: bold;
          font-size: 16px;
          font-family: roboto; }
        .account-selector-section-2 ul .li-2 .div1 .spanDueAmount {
          padding-left: 10px;
          font-size: 16px; }
    .account-selector-section-2 ul .li-3 {
      float: left;
      width: 46%; }
      .account-selector-section-2 ul .li-3 .div1 {
        width: 46%;
        display: table-cell;
        vertical-align: middle;
        height: 40px; }
        .account-selector-section-2 ul .li-3 .div1 .payNowXs {
          font-size: 16px; }

.account-selector-section-3 span.unit-nowrap {
  white-space: nowrap;
  display: inline-block;
  margin-right: 5px; }

.account-selector-section-3 .div1 {
  display: none; }
  .account-selector-section-3 .div1 .li-1 {
    padding: 0; }
    .account-selector-section-3 .div1 .li-1 a {
      background-color: #c3e7e3; }
      .account-selector-section-3 .div1 .li-1 a div {
        margin-top: 1px;
        color: black;
        font-size: 11px; }
  .account-selector-section-3 .div1 .li-2 {
    padding-left: 10px; }

.account-selector-section-3 .div2 {
  display: none; }

.account-selector-section-3 .div3 .panelBodyDiv {
  padding: 10px; }
  .account-selector-section-3 .div3 .panelBodyDiv .ul-1 {
    list-style-type: none;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 5px 5px 10px 5px; }
    .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-1 {
      float: left;
      display: table-cell;
      width: 5%;
      padding-left: 3%; }
    .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-2 {
      float: left;
      display: table-cell;
      width: 20%;
      cursor: pointer;
      text-decoration: underline;
      font-size: 18px;
      padding-left: 3%; }
    .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-3 {
      float: left;
      display: table-cell;
      width: 10%;
      font-size: 18px;
      padding-left: 1.5%; }
    .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-4 {
      float: left;
      display: table-cell;
      width: 30%;
      padding-left: 1.5%;
      text-overflow: ellipsis;
      display: block;
      display: -webkit-box;
      max-width: 30%;
      height: 45px;
      /* margin: 0 auto; */
      font-size: 18px;
      line-height: 1.25;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal; }
    .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-5 {
      float: left;
      display: table-cell;
      width: 20%;
      padding-left: 5%;
      text-align: left;
      font-size: 18px; }
    .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-6 {
      float: left;
      display: table-cell;
      width: 10%;
      padding-left: 1.5%;
      text-align: right; }
    .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .visible-li-1 {
      float: left;
      display: table-cell;
      padding: 10px;
      vertical-align: middle; }
    .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .visible-li-2 {
      float: left;
      display: table-cell;
      height: 100%;
      vertical-align: middle;
      text-align: left;
      padding-left: 2%;
      word-break: break-word; }
      .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .visible-li-2 .div1 {
        display: table-cell;
        vertical-align: middle;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px; }
        .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .visible-li-2 .div1 span {
          cursor: pointer;
          text-decoration: underline;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
      .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .visible-li-2 .div2 {
        font-size: 14px;
        padding-top: 5px; }
    .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .visible-li-3 {
      float: left;
      display: table-cell;
      width: 35%;
      padding-left: 10px;
      font-size: 14px; }
  .account-selector-section-3 .div3 .panelBodyDiv .viewAccountsDiv .viewAllAccountsButton {
    padding: 10px !important; }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .account-selector-ul .li-3 .div1 .nameDiv {
    font-size: 14px;
    padding-left: 8%;
    width: 150px; }
  .account-selector-ul .li-3 .div1 .accountNumberDiv {
    font-size: 16px;
    padding-left: 8%; }
  .account-selector-ul .li-5 .div1 .statusDiv {
    font-size: 16px;
    padding-left: 40%; }
  .account-selector-ul .li-6 {
    font-size: 16px;
    padding-left: 5.5%;
    height: 45px;
    margin-top: 5px; }
  .account-selector-ul .li-8 .div1 .dueDateDiv {
    font-weight: 700;
    padding-left: 2%;
    font-size: 12px; }
  .account-selector-ul .li-8 .div1 .dueAmountDiv {
    padding-left: 2%;
    font-size: 16px; }
  .account-selector-ul .li-9 .div1 .payNowButtonDiv {
    padding-left: 30%;
    font-size: 16px; }
  .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-1 {
    padding-left: 1%; }
  .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-2 {
    font-size: 16px;
    padding-left: 4%; }
  .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-3 {
    font-size: 16px;
    padding-left: 4%; }
  .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-4 {
    font-size: 16px;
    padding-left: 5%;
    height: 40px; }
  .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-5 {
    font-size: 14px;
    padding-left: 3%; }
  .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-6 {
    font-size: 16px;
    padding-left: 5%;
    text-align: right; } }

@media only screen and (max-width: 767px) {
  .account-selector-ul .visible-xs.li-7 {
    white-space: normal;
    display: -webkit-box !important; }
    .account-selector-ul .visible-xs.li-7 .f12 {
      display: none; }
  .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .visible-li-2 .div2 {
    display: block; } }

@media only screen and (max-width: 600px) {
  .account-selector-ul .li-1 {
    width: 15%;
    background-color: #c3e7e3;
    text-align: center; }
  .account-selector-ul .li-4 {
    overflow: visible; }
    .account-selector-ul .li-4 .div1 {
      padding-left: 5%;
      padding-top: 2%; }
      .account-selector-ul .li-4 .div1 .customerNameDiv {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 14px;
        width: 80%; }
      .account-selector-ul .li-4 .div1 .contractIdDiv {
        font-size: 14px;
        overflow: visible; }
  .account-selector-ul .li-7 {
    width: 55%;
    padding-top: 15px;
    padding-right: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    padding-left: 12%; }
  .account-selector-ul .visible-xs.li-7 {
    white-space: normal;
    height: 50px; }
  .account-selector-section-2 ul .li-1 {
    display: none; }
  .account-selector-section-2 ul .li-2 {
    float: left;
    width: 46%;
    padding-left: 1%; }
    .account-selector-section-2 ul .li-2 .div1 {
      display: flex;
      padding-left: 1%; }
      .account-selector-section-2 ul .li-2 .div1 .spanDueDate {
        font-size: 14px; }
        .account-selector-section-2 ul .li-2 .div1 .spanDueDate .due-date {
          font-weight: 400; }
      .account-selector-section-2 ul .li-2 .div1 .spanDueAmount {
        font-size: 14px;
        padding-left: 47%;
        padding-top: 8%;
        white-space: nowrap; }
  .account-selector-section-2 ul .li-3 {
    float: right;
    width: 25%; }
    .account-selector-section-2 ul .li-3 .div1 {
      width: 20%; }
      .account-selector-section-2 ul .li-3 .div1 .payNowXs {
        font-size: 14px;
        padding-right: 20%;
        width: 100px; }
  .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-4 {
    display: table-cell; }
  .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .visible-li-2 .div1 {
    overflow: auto;
    text-overflow: initial;
    font-size: 14px; }
  .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .visible-li-2 .div2 {
    display: contents; }
  .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .visible-li-3 {
    padding-left: 10%;
    min-width: 35%; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .account-selector-ul .li-6 {
    position: relative;
    max-height: 3em;
    margin-right: -1em;
    padding-right: 15px;
    display: block;
    line-height: 1.25em; }
    .account-selector-ul .li-6:before {
      position: absolute;
      content: "…";
      right: 5px;
      bottom: 3px; }
    .account-selector-ul .li-6:after {
      position: absolute;
      content: "";
      right: 0;
      margin-top: 0.2em;
      width: 1em;
      height: 1em;
      background: white; }
  .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-4 {
    position: relative;
    max-height: 3em;
    margin-right: -1em;
    padding-right: 15px;
    display: block;
    line-height: 1.25em; }
    .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-4:before {
      position: absolute;
      content: "…";
      right: 5px;
      bottom: 0; }
    .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-4:after {
      position: absolute;
      content: "";
      right: 0;
      margin-top: 0.2em;
      width: 1em;
      height: 1em;
      background: white; }
  .account-selector-section-3 .div3 .panelBodyDiv .my-new-row-selector:hover .li-4:after {
    background: #c3e7e3; } }

@supports (-ms-ime-align: auto) {
  .account-selector-ul .li-6 {
    position: relative;
    max-height: 3em;
    margin-right: -1em;
    padding-right: 15px;
    display: block;
    line-height: 1.25em; }
    .account-selector-ul .li-6:before {
      position: absolute;
      content: "…";
      right: 5px;
      bottom: 3px; }
    .account-selector-ul .li-6:after {
      position: absolute;
      content: "";
      right: 0;
      margin-top: 0.2em;
      width: 1em;
      height: 1em;
      background: white; }
  .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-4 {
    position: relative;
    max-height: 3em;
    margin-right: -1em;
    padding-right: 15px;
    display: block;
    line-height: 1.25em; }
    .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-4:before {
      position: absolute;
      content: "…";
      right: 5px;
      bottom: 0; }
    .account-selector-section-3 .div3 .panelBodyDiv .ul-1 .li-4:after {
      position: absolute;
      content: "";
      right: 0;
      margin-top: 0.2em;
      width: 1em;
      height: 1em;
      background: white; }
  .account-selector-section-3 .div3 .panelBodyDiv .my-new-row-selector:hover .li-4:after {
    background: #c3e7e3; } }

.calculation {
  margin-top: -37px; }
  .calculation .confirm-accountInfo {
    padding: 30px 20px 20px 20px; }
  .calculation .blocks {
    position: relative;
    background-color: #fff;
    margin-bottom: 20px;
    border: solid 1px #979797;
    transition: all 200ms;
    padding: 8px 0 8px 10px;
    font-size: 20px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #717171;
    z-index: 1;
    margin: 0;
    cursor: pointer;
    font-family: "roboto-light";
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 40px;
    width: 60px; }
  .calculation .max-share-style {
    padding-left: 45px;
    font-family: "roboto-medium";
    font-size: 12px;
    font-weight: 500;
    color: #1F497D; }
    @media (max-width: 768px) {
      .calculation .max-share-style {
        padding-left: 15px;
        padding-top: 30px; } }
  .calculation #errmsg {
    color: #d0021b;
    font-family: 'roboto-regular';
    font-size: 12px; }
  .calculation #errmsg::before {
    content: '';
    font-family: 'fontawesome';
    font-size: 12px;
    margin-right: 5px; }
  .calculation .row-pad {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px; }
  .calculation .col-pad {
    padding-left: 20px; }
  .calculation .label-pad {
    padding-top: 10px; }
  .calculation .calculate-impact-label {
    font-size: 18px;
    font-weight: 500;
    font-family: "roboto-medium";
    color: #4a4a4a; }
  .calculation .description {
    font-family: "roboto-regular";
    font-size: 18px;
    font-weight: 400;
    color: #4a4a4a;
    padding-top: 10px;
    line-height: 1.5; }
  .calculation .btn-style {
    width: 195px;
    padding: 7px 30px;
    border-radius: 20px;
    color: #1771cc;
    font-size: 20px;
    background-color: #fff;
    border-radius: 47px;
    text-transform: uppercase;
    border: 3px solid #1771cc;
    font-family: "roboto-condensed-bold"; }
  .calculation .btn-style:hover {
    background-color: #004A94;
    padding: 7px 30px;
    border-radius: 47px;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    border: 3px solid #004A94;
    font-family: 'roboto-condensed-bold'; }
  .calculation .btn-disabled {
    border: 2px solid #BFBFBF;
    background-color: #fff;
    color: #BFBFBF;
    font-family: 'roboto-condensed-bold'; }
  .calculation .btn-disabled:hover {
    border: 2px solid #BFBFBF;
    background-color: #fff;
    color: #BFBFBF; }

.csol-calculator-result .review {
  border-bottom: 1px solid #d2d2d2;
  text-align: left;
  padding-bottom: 10px;
  padding-left: 0px;
  margin-top: -20px; }

.csol-calculator-result .review-pad {
  padding-left: 15px;
  padding-right: 15px; }

.csol-calculator-result .average-results {
  text-align: center;
  border-bottom: 1px solid #d2d2d2;
  padding-top: 15px;
  padding-bottom: 20px; }

.csol-calculator-result .csol-result-content {
  padding-left: 15px;
  padding-bottom: 30px;
  padding-right: 15px; }

.csol-calculator-result .result-subhead {
  text-align: center;
  padding-top: 40px; }

.csol-calculator-result .subscription {
  background-color: #699B4E;
  height: 130px; }

.csol-calculator-result .m1 {
  padding: 30px 15px;
  padding-bottom: 40px; }

.csol-calculator-result .bord {
  border-bottom: 1px solid #fff; }

.csol-calculator-result .impact {
  background-color: #f6f6f6;
  padding-top: 30px;
  height: 130px;
  text-align: center; }

.csol-calculator-result .m2 {
  margin-right: 20px;
  float: left; }

.csol-calculator-result .result-cont {
  color: #fff; }

.csol-calculator-result .result-conts {
  color: #699B4E; }

.csol-calculator-result .avg-value {
  font-family: "roboto-light";
  font-size: 42px;
  font-weight: 300;
  color: #006671; }
  @media (max-width: 768px) {
    .csol-calculator-result .avg-value {
      font-size: 32px; } }

.csol-calculator-result .res-val1 {
  font-family: "roboto-medium";
  font-size: 24px;
  font-weight: 500; }
  @media (max-width: 768px) {
    .csol-calculator-result .res-val1 {
      font-size: 18px;
      font-weight: 500; } }

.csol-calculator-result .res-val2 {
  font-family: "roboto-medium";
  font-size: 16px;
  font-weight: 500; }

.csol-calculator-result .res-val3 {
  padding-top: 30px; }

.csol-calculator-result .info {
  border-top: 1px solid #d2d2d2; }

.csol-calculator-result .closing-bord {
  padding-bottom: 10px; }

.csol-calculator-result .based {
  font-family: "roboto-regular";
  font-size: 14px;
  font-weight: 400;
  color: #4a4a4a; }

.csol-calculator-result .based-pad {
  padding-top: 10px; }

.community-solar-ineligible .renewables-calculator {
  padding: 20px 20px; }

.community-solar-ineligible .account-bridge-description {
  padding-top: 30px;
  padding-bottom: 30px; }

.community-solar-ineligible .rebates-description {
  margin-top: 0; }

.community-solar-ineligible .fa {
  color: #1771cc; }

.csol-review .confirm-accountInfo {
  padding: 20px; }

.csol-review .wrapper-section {
  padding: 0 15px  30px 15px; }

.csol-review .wrapper-section p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 80ch; }

@media (max-width: 991px) {
  .csol-review .wrapper-section p {
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; } }

.csol-review .unenroll-info {
  margin: 0 -15px; }

.csol-review .wrapper-section .acc-info {
  margin-bottom: 5px; }

.csol-review .pse-btn-primary.pse-btn-lw:disabled {
  background-color: #BFBFBF;
  padding: 6px 30px;
  border-radius: 47px;
  color: #f0f0f0;
  font-size: 20px;
  text-transform: uppercase;
  border: 2px solid #BFBFBF;
  font-family: 'roboto-condensed-bold'; }

.csol-review .button-section {
  padding: 0; }

.csol-review .tnc-section {
  padding: 0 15px  30px 15px; }

.csol-review .pse-form-btn {
  background-color: Transparent;
  border: 0;
  color: #1771cc;
  cursor: pointer;
  font-family: 'roboto-condensed-bold';
  font-size: 20px;
  outline: none;
  overflow: hidden;
  text-transform: uppercase; }

.subscription-section {
  margin-bottom: 15px; }

.renewp {
  color: #4a4a4a;
  font-size: 18px;
  line-height: 1.5; }

.redirect-link {
  font-family: 'roboto-regular'; }

.csol-confirm .confirm-accountInfo {
  background-color: #f6f6f6;
  display: inline-block;
  width: 100%;
  margin-top: 0;
  padding: 20px; }

.csol-confirm .unenroll-info .acc-info {
  margin-bottom: 5px; }

.csol-confirm .unenroll-info .confirm-info {
  padding: 15px; }

.share-req .property-media {
  background-color: #fdf4e4;
  margin: 0;
  border: 3px solid #fdf4e4; }

.share-req .main-description {
  padding-bottom: 30px; }

.share-req .property-icon {
  background-color: #ed9f1b;
  border-radius: 100%;
  display: inline-block;
  height: 60px;
  padding: 10px;
  width: 60px;
  text-align: center; }

.share-req .alignment {
  display: flex;
  justify-content: center; }

.share-req .enroll-msg {
  font-family: 'roboto';
  line-height: 1.5;
  color: #4a4a4a;
  font-size: 18px; }
  @media (max-width: 768px) {
    .share-req .enroll-msg {
      font-size: 16px; } }

.action-btn-section .disablebtn-style {
  background-color: #f0f0f0;
  padding: 7px 30px;
  border-radius: 47px;
  color: #BFBFBF;
  font-size: 20px;
  text-transform: uppercase;
  border: 3px solid #f0f0f0;
  font-family: "roboto-condensed-bold";
  min-width: 195px; }

.action-btn-section .csol-ctaicon {
  margin-top: 15px;
  padding-left: 15px; }
  .action-btn-section .csol-ctaicon .media-left {
    padding-right: 0; }
  .action-btn-section .csol-ctaicon .cta-disablemsg p {
    font-family: "roboto-regular";
    padding-left: 6px;
    font-size: 14px;
    font-weight: 400;
    color: #4a4a4a; }

.site-selector .confirm-accountInfo {
  padding-top: 20px;
  margin-left: 0px;
  margin-bottom: -60px;
  padding-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px; }

.site-selector .generation-label {
  font-size: 18px;
  font-weight: 500;
  font-family: "roboto-medium";
  color: #4a4a4a;
  padding-bottom: 10px; }

.site-selector .description {
  font-family: "roboto-regular";
  font-size: 18px;
  font-weight: 400;
  color: #4a4a4a;
  padding-left: 18px; }
  @media (max-width: 768px) {
    .site-selector .description {
      padding-left: 20px; } }

.site-selector .col-align {
  margin-right: -50px;
  padding-right: 20px; }

.site-selector .row-align {
  margin-left: -25px;
  padding-top: 30px; }

.site-selector .custom-selectbox {
  width: 150%; }
  @media (max-width: 768px) {
    .site-selector .custom-selectbox {
      width: 100%; } }

.site-selector .custom-select {
  padding-left: 15px; }

.site-selector .site-placeholder {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  padding: 30px 30px 8px 10px;
  -webkit-transition: all 200ms;
  transition: all 200ms;
  font-size: 20px;
  font-weight: 300;
  color: #242424;
  text-overflow: ellipsis;
  z-index: 1;
  font-family: "roboto-light"; }

.site-selector .drop-down {
  font-size: 18px;
  font-weight: 500;
  font-family: "roboto-medium";
  color: #4a4a4a; }

.csol-site-status {
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 0; }
  .csol-site-status .csol-waitlist {
    background-color: #ed9f1b; }
  .csol-site-status .csol-awareness {
    background-color: #58c3b4; }
  .csol-site-status .csol-enroll {
    background-color: #003c4b; }
  .csol-site-status .status-icon {
    justify-content: center;
    align-items: center; }
  .csol-site-status .status-description {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center; }
    .csol-site-status .status-description p {
      font-family: 'roboto-medium';
      font-size: 18px;
      font-weight: 500;
      color: #fff;
      margin-bottom: 5px; }
      @media (max-width: 991px) {
        .csol-site-status .status-description p {
          font-size: 16px; } }
  .csol-site-status .csol-button {
    justify-content: center;
    align-items: center; }
    @media (max-width: 991px) {
      .csol-site-status .csol-button {
        width: 100%;
        text-align: center;
        padding-bottom: 30px; } }
  @media (max-width: 991px) {
    .csol-site-status .csol-enroll, .csol-site-status .csol-waitlist, .csol-site-status .csol-awareness {
      margin-top: 25px;
      width: 100%; } }

.csol-generation-site #tabs {
  padding: 0;
  margin-bottom: 15px; }
  .csol-generation-site #tabs .tab {
    border: 0px;
    padding: 0; }
    .csol-generation-site #tabs .tab .component {
      border: 1px solid #d2d2d2;
      padding: 20px; }
  .csol-generation-site #tabs .tabs-heading li {
    background: #f6f6f6;
    height: 48px; }
    .csol-generation-site #tabs .tabs-heading li .component {
      margin: -6px 0px; }
    @media (max-width: 991px) {
      .csol-generation-site #tabs .tabs-heading li {
        width: 100%;
        text-align: center; } }
  .csol-generation-site #tabs .tabs-heading li:hover {
    background: #EBF8F6; }
  .csol-generation-site #tabs .tabs-heading li.active {
    border-top: 2px solid #006671;
    background: #c3e7e3; }
    @media (max-width: 991px) {
      .csol-generation-site #tabs .tabs-heading li.active {
        width: 100%;
        text-align: center; } }

.communitysolar-credit-table #credit-list_wrapper {
  overflow: hidden; }

.communitysolar-credit-table .pse-datatable {
  margin-top: 15px; }

.communitysolar-credit-table .title-wrapper {
  padding-left: 0px;
  padding-right: 0px; }
  .communitysolar-credit-table .title-wrapper p {
    margin-bottom: 15px; }

.communitysolar-credit-table .totalcredit h5 {
  color: #006671;
  text-align: center;
  margin-bottom: 0;
  margin-top: 0; }

.communitysolar-credit-table .credit-datatable tr .datesection {
  width: 65% !important; }

.communitysolar-credit-table .credit-datatable tr .amountsection {
  width: 35% !important; }

.communitysolar-credit-table .credit-datatable tbody tr.even {
  background-color: transparent !important; }

.communitysolar-credit-table .credit-datatable tbody tr.odd {
  background-color: rgba(208, 232, 231, 0.3) !important; }

.communitysolar-credit-table .credit-datatable th {
  text-align: left; }

.communitysolar-credit-table .credit-history {
  padding-left: 0px;
  padding-right: 0px; }

.communitysolar-credit-table .impact-bkgrnd {
  background-color: #f6f6f6;
  padding-top: 20px;
  height: 120px; }

.communitysolar-credit-table .impact-text {
  font-family: "roboto-medium";
  font-size: 24px;
  font-weight: 500;
  color: #699B4E; }

.communitysolar-credit-table .impact-text-second {
  font-family: "roboto-medium";
  font-size: 16px;
  font-weight: 500;
  color: #699B4E; }

.communitysolar-credit-table .benefits-subhead h5 {
  font-family: "roboto-medium";
  font-size: 24px;
  color: #699B4E;
  text-align: center; }

.communitysolar-credit-table .m2 {
  margin-right: 20px;
  float: left; }

.microsite-navigation {
  box-shadow: none !important;
  margin-top: 0 !important; }
  .microsite-navigation .navbar-links {
    position: absolute;
    bottom: 0;
    margin-top: 20px;
    margin-bottom: 20px; }
  .microsite-navigation .navbar-collapse .nav li {
    font-family: "roboto-regular";
    font-size: 16px;
    border-left: 1px solid #4a4a4a;
    border-right: none;
    vertical-align: middle;
    padding: 0 15px;
    color: #717171; }
  .microsite-navigation .navbar-collapse .nav li#listId:first-child {
    border-left: none; }
  .microsite-navigation .navbar-collapse .nav li active {
    text-decoration: underline; }
  @media (max-width: 991px) {
    .microsite-navigation .navbar-collapse .nav li {
      padding: 0;
      border: none; } }
  .microsite-navigation .navbar-collapse .navbar-right {
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 20px; }
  .microsite-navigation .nav li.active a {
    border-bottom: 3px solid #006671;
    padding-bottom: 5px;
    font-family: "roboto-medium";
    color: #4a4a4a; }
  .microsite-navigation .nav li.active a.social-media {
    border-bottom: 0; }
  .microsite-navigation .nav li a {
    color: #4a4a4a;
    font-family: "roboto-regular";
    font-size: 16px;
    padding: 0;
    line-height: 14px; }
    .microsite-navigation .nav li a:focus {
      text-decoration: none;
      background-color: #fff; }
    .microsite-navigation .nav li a:hover {
      text-decoration: none;
      background-color: #fff; }
    .microsite-navigation .nav li a:visited {
      text-decoration: none;
      background-color: #fff; }
    .microsite-navigation .nav li a:active {
      text-decoration: none;
      background-color: #fff; }
  .microsite-navigation .nav li:last-child {
    border-right: 0; }
  .microsite-navigation .navbar-header .header-text {
    padding-top: 10px; }
  .microsite-navigation .user-account-nav .navbar-header .navbar-toggle {
    margin: 2px 0px;
    height: 45px;
    width: 45px;
    color: #fff;
    font-size: 14px; }
  @media (max-width: 991px) {
    .microsite-navigation .header-text {
      color: #fff !important;
      padding: 5px;
      text-align: center; }
      .microsite-navigation .header-text h2 {
        color: #fff !important;
        padding: 5px;
        text-align: center; } }
  .microsite-navigation .col-md-4 .header-text {
    margin-top: 25px;
    white-space: nowrap; }

.pse-datatable thead tr th {
  background: #474b55;
  padding: 12px 15px;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.3px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  border: none; }

.pse-datatable tbody {
  font-size: 16px;
  color: #4a4a4a;
  line-height: 1.5;
  letter-spacing: .1px;
  padding: 10px 10px 15px 15px; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9 !important; }

.table-responsive .table-bordered {
  border: 1px solid #dddddd; }

.community-solar-subscription .ineligible-description {
  margin: 30px 0;
  padding: 20px;
  background-color: #F6F6F6; }

.community-solar-subscription .message-desc {
  font-family: 'roboto-regular';
  font-size: 16px;
  color: #4a4a4a; }

.community-solar-subscription .message-links {
  color: #1771cc;
  margin-bottom: 10px; }

.community-solar-subscription .pse-form-btn {
  background-color: Transparent;
  border: 0;
  color: #1771cc;
  cursor: pointer;
  font-family: 'roboto-condensed-bold';
  outline: none;
  overflow: hidden;
  text-transform: uppercase;
  font-size: 18px;
  white-space: nowrap; }

.subscription-sec-nav {
  margin: 30px 0; }
  .subscription-sec-nav .sec-nav-title {
    font-family: 'roboto-medium';
    font-size: 24px;
    color: #006671;
    margin-bottom: 10px; }
  .subscription-sec-nav .message-desc {
    font-family: 'roboto-regular';
    font-size: 16px;
    color: #4a4a4a; }
  .subscription-sec-nav .divider {
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 15px; }
  .subscription-sec-nav .message-links {
    color: #1771cc;
    margin-bottom: 10px; }
  .subscription-sec-nav .pse-form-btn {
    background-color: Transparent;
    border: 0;
    color: #1771cc;
    cursor: pointer;
    font-family: 'roboto-condensed-bold';
    outline: none;
    overflow: hidden;
    text-transform: uppercase;
    font-size: 18px;
    white-space: nowrap; }

@media (max-width: 768px) {
  .mobile-subscription-nav .subscription-sec-nav {
    margin-top: 0px !important; } }

.communitysolar-subscription-table .title-wrapper .csol-title {
  margin: 0; }

.communitysolar-subscription-table .description {
  margin: 0;
  padding: 15px 0 15px 0; }

.communitysolar-subscription-table .contractaccount {
  margin: 0; }

.communitysolar-subscription-table .enroll-description {
  margin: 0;
  padding-top: 15px;
  padding-bottom: 15px; }

.communitysolar-subscription-table .pse-datatable {
  overflow: hidden;
  margin: 0; }
  .communitysolar-subscription-table .pse-datatable thead {
    background: #474b55;
    color: #fff;
    text-transform: uppercase; }
    .communitysolar-subscription-table .pse-datatable thead th {
      background: #474b55;
      border-bottom: 0 !important;
      font-size: 12px;
      padding: 12px 15px !important;
      position: relative;
      white-space: nowrap;
      letter-spacing: 0.3px;
      text-align: left; }
    @media (max-width: 768px) {
      .communitysolar-subscription-table .pse-datatable thead tr {
        display: block !important;
        width: 100% !important; } }
    .communitysolar-subscription-table .pse-datatable thead tr th:nth-child(1) {
      width: 25%; }
    .communitysolar-subscription-table .pse-datatable thead tr th:nth-child(2) {
      width: 12%; }
      @media (max-width: 768px) {
        .communitysolar-subscription-table .pse-datatable thead tr th:nth-child(2) {
          width: 21%; } }
    .communitysolar-subscription-table .pse-datatable thead tr th:nth-child(3) {
      width: 12%; }
      @media (max-width: 768px) {
        .communitysolar-subscription-table .pse-datatable thead tr th:nth-child(3) {
          width: 21%; } }
    .communitysolar-subscription-table .pse-datatable thead tr th:nth-child(4) {
      width: 16%; }
      @media (max-width: 768px) {
        .communitysolar-subscription-table .pse-datatable thead tr th:nth-child(4) {
          width: 28%; } }
    .communitysolar-subscription-table .pse-datatable thead tr th:nth-child(5) {
      width: 35%; }
      @media (max-width: 768px) {
        .communitysolar-subscription-table .pse-datatable thead tr th:nth-child(5) {
          display: none !important; } }
  @media (max-width: 768px) {
    .communitysolar-subscription-table .pse-datatable tbody tr {
      display: block !important;
      width: 100% !important; } }
  .communitysolar-subscription-table .pse-datatable tbody tr td {
    border-top: none !important;
    padding: 10px 10px 15px 15px !important; }
    @media (max-width: 768px) {
      .communitysolar-subscription-table .pse-datatable tbody tr td:nth-child(1) {
        width: 25%;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 9ch; } }
    @media (max-width: 768px) {
      .communitysolar-subscription-table .pse-datatable tbody tr td:nth-child(2) {
        width: 25%;
        font-size: 14px; } }
    @media (max-width: 768px) {
      .communitysolar-subscription-table .pse-datatable tbody tr td:nth-child(3) {
        width: 25%;
        padding: 10px 0px 10px 0px !important;
        font-size: 14px; } }
    @media (max-width: 768px) {
      .communitysolar-subscription-table .pse-datatable tbody tr td:nth-child(4) {
        width: 25%;
        padding: 10px 0px 10px 0px !important;
        font-size: 14px; } }
    @media (max-width: 768px) {
      .communitysolar-subscription-table .pse-datatable tbody tr td:last-child {
        display: block !important;
        text-align: center;
        border-top: 1px solid #c3c3c3 !important; } }
    .communitysolar-subscription-table .pse-datatable tbody tr td a + a {
      margin-left: 0; }

.communitysolar-subscription-table table .dataTable thead th {
  font-weight: bold; }

.communitysolar-subscription-table .dataTable tbody tr {
  border-bottom: 1px solid #c3c3c3; }
  .communitysolar-subscription-table .dataTable tbody tr .pse-form-btn {
    font-size: 18px;
    white-space: nowrap; }
    @media (max-width: 768px) {
      .communitysolar-subscription-table .dataTable tbody tr .pse-form-btn {
        font-size: 14px;
        white-space: nowrap; } }

.communitysolar-subscription-table .pse-form-btn {
  background-color: transparent;
  border: 0;
  color: #1771cc;
  cursor: pointer;
  font-family: "roboto-condensed-bold";
  font-weight: bold;
  outline: none;
  overflow: hidden;
  text-transform: uppercase; }

.communitysolar-subscription-table .dataTables_info {
  display: none; }

.communitysolar-subscription-table .csol-dataTable tbody tr.even {
  background-color: #fff !important; }

.communitysolar-subscription-table .csol-dataTable thead {
  background: #474b55;
  color: #fff;
  text-transform: uppercase; }

.communitysolar-subscription-table .mobile-subscription-nav {
  display: none; }
  @media (max-width: 768px) {
    .communitysolar-subscription-table .mobile-subscription-nav {
      display: block;
      padding-right: 0;
      padding-left: 0;
      padding-top: 15px; } }

.communitysolar-subscription-table .desktop-subscription-nav {
  padding-top: 10px;
  padding-bottom: 15px; }
  @media (max-width: 768px) {
    .communitysolar-subscription-table .desktop-subscription-nav {
      display: none; } }
  .communitysolar-subscription-table .desktop-subscription-nav .subscription-sec-nav {
    margin: 0; }

.communitysolar-subscription-table #subscription-list {
  border-collapse: collapse; }

.communitysolar-subscription-table .subscription-link {
  font-family: "roboto-regular";
  font-size: 16px;
  color: #1771cc;
  text-decoration: underline;
  text-transform: none;
  padding-top: 10px; }

.communitysolar-cancel-modal .modal {
  top: 10%; }
  @media (max-width: 768px) {
    .communitysolar-cancel-modal .modal {
      top: 10%;
      padding-right: 0 !important; } }
  .communitysolar-cancel-modal .modal .modal-dialog .modal-content {
    border-radius: 0;
    box-shadow: none;
    border: none; }
    .communitysolar-cancel-modal .modal .modal-dialog .modal-content .modal-header {
      margin: 0 20px;
      border-bottom: 1px solid #4a4a4a;
      padding: 15px 0; }
      .communitysolar-cancel-modal .modal .modal-dialog .modal-content .modal-header h3 {
        line-height: 1; }
      .communitysolar-cancel-modal .modal .modal-dialog .modal-content .modal-header span {
        font-size: 18px; }
      .communitysolar-cancel-modal .modal .modal-dialog .modal-content .modal-header .close {
        color: #4a4a4a;
        font-weight: normal;
        font-size: 14px;
        opacity: 1;
        outline: none;
        text-transform: uppercase; }
    .communitysolar-cancel-modal .modal .modal-dialog .modal-content .model-header-terms {
      display: flex;
      align-items: center; }
      .communitysolar-cancel-modal .modal .modal-dialog .modal-content .model-header-terms button {
        margin-left: auto; }
    .communitysolar-cancel-modal .modal .modal-dialog .modal-content .modal-body {
      margin: 30px 20px 0;
      max-height: 431px;
      padding-top: 0; }
      @media (max-width: 768px) {
        .communitysolar-cancel-modal .modal .modal-dialog .modal-content .modal-body {
          margin: 15px; } }
      .communitysolar-cancel-modal .modal .modal-dialog .modal-content .modal-body .no-padding {
        padding: 0; }
        .communitysolar-cancel-modal .modal .modal-dialog .modal-content .modal-body .no-padding p {
          font-family: roboto-medium;
          font-size: 18px;
          font-family: 500;
          color: #4a4a4a;
          margin: 0 10px 0 0; }
      .communitysolar-cancel-modal .modal .modal-dialog .modal-content .modal-body .pse-cancel-datatable {
        overflow: hidden;
        margin: 20px 0 30px; }
        .communitysolar-cancel-modal .modal .modal-dialog .modal-content .modal-body .pse-cancel-datatable .csol-cancel-dataTable {
          border-bottom: 1px solid #c3c3c3; }
        .communitysolar-cancel-modal .modal .modal-dialog .modal-content .modal-body .pse-cancel-datatable thead {
          background: #474b55;
          color: #fff;
          text-transform: uppercase; }
          .communitysolar-cancel-modal .modal .modal-dialog .modal-content .modal-body .pse-cancel-datatable thead th {
            background: #474b55;
            border-bottom: 0 !important;
            font-size: 12px;
            padding: 12px 15px !important;
            position: relative;
            white-space: nowrap;
            letter-spacing: 0.3px;
            text-align: left; }
          @media (max-width: 768px) {
            .communitysolar-cancel-modal .modal .modal-dialog .modal-content .modal-body .pse-cancel-datatable thead tr {
              display: block !important;
              width: 100% !important; } }
          .communitysolar-cancel-modal .modal .modal-dialog .modal-content .modal-body .pse-cancel-datatable thead tr th:nth-child(1) {
            width: 37%; }
            @media (max-width: 768px) {
              .communitysolar-cancel-modal .modal .modal-dialog .modal-content .modal-body .pse-cancel-datatable thead tr th:nth-child(1) {
                width: 25%; } }
          .communitysolar-cancel-modal .modal .modal-dialog .modal-content .modal-body .pse-cancel-datatable thead tr th:nth-child(2) {
            width: 19%; }
            @media (max-width: 768px) {
              .communitysolar-cancel-modal .modal .modal-dialog .modal-content .modal-body .pse-cancel-datatable thead tr th:nth-child(2) {
                width: 25%; } }
          .communitysolar-cancel-modal .modal .modal-dialog .modal-content .modal-body .pse-cancel-datatable thead tr th:nth-child(3) {
            width: 19%; }
            @media (max-width: 768px) {
              .communitysolar-cancel-modal .modal .modal-dialog .modal-content .modal-body .pse-cancel-datatable thead tr th:nth-child(3) {
                width: 35%; } }
          .communitysolar-cancel-modal .modal .modal-dialog .modal-content .modal-body .pse-cancel-datatable thead tr th:nth-child(4) {
            width: 25%; }
            @media (max-width: 768px) {
              .communitysolar-cancel-modal .modal .modal-dialog .modal-content .modal-body .pse-cancel-datatable thead tr th:nth-child(4) {
                width: 15%; } }
        @media (max-width: 768px) {
          .communitysolar-cancel-modal .modal .modal-dialog .modal-content .modal-body .pse-cancel-datatable tbody tr {
            display: block !important;
            width: 100% !important;
            border-bottom: 1px solid #c3c3c3; } }
        .communitysolar-cancel-modal .modal .modal-dialog .modal-content .modal-body .pse-cancel-datatable tbody tr td {
          border-top: none !important;
          padding: 10px 10px 15px 15px !important; }
          @media (max-width: 768px) {
            .communitysolar-cancel-modal .modal .modal-dialog .modal-content .modal-body .pse-cancel-datatable tbody tr td:nth-child(1) {
              width: 25%;
              font-size: 14px;
              overflow: hidden;
              text-overflow: ellipsis;
              max-width: 10ch; } }
          @media (max-width: 768px) {
            .communitysolar-cancel-modal .modal .modal-dialog .modal-content .modal-body .pse-cancel-datatable tbody tr td:nth-child(2) {
              width: 25%;
              font-size: 14px; } }
          @media (max-width: 768px) {
            .communitysolar-cancel-modal .modal .modal-dialog .modal-content .modal-body .pse-cancel-datatable tbody tr td:nth-child(3) {
              width: 35%;
              font-size: 14px; } }
          @media (max-width: 768px) {
            .communitysolar-cancel-modal .modal .modal-dialog .modal-content .modal-body .pse-cancel-datatable tbody tr td:nth-child(4) {
              width: 15%;
              font-size: 14px; } }
    .communitysolar-cancel-modal .modal .modal-dialog .modal-content .modal-footer {
      border-top: 0;
      text-align: center;
      padding: 20px; }
      .communitysolar-cancel-modal .modal .modal-dialog .modal-content .modal-footer .pse-btn-primary:disabled {
        background-color: #f0f0f0;
        padding: 7px 30px;
        border-radius: 47px;
        color: #bfbfbf;
        font-size: 20px;
        text-transform: uppercase;
        border: 3px solid #f0f0f0;
        font-family: "roboto-condensed-bold";
        min-width: 195px; }
      @media (max-width: 768px) {
        .communitysolar-cancel-modal .modal .modal-dialog .modal-content .modal-footer .areYouSureText .pse-btn-primary {
          min-width: 189px; } }
      .communitysolar-cancel-modal .modal .modal-dialog .modal-content .modal-footer .cancelSubscriptionText .cancelConfirmation {
        font-family: "roboto-medium";
        font-size: 16px;
        color: #4a4a4a; }
      .communitysolar-cancel-modal .modal .modal-dialog .modal-content .modal-footer .cancelSubscriptionText #cancelContent {
        padding-top: 15px;
        font-size: 16px; }
      .communitysolar-cancel-modal .modal .modal-dialog .modal-content .modal-footer .cancelSubscriptionText .print {
        text-transform: uppercase;
        padding-right: 20px; }
      .communitysolar-cancel-modal .modal .modal-dialog .modal-content .modal-footer .errorSubscriptionText .print {
        text-transform: uppercase;
        padding-right: 20px; }

.communitysolar-credit-table .btn-download {
  font-family: "roboto-condensed-bold"; }

@media print {
  body.modal-open {
    visibility: hidden; }
    body.modal-open .communitysolar-subscription-table {
      display: none; }
    body.modal-open .communitysolar-credit-table {
      display: none; }
    body.modal-open .modal-header {
      visibility: visible; }
    body.modal-open .modal-body {
      visibility: visible; }
    body.modal-open .close {
      display: none; }
    body.modal-open .printSubscriptions {
      display: none; }
    body.modal-open .cancelPrintSubscriptions {
      display: none; } }

.csolSiteEnvBenefits {
  background-color: #f6f6f6;
  padding: 30px; }
  .csolSiteEnvBenefits .envBenefits-label {
    margin-top: 0px;
    font-family: "roboto-medium";
    font-size: 24px;
    color: #699B4E; }
  .csolSiteEnvBenefits .media-section {
    padding: 15px; }
  .csolSiteEnvBenefits .media-icon-section {
    margin-right: 20px;
    float: left; }
  .csolSiteEnvBenefits .impact-text {
    font-family: "roboto-medium";
    font-size: 24px;
    font-weight: 500;
    color: #699B4E; }
  .csolSiteEnvBenefits .impact-text-second {
    font-family: "roboto-medium";
    font-size: 16px;
    font-weight: 500;
    color: #699B4E; }

.csolSiteChart {
  padding: 0; }

.csolSiteTicker {
  margin-top: 10px; }
  .csolSiteTicker .siteTicker-label {
    font-family: roboto-medium;
    font-size: 24px;
    color: #4a4a4a;
    text-align: center; }
  .csolSiteTicker .siteTicker-value {
    background-color: #F6F6F6;
    padding-top: 10px;
    width: 360px;
    top: 50%;
    left: 50%;
    transform: translate(-50%); }
    @media (max-width: 767px) {
      .csolSiteTicker .siteTicker-value {
        width: 100%; } }
  .csolSiteTicker .viewchart-links {
    padding-top: 15px;
    text-align: center;
    color: #1771cc; }
    .csolSiteTicker .viewchart-links .pse-form-btn {
      background-color: Transparent;
      border: 0;
      color: #1771cc;
      cursor: pointer;
      font-family: 'roboto-condensed-bold';
      outline: none;
      overflow: hidden;
      text-transform: uppercase;
      font-size: 18px;
      white-space: nowrap; }

.rng {
  margin-top: 35px; }
  .rng .header {
    font-family: "roboto-medium";
    font-size: 20px;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 15px; }
  .rng .review-component {
    margin-top: 40px; }
  .rng .review-info {
    margin-bottom: 15px; }
    .rng .review-info p {
      margin-bottom: 0; }
    .rng .review-info .label-text {
      font-family: "roboto-medium"; }
  .rng .h7 {
    font-family: "roboto-regular";
    margin-bottom: 5px; }
  .rng .print-section {
    text-align: right; }
    .rng .print-section .fa-print {
      margin-left: 5px; }
  @media (max-width: 767px) {
    .rng .margin-right-20 {
      margin-right: 0; } }

.rng-description p {
  font-size: 18px;
  line-height: 1.2; }

.rng-bg {
  background-color: #f6f6f6;
  margin: 30px 0;
  padding: 30px 40px; }
  @media (max-width: 991px) {
    .rng-bg {
      padding: 30px 15px; } }

.rng-enrollmanage .body-l {
  font-family: "roboto-regular";
  font-size: 15px;
  margin-bottom: 5px; }

.rng-enrollmanage .custom-select-arrow:after {
  right: 0;
  padding-right: 20px; }

.rng-enrollmanage .tnc-section {
  font-size: 15px; }
  .rng-enrollmanage .tnc-section a.redirect-link {
    font-size: 15px; }
  .rng-enrollmanage .tnc-section .errorMessage {
    top: -5px; }

.rng-enrollmanage .action-button {
  margin-top: 10px; }
  .rng-enrollmanage .action-button button {
    margin-bottom: 10px; }

.rng-enrollmanage .btn-action {
  font-family: "roboto-condensed-bold";
  font-size: 20px;
  line-height: 1.65;
  padding: 5px 50px;
  border: 2px solid #1771cc; }
  .rng-enrollmanage .btn-action:hover, .rng-enrollmanage .btn-action:focus {
    border: 2px solid #004A94; }

.tnc-section .custom-checkbox a {
  font-family: 'roboto-medium'; }

.confirmation-component .rng-bg {
  margin: 20px 0; }

.rng-ineligible .fa-chevron-right {
  font-size: 18px;
  margin-left: 0; }

select#selected-rng-block::-ms-expand {
  display: none; }

.shadow-box {
  background-color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.12);
  margin-bottom: 15px;
  padding: 20px; }
  .shadow-box .tile-height {
    height: 360px; }
    .shadow-box .tile-height .left-align {
      text-align: left; }
      .shadow-box .tile-height .left-align .header-style {
        float: left;
        -webkit-line-clamp: 1;
        overflow: hidden;
        max-width: 24ch;
        white-space: nowrap;
        font-size: 20px;
        line-height: 24px;
        text-overflow: ellipsis; }
      .shadow-box .tile-height .left-align .top-right-icon-box {
        position: absolute;
        top: -4px;
        right: 11px;
        border-width: 0px;
        width: 31px;
        height: 31px; }
    .shadow-box .tile-height .line-gap {
      border: 0;
      border-top: 1px solid #eee; }
    .shadow-box .tile-height .middle-section {
      overflow-y: auto;
      overflow-x: hidden;
      height: auto;
      max-height: 265px;
      padding-top: 7px; }
      .shadow-box .tile-height .middle-section .zero-padding-zero-margin {
        padding: 0;
        margin: 0; }
    .shadow-box .tile-height .list-item-text-left {
      float: left;
      text-align: left;
      color: #4A4A4A;
      -webkit-line-clamp: 1;
      overflow: hidden;
      max-width: 23ch;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-family: "Roboto Medium", "Roboto", sans-serif;
      font-weight: 600;
      font-style: normal;
      font-size: 16px; }
    .shadow-box .tile-height .left-align-separator {
      text-align: left;
      float: left; }
    .shadow-box .tile-height .list-item-text-right {
      color: #1771cc;
      text-decoration: none;
      height: 24px;
      display: flex;
      font-family: "Roboto Medium", "Roboto", sans-serif;
      font-weight: 600;
      font-style: normal;
      font-size: 16px; }
    .shadow-box .tile-height .non-list-item {
      text-align: left;
      color: #4A4A4A;
      font-family: "Roboto Medium", "Roboto", sans-serif;
      font-weight: 600;
      font-style: normal;
      font-size: 16px; }
  .shadow-box .bottom-section {
    position: absolute;
    bottom: 0;
    text-align: center;
    left: 0px;
    width: 100%; }

@media (min-width: 992px) {
  .row-eq-height {
    display: flex; } }

@media only screen and (max-width: 414px) {
  .row-eq-height {
    display: flex; } }

@media only screen and (max-width: 280px) {
  .row-eq-height {
    display: flex;
    padding: 0px 2px; } }

.icon-tile-small shadow-box {
  background-color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.12);
  margin-bottom: 15px;
  padding: 20px; }

.icon-tile-small-image-background {
  position: absolute;
  left: -5px;
  top: -20px;
  height: 200px;
  width: 150px; }

.icon-tile-small-header-description-container {
  position: relative;
  left: 150px;
  max-width: 170px; }

.icon-tile-small-image {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto; }

.accent-tile-small shadow-box {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.12);
  margin-bottom: 15px;
  padding: 20px; }

.accent-link-name-short pse-link-primary {
  color: #FFFFFF !important; }

.image-tile-small shadow-box {
  background-color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.12);
  margin-bottom: 15px;
  padding: 20px; }

.image-tile-small-image {
  float: right;
  width: 140px;
  height: 90px;
  margin-left: 5px; }

.h5-image-tile {
  max-width: 20ch;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #4a4a4a;
  text-align: left; }

.h5-accent-small-tile {
  max-width: 20ch;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left; }

.accent-tile-color {
  color: #FFFFFF !important; }

.h5-icon-small-tile {
  max-width: 170px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  color: #1771CC; }

.p-image-small-tile {
  max-width: 45ch;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left; }

.p-accent-tile {
  max-width: 80ch;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis; }

.pch70-small-tile {
  max-width: 170px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #4a4a4a; }

.accent-tile-wide, .accent-tile-small, .icon-tile-wide, .icon-tile-small, .image-tile-wide, .image-tile-small {
  height: 200px; }

.icon-tile-wide shadow-box {
  background-color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.12);
  margin-bottom: 15px;
  padding: 20px; }

.icon-tile-wide-image {
  float: right;
  width: 240px;
  height: 155px;
  vertical-align: middle;
  margin-left: 5px; }

.accent-tile-wide-image {
  float: right;
  width: 240px;
  height: 155px; }

.tile-mobile {
  display: none; }

@media only screen and (max-width: 999px) {
  .tile-desktop {
    display: none; }
  .tile-mobile {
    display: block; }
  .h5-image-tile .h5-accent-small-tile .h5-icon-small-tile {
    -webkit-line-clamp: 1; } }

.accent-tile-wide shadow-box {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.12);
  margin-bottom: 15px;
  padding: 20px; }

.accent-tile-wide {
  color: #ffffff; }

.accent-link-name-long pse-link-primary {
  color: #FFFFFF; }

.image-tile-wide shadow-box {
  background-color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.12);
  margin-bottom: 15px;
  padding: 20px; }

.image-tile-wide-image {
  float: right;
  width: 240px;
  height: 155px;
  margin-left: 5px; }

.h5-wide-tile {
  max-width: 42ch;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis; }

.icon-tile-color {
  color: #4A4A4A; }

.p-wide-tile {
  max-width: 180ch;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis; }

.pch115-wide-tile {
  max-width: 115ch;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #4A4A4A; }

.h5-wide-icon-tile {
  text-align: left;
  color: #1771CC; }

.bottom-div-position {
  position: absolute;
  bottom: 30px;
  left: 35px;
  max-width: 50ch;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis; }

.bottom-div-position-icon {
  position: absolute;
  bottom: 30px;
  left: 185px;
  max-width: 20ch;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis; }

@media screen and (min-width: 991px) {
  .data-preference-new-tabs {
    border-bottom: 3px solid rgba(74, 74, 74, 0.17);
    width: 100%; } }

.data-preference-new-tabs li {
  -webkit-background-clip: padding-box;
  float: left; }
  @media screen and (min-width: 991px) {
    .data-preference-new-tabs li {
      background-clip: padding-box;
      border-left: 0;
      border-right: 0;
      border-top: 0;
      margin: 0 0 5px 0; } }
  @media screen and (max-width: 991px) {
    .data-preference-new-tabs li {
      border: 1px solid #d8d8d8;
      width: 100%;
      padding: 15px 0 15px; } }
  .data-preference-new-tabs li a {
    font-size: 18px;
    color: #333333;
    font-family: "roboto-bold";
    text-decoration: solid 3px #D2D2D2;
    text-align: center;
    padding: 5px 20px; }
    .data-preference-new-tabs li a.active {
      font-size: 18px;
      color: #1771cc;
      font-family: "roboto-bold";
      text-decoration: solid 3px #1771cc;
      text-align: center;
      padding: 5px 20px; }
      @media screen and (min-width: 991px) {
        .data-preference-new-tabs li a.active {
          border-bottom: 3px solid #1771cc; } }

.notificationmain {
  padding-left: 20px;
  margin-bottom: 15px; }

.notificationmain a {
  font-family: roboto-condensed-bold;
  font-size: 14px;
  margin-left: 10px;
  text-transform: uppercase; }

.applytoallaccounts {
  background-color: #f6f6f6;
  height: 80px;
  padding: 20px; }

.column-applytoall-slider {
  float: left;
  padding-left: 15px; }

.column-applytoall {
  float: left;
  font-family: 'roboto-medium';
  font-size: 18px;
  color: #4a4a4a;
  text-align: left;
  vertical-align: middle;
  padding-top: 11px; }

.column-applytoalldesc {
  float: left;
  font-family: 'roboto-regular';
  font-size: 14px;
  color: #4a4a4a;
  text-align: left;
  vertical-align: middle;
  padding-left: 30px;
  padding-top: 5px;
  width: 45%; }

.amount-input-box {
  right: 0 !important; }

.amount-input-box-greyed {
  background-color: rgba(23, 113, 204, 0.114); }

.amount-input-box-remove-greyed {
  background-color: rgba(23, 113, 204, 0); }

.applytoallsaved {
  float: right;
  font-size: 14px; }

@media screen and (max-width: 991px) {
  .applytoallsaved {
    margin: 15px 0 0 15px; } }

.notificationpreference {
  width: 100%; }

.notificationaccordion {
  width: 100%;
  margin: 0 auto; }

.accordion-content-heading-desc {
  font-family: 'roboto-regular';
  font-size: 14px;
  color: #4a4a4a;
  text-align: left;
  vertical-align: middle; }

.accordion-content-heading-SaveSuccessMsg,
.accordion-content-heading-FailedErrorMsg {
  font-family: 'roboto-regular'; }

.accordionh5 {
  font-size: 18px;
  font-family: 'roboto-medium';
  text-align: left;
  color: #4a4a4a; }

.accordion-content-heading {
  background-color: #f6f6f6;
  height: 60px;
  padding: 20px; }

.accordion-content-heading-enableall {
  font-family: 'roboto-medium';
  font-size: 16px;
  color: #1771cc;
  text-align: left;
  vertical-align: middle; }

.accordion-content-heading-disableall {
  font-family: 'roboto-medium';
  font-size: 16px;
  color: #1771cc;
  text-align: left;
  vertical-align: middle;
  padding-left: 15px; }

.accordion-content {
  font-family: roboto-bold;
  font-size: 16px;
  color: #4a4a4a;
  text-align: left; }

.accordion-content-heading-desktop {
  visibility: visible;
  display: block;
  padding-left: 15px;
  font-family: 'roboto-regular';
  font-size: 16px;
  color: #4a4a4a;
  text-align: left;
  margin-bottom: 15px;
  padding-top: 15px; }

.accordion-content-heading-mobile {
  font-family: 'roboto-regular';
  font-size: 16px;
  color: #4a4a4a;
  text-align: left;
  margin-bottom: 15px;
  padding-top: 15px;
  padding-left: 0px; }

.accordion-content-listitem-desktop {
  padding-left: 15px; }

@media screen and (max-width: 991px) {
  .accordion-content-listitem-desktop {
    padding-left: 0; } }

.list-col-align {
  text-align: center; }

@media screen and (max-width: 991px) {
  .list-col-align-l {
    text-align: left; }
  .list-col-align-r {
    text-align: right; } }

.generic-preference .preference-padding .custom-select-arrow-acc select {
  text-align: center;
  font-size: 12px;
  border-radius: 0;
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  color: #1771cc; }

.billingnotificationineligible {
  font-family: roboto-medium;
  font-size: 16px;
  color: #D9001B;
  text-align: left; }

.successnotificationSavedIcon {
  height: 15px;
  width: 15px;
  color: #667E3A; }

.failurenotificationFailedIcon {
  height: 15px;
  width: 15px;
  color: #D9001B; }

.multiaccountlabel {
  margin-left: 20px; }

.multi-acc-bill {
  color: white;
  font-family: 'roboto-medium';
  text-align: left;
  font-size: 18px;
  background-color: #1771cc;
  height: 48px;
  padding: 10px; }

.notificationlabeldesc {
  font-size: 14px; }

.padding-none {
  padding: 0px !important; }

.save-account-position {
  position: relative; }

.onlymobile {
  display: none; }

.onlydesktop {
  display: block; }

.fail-msg-position {
  position: absolute;
  top: -10px; }

.apply-all-switch {
  margin: 10px 0 !important; }

.amount-input-box {
  position: relative;
  padding-left: 0 !important; }

.dnc-checkbox {
  margin-bottom: 20px; }
  .dnc-checkbox label {
    vertical-align: sub; }
    .dnc-checkbox label span {
      font-size: 14px; }

.ceter-switch-mobile {
  width: 100%; }

.phonemobile {
  width: 160px !important; }

@media screen and (max-width: 991px) {
  .applytoallaccounts {
    background-color: #f6f6f6;
    padding-left: 2px;
    height: auto; }
  .column-applytoall-slider {
    float: left;
    padding-left: 0px; }
  .column-applytoall {
    float: left;
    font-family: 'roboto-medium';
    font-size: 18px;
    color: #4a4a4a;
    text-align: left;
    vertical-align: middle;
    padding-top: 0px; }
  .column-applytoalldesc {
    float: left;
    font-family: 'roboto-regular';
    font-size: 14px;
    color: #4a4a4a;
    text-align: left;
    vertical-align: middle;
    padding-left: 30px;
    padding-top: 11px;
    width: auto; }
  .accordion-content {
    font-family: roboto-bold;
    font-size: 16px;
    color: #4a4a4a;
    text-align: left;
    padding-left: 0px; }
  .accordion-content-heading {
    background-color: #f6f6f6;
    height: auto;
    padding-left: 20px; }
  .accordion-content-heading-disableall {
    font-family: 'roboto-medium';
    font-size: 16px;
    color: #1771cc;
    text-align: left;
    vertical-align: middle;
    padding-left: 0px;
    padding-top: 15px;
    padding-bottom: 15px; }
  .accordion-content-heading-enableall {
    font-family: 'roboto-medium';
    font-size: 16px;
    color: #1771cc;
    text-align: left;
    vertical-align: middle; }
  .accordion-content-heading-desc {
    font-family: 'roboto-regular';
    font-size: 14px;
    color: #4a4a4a;
    text-align: left;
    vertical-align: middle;
    padding-left: 0px;
    padding-top: 15px;
    padding-bottom: 15px; }
  .onlymobile {
    display: block;
    margin-bottom: -20px;
    margin-top: 10px;
    font-family: 'roboto-regular';
    font-size: 16px;
    color: #4a4a4a; }
  .accordion-content-heading-desktop {
    display: none; }
  .onlydesktop {
    display: none; }
  .inputboxmobile {
    padding-left: 100px; }
  .phonemobile {
    margin-top: -20px;
    width: 140px !important;
    float: right; }
  .save-account-position {
    margin-bottom: 15px; }
  .multi-acc-bill {
    color: white !important;
    font-family: 'roboto-medium' !important;
    text-align: left !important;
    font-size: 18px !important;
    background-color: #1771cc !important;
    height: auto !important;
    padding: 10px 15px !important; }
  .multiaccountlabel {
    margin-left: 0px !important; }
  .notificationlabeldesc {
    font-size: 14px;
    padding-left: 0px !important; }
  .fail-msg-position {
    position: absolute;
    top: 0; }
  .apply-all-switch {
    margin: 0 !important; }
  .amount-input-box {
    position: relative;
    float: right; }
  .ceter-switch-mobile {
    float: right !important;
    text-align: right;
    padding: 0;
    position: relative; } }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .applytoallaccounts {
    background-color: #f6f6f6;
    padding-left: 2px;
    height: auto; }
  .column-applytoall-slider {
    float: left;
    padding-left: 0px; }
  .column-applytoall {
    float: left;
    font-family: 'roboto-medium';
    font-size: 18px;
    color: #4a4a4a;
    text-align: left;
    vertical-align: middle;
    padding-top: 0px; }
  .column-applytoalldesc {
    float: left;
    font-family: 'roboto-regular';
    font-size: 14px;
    color: #4a4a4a;
    text-align: left;
    vertical-align: middle;
    padding-left: 30px;
    padding-top: 11px;
    width: auto; }
  .accordion-content {
    font-family: roboto-bold;
    font-size: 16px;
    color: #4a4a4a;
    text-align: left;
    padding-left: 0px; }
  .accordion-content-heading {
    background-color: #f6f6f6;
    height: auto;
    padding-left: 20px; }
  .accordion-content-heading-disableall {
    font-family: 'roboto-medium';
    font-size: 16px;
    color: #1771cc;
    text-align: left;
    vertical-align: middle;
    padding-left: 0px;
    padding-top: 15px;
    padding-bottom: 15px; }
  .accordion-content-heading-enableall {
    font-family: 'roboto-medium';
    font-size: 16px;
    color: #1771cc;
    text-align: left;
    vertical-align: middle;
    padding: 0px; }
  .accordion-content-heading-desc {
    font-family: 'roboto-regular';
    font-size: 14px;
    color: #4a4a4a;
    text-align: left;
    vertical-align: middle;
    padding: 0px;
    padding-left: 0px;
    padding-top: 15px;
    padding-bottom: 15px; }
  .onlymobile {
    display: block;
    text-align: left;
    margin-bottom: -20px;
    margin-top: 10px;
    font-family: 'roboto-regular';
    font-size: 16px;
    color: #4a4a4a; }
  .accordion-content-heading-desktop {
    display: none; }
  .onlydesktop {
    display: none; }
  .inputboxmobile {
    padding-left: 100px; }
  .save-account-position {
    position: relative !important;
    left: -20% !important; }
  .multi-acc-bill {
    color: white !important;
    font-family: 'roboto-medium' !important;
    text-align: left !important;
    font-size: 18px !important;
    background-color: #1771cc !important;
    height: auto !important;
    padding: 0 15px !important; }
  .multiaccountlabel {
    margin-left: 0px !important; }
  .notificationlabeldesc {
    font-size: 14px;
    padding-left: 0px !important; }
  .fail-msg-position {
    position: absolute;
    top: 0; } }

.accordion-hidden-button {
  border: none;
  background: none;
  padding: 0; }

.contact-preference-wrapper {
  margin: 15px 0 70px;
  background: #fff;
  padding-bottom: 35px;
  border: 1px solid #d8d8d8;
  box-shadow: 0 0 5px 0 #898f9e; }

.contact-label {
  text-align: left;
  vertical-align: middle;
  font-family: 'roboto-regular';
  font-size: 16px;
  color: #4a4a4a;
  position: relative;
  display: block; }

.contact-label-radio-input {
  position: absolute;
  top: 0;
  left: 0; }

.contact-label-radio-span {
  display: block;
  margin-left: 18px; }

.contact-data {
  vertical-align: middle;
  font-family: 'roboto-medium';
  font-size: 16px;
  text-align: left;
  color: #4a4a4a; }

.contact-edit {
  vertical-align: middle;
  font-size: 14px;
  font-family: 'roboto-condensed-bold'; }

.contact-desc {
  vertical-align: middle;
  font-family: 'roboto-regular';
  font-size: 14px;
  text-align: left; }

.contact-edit-font {
  font-family: 'roboto-condensed-bold'; }

.billing-ineligible-header {
  font-family: "roboto-medium";
  font-size: 14px;
  color: #D9001B;
  text-align: left; }

.change-bill-desc {
  font-family: "roboto-regular";
  font-size: 14px;
  color: #4a4a4a;
  text-align: left; }

.billing-ineligible-description li {
  list-style-type: square;
  list-style-position: outside;
  margin-left: 40px; }

.budgetPayment-label {
  font-family: 'roboto-regular';
  font-size: 16px;
  color: #4a4a4a;
  text-align: left;
  vertical-align: middle; }

.budgetPayment-link {
  text-align: left;
  vertical-align: middle; }

.budgetPayment-desc {
  font-family: 'roboto-regular';
  font-size: 14px;
  color: #4a4a4a;
  text-align: left;
  vertical-align: middle; }

.paymentArrangements-label {
  font-family: 'roboto-regular';
  font-size: 16px;
  color: #4a4a4a;
  text-align: left;
  vertical-align: middle; }

.paymentArrangements-desc {
  font-family: 'roboto-regular';
  font-size: 14px;
  color: #4a4a4a;
  text-align: left; }

.payment-arrangement-enrollunenroll-link {
  text-align: left;
  vertical-align: middle; }

a.pse-link-disabled {
  color: #bfbfbf;
  font-family: 'roboto-condensed-bold';
  font-size: 18px;
  text-transform: uppercase;
  cursor: default;
  text-decoration: none; }

.c-media-accordion {
  width: 100%; }
  .c-media-accordion a[aria-expanded="false"] .fa-minus-square {
    display: none; }
  .c-media-accordion a[aria-expanded="true"] .fa-plus-square {
    display: none; }
  .c-media-accordion a:hover {
    text-decoration: none !important; }
  .c-media-accordion .panel-title a {
    display: flex;
    text-decoration: none !important; }
  .c-media-accordion .fa-minus-square {
    margin-top: 2px; }
  .c-media-accordion .fa-plus-square {
    margin-top: 2px; }
  .c-media-accordion .panel-group .panel + .panel {
    margin-top: 0px; }
  .c-media-accordion .panel-default {
    border: none !important; }
  .c-media-accordion .panel-body {
    border: none !important;
    padding: 0px 0px 0px 15px;
    box-shadow: none; }
  .c-media-accordion .panel-heading {
    border: none !important;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px; }
    .c-media-accordion .panel-heading .panel {
      border: none !important; }
  .c-media-accordion .accordion-title {
    margin: 0px 0px 0px 10px;
    align-items: center;
    font-size: 18px !important; }
  .c-media-accordion .panel {
    -webkit-box-shadow: none;
    box-shadow: none; }
  .c-media-accordion .accordion-odd {
    background-color: #EEEEEE !important;
    padding: 10px 15px !important;
    align-items: center !important;
    margin: 0px 0px 0px 15px;
    border: none !important; }
    @media (max-width: 768px) {
      .c-media-accordion .accordion-odd {
        margin: 0px 0px 0px 10px;
        padding: 10px; } }
    .c-media-accordion .accordion-odd .panel-title {
      text-align: left;
      font-family: 'Roboto-medium';
      font-size: 18px;
      color: #4a4a4a; }
    .c-media-accordion .accordion-odd .accordion-title {
      color: #4a4a4a !important; }
    .c-media-accordion .accordion-odd a:hover {
      background-color: #EEEEEE !important;
      color: #4a4a4a !important; }
  .c-media-accordion .accordion-even {
    background-color: #EAF8FB !important;
    padding: 10px 15px !important;
    align-items: center !important;
    border: none !important;
    margin: 0px 0px 0px 15px; }
    @media (max-width: 768px) {
      .c-media-accordion .accordion-even {
        margin: 0px 0px 0px 10px;
        padding: 10px; } }
    .c-media-accordion .accordion-even .panel-title {
      text-align: left;
      font-family: 'Roboto-medium';
      font-size: 18px;
      color: #4a4a4a; }
    .c-media-accordion .accordion-even a:hover {
      background-color: #EAF8FB !important;
      color: #4a4a4a !important; }
  .c-media-accordion .media-item {
    padding: 10px 0px 10px 15px;
    margin: 0px 0px 0px 15px; }
    .c-media-accordion .media-item p {
      font-family: 'Roboto', sans-serif;
      font-size: 16px;
      line-height: 1.5;
      margin: 0px 0px 0px 0px !important;
      word-wrap: break-word; }
    @media (max-width: 768px) {
      .c-media-accordion .media-item {
        margin: 0px 0px 0px 10px;
        padding: 10px; }
        .c-media-accordion .media-item a {
          display: inline-block;
          word-break: break-word; } }
  .c-media-accordion .media-item-odd {
    background-color: #EEEEEE !important; }
  .c-media-accordion .media-item-even {
    background-color: #EAF8FB !important; }

#Signin-Popup .col-md-offset-2.col-md-4 {
  width: auto;
  margin: 0 15px;
  padding: 0;
  float: none; }

#Signin-Popup .form-signin {
  border: 0; }

.get-outage-notifications .outageserviceaddressradio {
  width: 18px;
  height: 18px;
  margin-right: 2; }

.get-outage-notifications .outagenotificationheader {
  width: 439px;
  height: 50px;
  background-color: #ffffff;
  box-sizing: border-box;
  font-family: 'roboto-light';
  font-weight: 300;
  color: #4a4a4a;
  text-align: left;
  line-height: normal;
  font-size: 40px; }
  @media only screen and (max-width: 992px) {
    .get-outage-notifications .outagenotificationheader {
      width: 335px;
      height: 38px;
      font-size: 30px; } }

.get-outage-notifications .recaptchaheight {
  margin-bottom: 10px; }

.get-outage-notifications .outagenotificationdesc {
  padding: 20px 20px 20px 20px;
  background-color: #eaf8fb;
  box-sizing: border-box;
  font-family: Roboto, sans-serif;
  color: #4a4a4a;
  text-align: left;
  line-height: 21px; }

.get-outage-notifications .outagenotificationrequired {
  width: 745px;
  height: 21px;
  background-color: rgba(255, 255, 255, 0);
  box-sizing: border-box;
  font-size: 14px;
  font-family: Roboto, sans-serif;
  color: #4a4a4a;
  text-align: right;
  line-height: 21px;
  margin-top: 10px; }
  @media only screen and (max-width: 992px) {
    .get-outage-notifications .outagenotificationrequired {
      width: 380px; } }

.get-outage-notifications .outagenotificationaddress {
  width: 750px;
  height: auto;
  box-sizing: border-box;
  margin-top: 10px; }
  @media only screen and (max-width: 992px) {
    .get-outage-notifications .outagenotificationaddress {
      width: 384px; } }

.get-outage-notifications .outagenotificationnooutagetext {
  background-color: rgba(255, 255, 255, 0);
  box-sizing: border-box;
  font-family: "Roboto Bold", "Roboto", sans-serif;
  font-weight: 700;
  color: #d0021b;
  text-align: left;
  line-height: 21px;
  margin-left: 4px; }

.get-outage-notifications .outagenotificationphoneemaildesc {
  width: 700px;
  height: 21px;
  background-color: rgba(255, 255, 255, 0);
  box-sizing: border-box;
  font-family: Roboto, sans-serif;
  color: #4a4a4a;
  text-align: left;
  line-height: 21px; }
  @media only screen and (max-width: 992px) {
    .get-outage-notifications .outagenotificationphoneemaildesc {
      width: 340px;
      height: 21px; } }

.get-outage-notifications .outagenotificationserviceaddress {
  width: 465px; }
  @media only screen and (max-width: 992px) {
    .get-outage-notifications .outagenotificationserviceaddress {
      width: 344px; } }

.get-outage-notifications .outagenotificationserviceapartment {
  width: 210px; }
  @media only screen and (max-width: 992px) {
    .get-outage-notifications .outagenotificationserviceapartment {
      width: 344px; } }

.get-outage-notifications .outagenotificationservicecity {
  width: 362px; }
  @media only screen and (max-width: 992px) {
    .get-outage-notifications .outagenotificationservicecity {
      width: 344px; } }

@media only screen and (max-width: 992px) {
  .get-outage-notifications .outagenotificationservicewa {
    width: 319px;
    margin-left: -110px; } }

.get-outage-notifications .outagenotificationservicepostal {
  width: 210px; }
  @media only screen and (max-width: 992px) {
    .get-outage-notifications .outagenotificationservicepostal {
      width: 250px;
      margin-top: -75px;
      margin-left: 94px; } }

.get-outage-notifications .outagenotificationbutton {
  width: 195px;
  height: 46px; }

.get-outage-notifications #validateAddress[disabled], .get-outage-notifications #validateAddress[disabled]:hover {
  background-color: #808080; }

.get-outage-notifications .outagenotificationphone {
  width: 338px; }

.get-outage-notifications .outagenotificationemail {
  width: 338px; }

.get-outage-notifications .submit-button {
  margin-bottom: auto; }

.get-outage-notifications .header-confirm {
  font-family: "Roboto Light", "Roboto", sans-serif;
  text-align: left; }

.get-outage-notifications .desc-confirm {
  font-family: "Roboto", sans-serif;
  text-align: left;
  line-height: 21px;
  white-space: normal; }
  @media only screen and (max-width: 992px) {
    .get-outage-notifications .desc-confirm {
      width: 340px;
      height: 42px; } }

.get-outage-notifications .outage-confirm-bg {
  width: 750px;
  height: 240px;
  background-color: #f2f2f2;
  box-sizing: border-box; }

@media only screen and (max-width: 992px) {
  .get-outage-notifications .outage-confirm-bg {
    width: auto;
    height: 240px;
    background-color: #f2f2f2;
    box-sizing: border-box; } }

.get-outage-notifications .label-bold {
  font-weight: bold; }

@media only screen and (max-width: 768px) {
  .get-outage-notifications .label-bold {
    font-weight: bold;
    margin-left: 20px; } }

.get-outage-notifications .outage-map-confirm {
  margin-top: 20px;
  margin-bottom: 20px; }

@media only screen and (max-width: 992px) {
  .get-outage-notifications .adress-padding {
    padding-left: 24px;
    margin-left: 10px; } }

.get-outage-notifications .btn-confirm-outage {
  position: absolute;
  left: 760px;
  top: 280px; }

@media only screen and (max-width: 768px) {
  .get-outage-notifications .print-button {
    display: none !important; } }

.get-outage-notifications .address1-confirm {
  font-family: "Roboto", sans-serif;
  font-weight: 400; }

@media only screen and (max-width: 768px) {
  .get-outage-notifications .address1-confirm,
  .get-outage-notifications .address2-confirm {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    margin-left: 20px; } }

.get-outage-notifications .address2-confirm {
  font-family: "Roboto", sans-serif;
  font-weight: 400; }

.get-outage-notifications .email-confirm {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal; }

@media only screen and (max-width: 768px) {
  .get-outage-notifications .email-confirm,
  .get-outage-notifications .phone-confirm {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    margin-left: 20px; } }

.get-outage-notifications .phone-confirm {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal; }

.get-outage-notifications .print-confirm {
  margin-left: 620px; }

@media print {
  a[href]:after {
    display: none; }
  .pse-breadcrumb {
    display: none; }
  .pse-primary-nav {
    display: none; }
  .pse-secondary-nav {
    display: none; }
  .language-menu {
    display: none; }
  .pse-search-box {
    display: none; }
  #footer {
    display: none; }
  .print-confirm {
    display: none; }
  .outage-map-confirm {
    display: none; } }

.dashboard-usage-toggle-container {
  margin-bottom: 20px;
  padding: 20px;
  background: #F6F6F6;
  border-radius: 0px;
  width: 100%;
  box-sizing: border-box; }
  .dashboard-usage-toggle-container * {
    box-sizing: border-box; }

.usage-toggle-switch {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
  width: 100%;
  flex-wrap: wrap; }
  .usage-toggle-switch input[type="checkbox"] {
    display: none; }

.usage-toggle-slider {
  width: 63px;
  height: 25px;
  background-color: #898f9e;
  border-radius: 34px;
  position: relative;
  transition: background-color 0.3s ease;
  flex-shrink: 0; }
  .usage-toggle-slider:before {
    content: "";
    position: absolute;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background-color: white;
    top: 2px;
    left: 2px;
    transition: transform 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); }

.usage-toggle-text-off,
.usage-toggle-text-on {
  font-family: 'roboto-medium';
  position: absolute;
  font-size: 12px;
  font-weight: 500;
  color: white;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.3s ease; }

.usage-toggle-text-off {
  right: 11px;
  opacity: 1; }

.usage-toggle-text-on {
  left: 15px;
  opacity: 0; }

.usage-toggle-switch input:checked + .usage-toggle-slider {
  background-color: #006671; }
  .usage-toggle-switch input:checked + .usage-toggle-slider:before {
    transform: translateX(38px);
    background-color: white; }
  .usage-toggle-switch input:checked + .usage-toggle-slider .usage-toggle-text-off {
    opacity: 0; }
  .usage-toggle-switch input:checked + .usage-toggle-slider .usage-toggle-text-on {
    opacity: 1;
    color: white; }

.usage-toggle-content {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
  flex-wrap: wrap;
  flex: 1;
  min-width: 0;
  max-width: 100%; }

.usage-toggle-label {
  color: #4A4A4A;
  font-weight: 500;
  font-family: 'roboto-medium';
  font-size: 18px;
  flex-shrink: 0; }

.usage-toggle-description {
  color: #666;
  font-size: 14px;
  font-family: 'roboto-regular';
  flex: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  line-height: 1.4;
  min-width: 0;
  max-width: 100%; }

.usage-component {
  margin: 20px 0;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden; }

.current-active,
.react-active {
  visibility: visible;
  opacity: 1;
  height: auto;
  max-height: none;
  transition: opacity 0.3s ease;
  display: block; }

.current-hidden,
.react-hidden {
  visibility: hidden;
  opacity: 0;
  height: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 0.3s ease;
  display: none; }

.cudp-loading-placeholder {
  text-align: center;
  padding: 40px;
  color: #28727C; }

#current-usage-component {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }
  #current-usage-component * {
    max-width: 100% !important;
    box-sizing: border-box !important; }
  #current-usage-component .opower-widget,
  #current-usage-component .opower-chart,
  #current-usage-component .opower-graph,
  #current-usage-component [class*="opower"],
  #current-usage-component [id*="opower"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important; }
  #current-usage-component table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    word-wrap: break-word !important; }
    #current-usage-component table td,
    #current-usage-component table th {
      word-wrap: break-word !important;
      overflow-wrap: break-word !important;
      max-width: 0 !important; }
  #current-usage-component canvas,
  #current-usage-component svg,
  #current-usage-component .chart,
  #current-usage-component .graph {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important; }
  #current-usage-component iframe {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 300px; }

@media (max-width: 768px) {
  .dashboard-usage-toggle-container {
    padding: 15px;
    margin-bottom: 15px; }
  .usage-toggle-switch {
    gap: 10px; }
  .usage-toggle-content {
    gap: 8px; }
  .usage-toggle-label {
    font-size: 16px; }
  .usage-toggle-description {
    font-size: 13px;
    word-break: break-word;
    hyphens: auto; }
  .usage-component {
    margin: 15px 0; }
    .usage-component * {
      max-width: 100% !important;
      box-sizing: border-box !important; }
  .cudp-loading-placeholder {
    padding: 30px 20px;
    font-size: 14px; }
  #current-usage-component {
    padding: 0 !important;
    margin: 0 !important; }
    #current-usage-component * {
      font-size: 14px !important;
      line-height: 1.3 !important; }
    #current-usage-component h1,
    #current-usage-component h2,
    #current-usage-component h3 {
      font-size: 16px !important; } }

@media (max-width: 600px) {
  .dashboard-usage-toggle-container {
    padding: 12px; }
  .usage-toggle-switch {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px; }
  .usage-toggle-content {
    flex-direction: column;
    gap: 6px;
    width: 100%; }
  .usage-toggle-label {
    font-size: 15px; }
  .usage-toggle-description {
    font-size: 13px;
    line-height: 1.3;
    width: 100%;
    margin-top: 4px;
    max-width: calc(100vw - 120px);
    word-break: break-word; } }

@media (max-width: 480px) {
  .dashboard-usage-toggle-container {
    padding: 10px;
    margin-bottom: 10px; }
  .usage-toggle-switch {
    gap: 10px; }
  .usage-toggle-content {
    width: 100%;
    margin-top: 0; }
  .usage-toggle-label {
    font-size: 15px; }
  .usage-toggle-description {
    font-family: 'roboto-regular';
    font-size: 14px;
    color: #4a4a4a;
    text-align: left;
    vertical-align: middle; }
  .usage-component {
    margin: 10px 0; }
  .cudp-loading-placeholder {
    padding: 20px 15px;
    font-size: 13px; }
  #current-usage-component * {
    font-size: 12px !important; }
  #current-usage-component h1,
  #current-usage-component h2,
  #current-usage-component h3 {
    font-size: 14px !important; }
  #current-usage-component iframe {
    min-height: 250px; } }

@media (max-width: 360px) {
  .dashboard-usage-toggle-container {
    padding: 8px; }
  .usage-toggle-label {
    font-size: 13px; }
  .usage-toggle-description {
    font-size: 11px; } }