/* --------- Main stylesheet for MYA --------- */

/*---------------------------------------------*/
/*                 Typography                  */
/*---------------------------------------------*/

/* Global headings */

h1, h2, h3, h4 {
  margin: 0;
}

h1 {
  font-size: 32px;
  color: #0047bb;
}

h2 {
  font-size: 24px;
  color: #0047bb;
}

h3 {
  font-size: 20px;
}

h2, h3 {
  color: #0047bb;
}

.color-black {
  color: black !important;
}

@media (min-width: 768px) {
  h1 {
    font-size: 32px;
  }

  h3 {
    font-size: 20px;
  }

  h2, h3 {
    color: #0047bb;
  }
}

h4 {
  font-size: 14px;
}

h1.orange-header,
h2.orange-header,
h3.orange-header,
h4.orange-header {
  color: #ff6319;
}

h4.label-like {
  color: black;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 7px;
}

@media (min-width: 992px) {
  h4.label-like {
    color: #000;
    font-size: 14px;
    margin-bottom: 0;
  }
}

#content,
#page-content {
  background-color: #fff;
}

@media (min-width: 768px) {
  #content {
    float: right;
    width: 69%;
    border: 1px solid #ccc;
    padding: 10px;
    margin: 0 10px;
  }

  #page-content {
    float: right;
    width: 72%;
    border: 1px solid #ccc;
    padding: 10px;
    margin: 0 10px;
  }
}

#content h2,
.page-content h2,
#content h3,
.page-content h3 {
  color: #00853f;
}

@media (max-width: 768px) {
  #content > h2 {
    margin-left: 10px;
  }
}

@media (min-width: 768px) {
  #content h2,
  .page-content h2,
  #content h3,
  .page-content h3 {
    border-bottom: 1px solid #ccc;
    color: black;
  }
}

#content .cd-header {
  border-bottom: none;
  margin-bottom: 10px;
}

.cd-content table {
  width: 100%;
}

.cd-content table.horizontal th {
  border-bottom: 1px solid #ccc;
  text-align: center;
}

.cd-content table.horizontal td {
  text-align: center;
}

@media (min-width: 768px) {
  .cd-chargeAmount {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .cd-content table.horizontal td {
    width: 32%;
  }

  .callDetailsModalViewLink {
    text-decoration: underline !important;
  }
}

/* =headline (masthead) main title at top of page */
#headline {
  margin: auto;
  height: 80px;
  padding: 20px 16px 0;
}

#headline h1, #headline h2 {
  display: inline;
  margin: 0;
  font-size: 14px;
  line-height: 1;
}

@media (max-width: 768px) {
  .cd-content table.horizontal {
    width: 96%;
    margin: auto 10px;
  }
}

/* Paragraph */

p {
  line-height: 1.35;
}

@media (min-width: 768px) {
  p {
    line-height: normal;
  }

  #makePaymentOrStatment {
    text-align: center;
  }

  p.contentreads {
    font-size: 15px;
    margin-bottom: 6px;
    margin-top: -20px;
  }
}

.linkBlock p {
  margin: 0;
}

/* Other text elements */

.intro-content {
  font-size: 14px;
  line-height: 1.71;
  margin-bottom: 15px;
}

.disclaimer-text {
  font-style: italic;
  margin: 15px 0;
}


/* Color only */

.red-text,
.error-wrapper .red-text {
  color: #d0021b;
}


/* Links */

a.white {
  color: #fff;
  font-weight: 700;
}

a:hover.white {
  color: #fff;
  text-decoration: underline;
}

.linkBlock {
  display: inline-block;
  zoom: 1;
  overflow: hidden;
  margin-right: 5px;
  vertical-align: top;
}

.linkBlock a {
  display: block;
  margin-bottom: 3px;
  padding: 3px 0;
}

@media (min-width: 768px) {
  .linkBlock a {

  }
}

@media (min-width: 992px) {
  .linkBlock a {
    margin-bottom: 0;
    padding: 0 0 3px;
  }
}


#linkBlockLeft {
  width: 200px;
}

#linkBlockRight {
  width: 200px;
}

#linkBlockHalf {
  width: 450px;
}

ul.linkBlock {
  font-weight: normal;
  margin: 0;
  padding: 0;
}

ul.linkBlock li {
  background: url("../images/bullet_arrowOrange.png") no-repeat scroll 0 6px rgba(0, 0, 0, 0);
  list-style-type: none;
  margin-left: 20px;
  padding: 3px 0 0 15px;
}

ul.linklist {
  margin: 1em 0;
  padding: 0px 0px 0px 12px;
}

ul.linklist li {
  list-style-image: url("/static/images/arrowTargetLink.gif");
  margin: 7px 0;
}

.linklist a {
  display: inline-block;
  font-size: 14px;
  margin: 0;
  padding: 0;
  vertical-align: top;
}

@media (min-width: 992px) {
  .linklist a {
    display: inline-block;
    font-size: 14px;
  }

  ul.linklist li {
    margin: 0;
  }
}

.billingAddressSubmit a,
#make-additional-payment,
#GetBills {
  display: block;
  font-size: 14px;
  text-align: center;
  text-decoration: underline;
}

@media (min-width: 992px) {
  .billingAddressSubmit a,
  #make-additional-payment,
  #GetBills {
    display: inline-block;
    font-size: 14px;
    text-align: left;
  }
}


/* Money formatting */

.dollar-sign,
.dollars,
.cents {
  vertical-align: text-top;
}

.dollar-sign,
.cents {
  font-size: small;
}

/* Forms */

.responsive input,
.responsive select {
  border: 1px solid black;
  box-sizing: border-box;
  display: block;
  font-size: 14px;
  height: 35px;
  max-width: 350px;
  width: 100%;
  text-indent: 15px;
}

#email-input-wrapper #email {
  width: 350px;
}

.responsive input, .responsive .textInput {
  border: none;
  border-bottom: 1px solid #666666;
  outline: none;
  background-color: #f8f8f8;
  height: 50px;
  text-indent: 15px;
  box-sizing: border-box;
}

.responsive input:focus, .responsive .textInput:focus {
  border-bottom: 1px solid #48d597;
}

.responsive #USER, .responsive #PASSWORD {
  border: none;
  border-bottom: 1px solid #666666;
  outline: none;
  background-color: #f8f8f8;
  height: 50px;
  text-indent: 15px;
}

.login-info a {
  font-size: 14px;
}

.responsive #USER:focus, .responsive #PASSWORD:focus {
  border: none;
  border-bottom: 1px solid #48d597;
  outline: none;
}

@media (min-width: 768px) {
  .responsive input,
  .responsive select {
  }

  #view-current-statement-button-mobile {
    display: none;
  }

  #GetBillsMobile {
    display: none;
  }
}

.disabled {
  opacity: 0.5;
}

@media (max-width: 767px) {
  #view-current-statement-button {
    display: none;
  }

  #GetBills {
    display: none;
  }

  .group-break {
    border-bottom: 1px solid #ccc;
  }
}

@media (max-width: 992px) {
  .makePaymentOrStatment {
    text-align: center;
  }
}

@media (min-width: 992px) {
  .responsive input,
  .responsive select {
    border-radius: 0;
    border-color: black;
    box-sizing: content-box;
    font-size: 14px;
    height: 50px;
    margin: 2px 0 0;
    padding: 2px 0;
    max-width: 350px;
    width: 100%;
  }
}

.responsive label {
  color: #000;
  display: inline-block;
  font-size: 14px;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .responsive label {
  }
}

@media (min-width: 992px) {
  .responsive label {
    color: #000;
    font-size: 14px;
    margin-bottom: 0;
    width: auto;
  }
}

.responsive input[type="checkbox"] {
  height: auto;
  width: auto;
}

input[type=checkbox] {
  position: absolute;
  z-index: -1000;
  left: -62.5rem;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 0.0625rem !important;
  width: 0.0625rem !important;
  margin: -0.0625rem;
  padding: 0;
  border: 0;
  cursor: pointer
}

input[type=checkbox] + label {
  height: 1.125rem;
  width: 1.125rem !important;
  display: inline-block;
  line-height: 1.125rem;
  background-repeat: no-repeat;
  font-size: 14px;
  vertical-align: middle;
  cursor: pointer;
  background-position: 0 -1.125rem;
  margin: 0 auto;
  cursor: pointer;
  -webkit-transform: translateY(-0.0625rem);
  -ms-transform: translateY(-0.0625rem);
  transform: translateY(-0.0625rem);
  box-sizing: border-box;
}

 input[type=checkbox] + label {
   border: 2px solid #666;
  display: inline-block;
  background-size: 1.125rem 1.125rem;
  background-image: url(../images/svg/checkbox-check-white.svg);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input[type=checkbox]:checked + label {
  background-position: 0 0;
  background-color: #0047bb;
  border: none;
}


/* Forms: One-off styles */

#main-content .example {
  color: black;
  font-size: 14px;
  font-style: normal;
  margin-top: 2px;
}

.new-registration-flow input {
  margin-bottom: 14px;
  border: none;
  border-bottom: 1px solid #666666;
  outline: none;
}

.new-registration-flow input:focus {
  border-bottom: 1px solid #48d597;
}

#add-an-account-wrapper input[type="text"] {
  margin-bottom: 10px;
}

#add-an-account-wrapper #continueButton {
  margin-top: 20px;
}


/* Tables */

table.responsive {
  width: 100%;
}

@media (min-width: 768px) {
  table.responsive {
    width: 75%;
  }
}

.responsive td,
.responsive th {
  font-size: 13px;
  height: 25px;
  vertical-align: middle;
}

a.paymentModalViewLink {
  color: #000;
  pointer-events: none;
  cursor: text;
}

@media (min-width: 768px) {
  .responsive td,
  .responsive th {
    font-size: 14px;
    height: 20px;
  }
}

@media (max-width: 768px) {
  a.paymentModalViewLink {
    color: #00853F;
    text-decoration: underline;
    pointer-events: auto;
    cursor: pointer;
  }
}

.responsive th {
  padding: 1px;
}

.responsive th.required label {
  color: #d0021b;
  font-weight: bold;
}

#saveChangesButton {
  border: none;
  display: inline;
  margin: 0px;
}

a.targetlink {
  padding-left: 10px;
  background: url("/static/images/arrowTargetLink.gif") no-repeat center left;
}

table {
  border-collapse: collapse;
  empty-cells: show;
}

td, th {
  vertical-align: top;
}

/* =Horizontal (=zebra striped) table (one record per row, with top row table headings) */
.horizontal thead th {
  text-align: left;
  padding: 2px 4px;
}

.horizontal tbody td {
  padding: 2px 4px;
  background: #eee
}

.horizontal tbody tr:nth-child(2n) td {
  background: #fff;
}

.horizontal th.number, .horizontal td.number {
  text-align: right;
}

/* Tables with =collapsible detail rows */
table.collapsible a.toggle {
  padding-right: 18px;
  background: url("/static/images/toggleMinus.gif") no-repeat right;
  float: right;
}

table.collapsible a.closed {
  background-image: url("/static/images/togglePlus.gif");
}

table.collapsible tr.closed {
  display: none;
}

table.collapsible .details td, table.collapsible .details th {
  cursor: pointer;
}

/* =Vertical forms (one control per row, right-justified label beside control) */
table.vertical {
  max-width: 100%;
}

.vertical th,
.vertical td {
  padding: 2px 4px 2px 0;
}

@media (min-width: 768px) {
  .vertical th,
  .vertical td {
    padding: 2px 4px;
  }
}


.vertical th {
  text-align: right;
  padding-right: 5px;
  font-weight: bold;
}

.vertical .textOnly {
  padding-bottom: 0.5em;
}

form .vertical label {
  line-height: 1.75em;
}

form { /* margin: 0 0 1.5em; */
}

form table {
  border-collapse: collapse;
  empty-cells: show;
}

form .inputFields input {
  width: 200px;
}

form .submitFields td {
  text-align: right;
}

tbody.alert td {
  font-weight: bold;
  color: #d0021b;
}

#view-pay-bills table.vertical {
  font-size: 13px;
}

#view-pay-bills .vertical th {
  text-align: left;
}

#view-pay-bills #yourBillHeading {
  margin-bottom: 5px;
  font-size: 20px;
}

#yourBillIframeHeading {
  font-size: 20px;
  border: none;
  margin-bottom: 5px;
  font-weight: bold;
}

#iframeNote {
  font-size: 12px;
  font-style: italic;
  font-weight: normal;
  margin: 5px 0px 0px 10px;
  border-style: none;
  border: none;
}

@media (min-width: 768px) {
  #view-pay-bills table.vertical {
    font-size: 13px;
  }

  #view-pay-bills .vertical th {
    text-align: right;
  }
}

#scheduled-payments-table {
  margin: 0 auto;
  width: 100%;
}

@media (min-width: 768px) {
  #scheduled-payments-table {
    margin: 5px 0 0;
  }
}

#scheduled-payments-table td {
  font-size: 14px;
  vertical-align: middle;
}

#scheduled-payments-table td:nth-child(2) {
  padding-right: 3px;
  text-align: right;
}

#scheduled-payments-table td:nth-last-child(2) {
  text-align: center;
  width: 50%;
}

@media (min-width: 768px) {
  #scheduled-payments-table td {
    font-size: 14px;
  }

  #scheduled-payments-table td:nth-child(2) {
    padding-right: 3px;
    text-align: right;
  }

  #scheduled-payments-table td:nth-last-child(2) {
    text-align: left;
    width: 25%;
  }

}

#scheduled-payments-table tr {
  height: 30px;
}

@media (min-width: 768px) {
  #scheduled-payments-table tr {
    height: 24px;
  }
}

tr#scheduled-payment-1:not(:last-child) {
  border-bottom: 1px dotted #ccc;
}

/*
.scheduled-payment-date-paid {
  width: 25%;
}

.scheduled-payment-total-amount-paid {
  width: 25%;
}
*/
@media (min-width: 768px) {
  .scheduled-payment-date-paid {
    width: 15%;
  }

  .scheduled-payment-total-amount-paid {
    width: 15%;
  }

  .scheduled-payment-from-account {
    width: 35%;
  }

}

#scheduled-payment-payBill-container {
  width: 100%;
}

/*---------------------------------------------*/
/*                 Containers                  */
/*---------------------------------------------*/

#main {
  margin-top: 0px;
}

.grad {
  background-color: #fff;
  background-image: linear-gradient(top, #fff, #eee);
  background-image: -webkit-linear-gradient(top, #fff, #eee);
  background-image: -moz-linear-gradient(top, #fff, #eee);
  background-image: -ms-linear-gradient(top, #fff, #eee);
  background-image: -o-linear-gradient(top, #fff, #eee);
}

.contentBlock {
  overflow: hidden;
  border: 1px solid #ccc;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin-bottom: 15px;
  padding: 10px;
  behavior: url(/static/js/PIE.htc);
}

.content-box {
  padding-bottom: 15px;
}

@media (min-width: 768px) {
  .content-box {
    /* border: 1px solid #ccc; */
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 15px;
    behavior: url(/static/js/PIE.htc);
    padding-top: 10px;
    max-width: 700px;
    width: 100%;
    margin-top: 50px;
  }
}

.box {
  padding: 15px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  -moz-border-radius: 6px;
  behavior: url(/static/js/PIE.htc);
}

.content-box-inner {
  padding: 0 0 15px;
}

.content-box-inner ul li {
  /* list-style-type: none; */
  color: #000;
  font-size: 14px;
  margin-bottom: 7px;
}

@media (min-width: 768px) {
  .content-box-inner {
    background-color: #fff;
    /* border: 1px solid #ccc; */
    border-radius: 6px;
    -moz-border-radius: 6px;
    behavior: url(/static/js/PIE.htc);
    padding: 0 !important;
    max-width: 700px;
    width: 100%;
  }

  .content-box-inner ul {
    padding-left: 20px;
    margin-bottom: 40px;
  }
}

.error-wrapper {
  padding: 15px;
}

@media (min-width: 768px) {
  .error-wrapper {
    behavior: url(/static/js/PIE.htc);
  }
}

#message_container {
  overflow: hidden;
  margin-bottom: 10px;
  height: 20px;
  display: none;
}

#message_container p {
  margin: 0;
  padding: 0;
}

@media (min-width: 768px) {
  #main-content {
    /* background: -webkit-linear-gradient(top, #fff, #eee);
    background: -moz-linear-gradient(top, #fff, #eee);
    background: -ms-linear-gradient(top, #fff, #eee);
    background: -o-linear-gradient(top, #fff, #eee);
    background: linear-gradient(top, #fff, #eee);
    -pie-background: linear-gradient(#fff, #eee); /*ie 6-9 via PIE*/
    /*  behavior:url(/static/js/PIE.htc); */
  }
}

.content-box-border {
  border: 1px solid #ccc;
  border-radius: 6px;
}

.page-content {
  background: #fff;
  margin: 0 0 0px;
}

@media (min-width: 768px) {
  .page-content {
    border: 1px solid #ccc;
    margin: 0;
    padding: 10px;
  }
}


/* Temporary bootstrap-like stuff */

.container-wrapper {
  font-size: 0;
}

.left-align {
  margin-right: 0.75%;
}

.right-align {
  margin-left: 0.75%;
}

.half-width {
  display: inline-block;
  margin-bottom: 8px;
  vertical-align: top;
  width: 49.25%;
}


/* Old bootstrap-like stuff */

/* =Columns */
.columns {
  width: 100%;
  overflow: hidden;
}

.columns .col {
  float: left;
}

/* =columns two-column standard */
.two .col1 {
  margin-right: 18px;
  line-height: 1.5em;
}

.two .col2 {
  padding: 0 2px 0px;
  float: right;
  line-height: 1.5em;
}

@media (min-width: 768px) {
  .two .col1,
  .two .col2 {
    width: 325px;
  }
}

/* =Capsule -- shaded box  */
@media (min-width: 768px) {
  .capsule {
    border: 1px solid #d9d9d9;
    background: #f3f5f6;
    margin-bottom: 1em;
    padding: 15px 20px;
  }
}

/* =Capsule -- shaded box for smallest size as well */
@media (min-width: 80px) {
  .capsuleSm {
    border-radius: 5px;
    margin-bottom: 1em;
    padding: 10px 20px 10px 13px;
  }

  .exemptCapsuleSm {
    padding: 10px 10px 10px 20px;
  }
}

#content .capsule h2, #content .capsule h3 {
  border: none;
  padding: 0;
  margin: 0 0 0.5em;
}

#content .capsule h2 {
  font-size: 1.4em;
}

.capsule ul.linklist li {
  list-style-image: url("/static/images/arrowTargetLink.gif");
  padding-bottom: 1em;
}

div.full {
  width: 942px;
  clear: both;
  margin: 0;
  margin-bottom: 8px;
}

div.half {
  width: 465px;
  margin: 0;
  margin-bottom: 8px;
}

div.oneQtr {
  width: 235px;
  margin: 0;
  margin-bottom: 8px;
}

div.threeQtr {
  width: 690px;
  margin: 0;
  margin-bottom: 8px;
}

div.left {
  float: left;
  margin-right: 5px;
}

div.leftNoFloat {
  margin-right: 5px;
}

div.right {
  float: right !important;
  margin-left: 5px;
}

div.threeQtrClear {
  width: 690px;
  clear: both;
  margin: 0;
  margin-bottom: 8px;
}

div.sixTwenty {
  width: 620px;
  margin: 0;
  padding-bottom: 15px;
}


/*---------------------------------------------*/
/*                    Promo                    */
/*---------------------------------------------*/

.promo {
  background: #a5d867;
  margin: 0 -10px;
  padding: 15px 10px;
  text-align: center;
  width: 100%;
}

.promo .text,
.promo .heading {
  font-weight: 700;
  line-height: 1;
}

.promo .text {
  font-size: 14px;
  margin: 0 0 5px;
}

.promo .heading {
  font-size: 26px;
}

.promo .link,
.promo .link:hover {
  text-decoration: none;
}

.promo sup {
  font-size: small;
}

@media (min-width: 768px) {
  .promo {
    background: transparent;
    margin: 0;
    padding: 25px 0;
  }

  .promo .text {
    font-size: 18px;
  }

  .promo .heading {
    font-size: 36px;
  }
}


/*---------------------------------------------*/
/*       Page Name and Account Selector        */
/*---------------------------------------------*/

/* #accountHead_container {
  padding: 0 0 15px;
} */

/* @media (min-width: 768px) {
  #accountHead_container {
     border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }

} */

#passwordResetWrapper .success {
  padding: 15px 10px 15px 40px;
  background: #FFFFFF url("/static/images/svg/global-alert-icon-green.svg") no-repeat 1px 7px;
}

@media (max-width: 991px) {
}

#pageName {
  padding-right: 0;
  margin-bottom: 35px;
}

h1.pageHead {
  color: #0047bb;
  display: block;
  margin: 0;
  line-height: 1.2;
}

#pageName .intro-content {
  font-size: 14px;
  font-weight: normal;
}

@media (min-width: 768px) {
  h1.pageHead {
    color: #0047bb;
    font-size: 32px;
  }

  .pageHead-text {
    font-size: 14px;
    font-weight: normal;
  }
}

h1.pageHead a {
  color: black;
}

#single-account-header,
#mobile-account-number {
  font-size: 14px;
  font-weight: 700;
}

#single-account-header {
  color: black;
}

@media (min-width: 768px) {
  #single-account-header {
    color: #000;
    font-size: 14px;
    font-weight: 400;
  }
}

#accountSelected {
  padding-left: 0;
  /* text-align: right; */
}

#accountSelected h2 {
  margin-bottom: 12px;
}

/* @media (min-width: 768px) {
  #accountSelected {
    padding-top: 5px;
  }
} */

form#selectAccount {
  margin: 0;
  padding: 0;
}

.schPaymentDesclaimer {
  font-style: italic;
  font-size: 11px;
}

.contentCont {
  overflow: hidden;
  position: relative;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0px 0px 6px 6px;
  -moz-border-radius: 0px 0px 6px 6px;
  padding: 10px;
  text-align: left;
  behavior: url(/static/js/PIE.htc);
}

.contentCont p {
  margin: 0px;
  padding: 0px;
}

.contentCont a {
  text-decoration: underline;
  font-size: 12px;
}

.contentCont a.other {
  font-size: 11px;
}


/*---------------------------------------------*/
/*            Select Account page              */
/*---------------------------------------------*/

.selectacct,
.selectacct p {
  font-size: 14px;
  line-height: 1.25;
  margin: 0 0 15px;
  padding: 0;
}

.selectacct h1,
.selectacct p{
  margin-bottom: 22px;
}

@media (min-width: 768px) {
  .selectacct,
  .selectacct p {
    font-size: 14px;
  }
}

.selectacct ul {
  list-style: none;
  margin: 0 0 15px;
  padding: 0;
}

.selectacct ul a {
  display: inline-block;
  font-size: 14px;
  line-height: 1.71;
  margin-bottom: 22px;
}

@media (min-width: 768px) {
  .selectacct ul a {
    font-size: 14px;
    line-height: 1.3;
    text-decoration: none;
  }
}

@media (min-width: 768px) {
  .selectacct {
    background-color: #fff;
    border-radius: 6px;
    padding: 15px;
  }
}

.selectacct h2 {
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .selectacct h2 {
    margin-bottom: 12px;
  }
}

.selectacct h4 {
  font-size: 20px;
  font-weight: 700;
  margin: 5px 0 22px 0;
  font-weight: normal;
}

@media (min-width: 768px) {
  .selectacct h4 {
    font-size: 13px;
    margin: 5px 0 22px 0;
  }
}

.selectacct h5 {
  font-size: 14px;
  font-weight: bold;
  margin: 5px 0;
}

#mobile-business-message {
  margin-bottom: 25px;
}


/*---------------------------------------------*/
/*                 Summary Page                */
/*---------------------------------------------*/

h3.contHead,
.billCont,
.servicesCont,
div.tab_bottom,
#supportResources {
  -webkit-box-shadow: 3px 3px 2px 0px rgba(195, 195, 195, 0.5);
  -moz-box-shadow: 3px 3px 2px 0px rgba(195, 195, 195, 0.5);
  box-shadow: 3px 3px 2px 0px rgba(195, 195, 195, 0.5);
}

#accountInfo_container {
  margin-bottom: 10px;
}

#accountMgmt_container {
  margin-top: 25px;
}

@media (min-width: 768px) {
  #accountInfo_container {
    margin-bottom: 0;
  }

  #accountMgmt_container {
    margin-top: 0px;
  }
}


/* Headings */

#accountInfo_MyBill h3.contHead,
#accountMgmt_container h3.contHead,
#accountInfo_MyBill .billCont,
#acct-status p.contHead,
#accountMgmt_container #supportResources {
  border: none;
  box-shadow: none;
}

#accountInfo_MyBill h3.contHead,
#accountMgmt_container h3.contHead {
  border-radius: 2px;
}

@media (min-width: 768px) {
  #accountInfo_MyBill h3.contHead,
  #accountMgmt_container h3.contHead,
  #accountInfo_MyBill .billCont,
  #accountMgmt_container #supportResources {
    border: 1px solid #ccc;
    -webkit-box-shadow: 3px 3px 2px 0px rgba(195, 195, 195, 0.5);
    -moz-box-shadow: 3px 3px 2px 0px rgba(195, 195, 195, 0.5);
    box-shadow: 3px 3px 2px 0px rgba(195, 195, 195, 0.5);
  }

  #accountInfo_MyBill h3.contHead,
  #accountMgmt_container h3.contHead,
  #acct-status p.contHead {
    border-radius: 6px 6px 0 0;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-topleft: 6px;
    border-bottom: 0;
  }
}


/*---------------------------------------------*/
/*              Billing Overview               */
/*---------------------------------------------*/

.billCont {
  position: relative;
  background-color: #fff;
  min-height: 195px;
  border: 1px solid #ccc;
  border-radius: 0px 0px 6px 6px;
  -moz-border-radius: 0px 0px 6px 6px;
  border-top: 0;
  padding: 10px;
  text-align: left;
  behavior: url(/static/js/PIE.htc);
}

.billCont a {
  text-decoration: underline;
  font-size: 14px;
}

@media (min-width: 768px) {
  .billCont a {
    font-size: 12px;
  }
}

@media (min-width: 992px) {
  .billCont a.other {
    font-size: 11px;
  }
}

#review-bill-details {
  font-size: 14px;
}

.servicesCont {
  border: 1px solid #ccc;
  border-bottom: none;
  border-top: none;
  background-color: #fff;
  text-align: left;
  behavior: url(/static/js/PIE.htc);
}

h3.contHead {
  text-align: left;
  color: black;
  background-color: #E8E8E8;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  padding: 0 5px;
  padding-left: 10px;
  border: 1px solid #ccc;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-topleft: 6px;
  border-radius: 6px 6px 0px 0px;
  border-bottom: 0;
  center;
  margin: 0px;
  behavior: url(/static/js/PIE.htc);
}

h3.contHeadFinal {
  text-align: left;
  color: #FFF;
  background-color: #00853F;
  font-size: 14px;
  font-weight: bold;
  padding: 5px;
  padding-left: 10px;
  border: 1px solid #ccc;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-topleft: 6px;
  border-radius: 6px 6px 0px 0px;
  border-bottom: 1px solid #ccc;
  center;
  margin: 0px;
  behavior: url(/static/js/PIE.htc);
}

#scheduled-payments-wrapper {
  margin-top: 15px;
}

#scheduled-payments-wrapper h4 {
  font-size: 14px;
}

@media (min-width: 768px) {
  #scheduled-payments-wrapper h4 {
    font-size: 14px;
  }
}

#make-additional-payment {
  margin: 15px 0;
}

@media (min-width: 768px) {
  #make-additional-payment {
    margin: 0;
  }
}

.billCont #linkBlockRight {
  width: auto;
}

@media (min-width: 768px) {
  .billCont #linkBlockRight {
    width: 200px;
  }
}

#last-payment-details {
  line-height: 1.35;
}

p.welcome {
  display: inline;
  margin: 0px;
  margin-right: 15px;
  padding: 0px;
  font-weight: bold;
  font-size: 12px;
}

#bill_container {
  font-size: 14px;
  padding-bottom: 10px;
}

@media (min-width: 768px) {
  #bill_container {
    padding-bottom: 0;
  }
}

@media (min-width: 992px) {
  #bill_container {
    padding-bottom: 10px;
  }

}

#bill_container div.billRow {
  display: block;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 2px;
  padding-bottom: 2px;
}

#bill_container div.billItem {
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: left;
  font-weight: bold;
  width: 300px;
}

#bill_container div.billValue {
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: right;
  font-weight: bold;
  width: 130px;
}

#bill_container .pad {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 15px 0px;
  border-bottom: none;
}

#bill_container .highlight {
  color: #d0021b;
}

#bill_container div.unavailable {
  display: inline-block;
  color: GREY;
  font-style: italic;
}

ul.productList {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  font-weight: bold
}

ul.productList .upgrade {
  font-weight: normal
}

ul.featureList {
  font-weight: normal;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  padding-top: 5px;
  margin-left: 20px;
}


/*---------------------------------------------*/
/*                  My Services                */
/*---------------------------------------------*/

#accountInfo_MyServices {
  position: relative;
  float: right;
  margin-bottom: 20px;
}

#servicesTabsContent .inline-button {
  display: inline-block !important;
}

#servicesTabsContent .ctlButton {
  margin-top: 10px;
}

ul.servicesTabs {
  background-color: #e8e8e8;
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: 5px;
  line-height: 24px;
  position: relative;
  behavior: url(/static/js/PIE.htc);
}

ul.servicesTabs li {
  position: relative;
  width: 68px;
  height: 25px;
  margin: 0;
  padding: 5px 5px 0px 5px;
  border: 1px solid #aaa;
  background: #f6f6f6;
  display: inline-block;
  zoom: 1;
  -moz-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
  text-align: left;
  vertical-align: bottom;
  behavior: url(/static/js/PIE.htc);
}

@media (min-width: 992px) {
  ul.servicesTabs li {
    padding: 5px 0 0 5px;
    width: 100px;
  }
}

ul.servicesTabs li:not(:last-child) {
  margin-right: 3px;
}

ul.servicesTabs a {
  font-size: 0;
  color: #555;
  margin: 0 auto;
  text-decoration: none;
}

@media (min-width: 992px) {
  ul.servicesTabs a {
    font-size: 14px;
    margin: 0;
  }
}


ul.servicesTabs li.selected {
  background-color: #FFF;
  color: #000;
  border-bottom: 1px solid #fff;
}

div#servicesTabsContent {
  background-color: #fff;
  border: none;
  behavior: url(/static/js/PIE.htc);
}

#servicesTabsContent .tabContentCont {
  display: none;
  overflow: hidden;
  position: relative;
  padding: 5px;
}

#servicesTabsContent .selected {
  display: block;
}

ul.servicesTabs li a {
  font-weight: bold;
}

ul.servicesTabs li a:active {
  outline: none;
  border-style: none;
}

ul.servicesTabs li a:hover {
  color: #000;
}

#tab_hsi.selected {
  color: green;
  display: block;
  background-image: url(/static/images/mya_sprite_ctl.png);
  background-repeat: no-repeat;
  background-position: -102px -14px;
  width: 30px;
  height: 26px;
  text-indent: 39px;
}

#tab_hsi {
  display: block;
  background-image: url(/static/images/mya_sprite_ctl.png);
  background-repeat: no-repeat;
  background-position: -134px -13px;
  width: 30px;
  height: 26px;
  text-indent: 39px;
}

#tab_phone.selected {
  color: green;
  display: block;
  background-image: url(/static/images/mya_sprite_ctl.png);
  background-repeat: no-repeat;
  background-position: -86px -79px;
  width: 25px;
  height: 26px;
  text-indent: 35px;
}

#tab_phone {
  display: block;
  background-image: url(/static/images/mya_sprite_ctl.png);
  background-repeat: no-repeat;
  background-position: -110px -79px;
  width: 25px;
  height: 26px;
  text-indent: 35px;
}

#tab_wireless.selected {
  color: green;
  display: block;
  background-repeat: no-repeat;
  background-position: -390px -91px;
  width: 16px;
  height: 26px;
  text-indent: 26px;
}

#tab_wireless {
  display: block;
  background-repeat: no-repeat;
  background-position: -406px -91px;
  width: 16px;
  height: 26px;
  text-indent: 26px;
}

#tab_homeSecurityTab {
  display: block;
}

@media (min-width: 992px) {
  #tab_hsi {
    background-position: -132px -13px;
  }

  #tab_hsi.selected {
    background-position: -99px -14px;
  }

  #tab_phone {
    background-position: -112px -79px;
  }

  #tab_phone.selected {
    background-position: -88px -79px;
  }

  #tab_wireless {
    background-position: -405px -91px;
  }

  #tab_wireless.selected {
    background-position: -390px -91px;
  }
}


div.tabContentLeft {
  border-radius: 10px;
  border: 1px solid #ccc;
  float: left;
  margin-right: 10px;
  min-height: 123px;
  overflow: hidden;
  width: 100%;
}

@media (min-width: 992px) {
  div.tabContentLeft {
    width: 290px;
  }
}

div.tabContentLeft .tab1_icon {
  float: left;
  font-size: 11px;
  width: 100px;
  height: 110px;
  margin: 5px 10px;
  background-color: #fff;
  overflow: hidden;
}

div.tabContentLeft .tabContent {
  float: right;
  vertical-align: top;
  font-size: 14px;
  line-height: 1.25;
  width: 220px;
  min-height: 113px;
  padding: 5px 10px 5px 0px;
  background-color: #fff;
}

@media (min-width: 992px) {
  div.tabContentLeft .tabContent {
    font-size: 11px;
    line-height: normal;
    width: 170px;
  }
}

div.tabContentLeft .tabContent p {
  margin: 8px 0px 8px 0px;
}

div.tabContentLeft .tabContent#tab_content_wireless {
  width: 265px;
  padding: 5px 15px 5px 5px;
}


/* Loading interstitial */

#tab_loading_hsi {
  border-radius: 6px;
  box-sizing: border-box;
  font-size: 14px;
  height: 100%;
  left: 0;
  margin: 0 2%;
  top: 0;
  width: 96%;
  padding-top: 62px;
}


/*---------------------------------------------*/
/*         My Services: TV Tab - Prism         */
/*---------------------------------------------*/

#tab_tv.selected {
  background-image: url(/static/images/mya_sprite_ctl.png);
  background-repeat: no-repeat;
  background-position: -295px -181px;
  color: green;
  display: block;
  height: 26px;
  text-indent: 45px;
  width: 35px;
}

#tab_tv.selected.prism {
  background-position: -275px -132px;
}

#tab_tv.prism {
  background-position: -308px -132px;
}

#tv_links {
  height: 90px;
}

#tab_tv {
  background-image: url(/static/images/mya_sprite_ctl.png);
  background-repeat: no-repeat;
  background-position: -262px -181px;
  display: block;
  height: 26px;
  text-indent: 45px;
  width: 35px;
}

@media (min-width: 992px) {
  #tab_tv {
    background-position: -262px -181px;
  }

  #tab_tv.selected {
    background-position: -295px -181px;
  }

  #tab_tv.prism {
    background-position: -308px -132px;
  }

  #tab_tv.selected.prism {
    background-position: -275px -132px;
  }
}

#get-prism-tv-now-button,
#chat-online-order-prism,
#chat-online-manage,
#manage-prism-tv-button,
#get-directv-button,
#chat-online-order-directv,
#chat-online-manage-prism {
  display: none;
}

#tab_tv.prism .ctlButton {
  margin-top: 10px;
}

/*---------------------------------------------*/
/*       My Services: TV Tab - DirecTV         */
/*---------------------------------------------*/
#tab_icon_tv_col .tab_icon.directv {
  background-position: -172px -80px;
}

#tab_icon_dtv_col .tab_icon.directv {
  background-position: -172px -80px;
}

#tab_tv.selected.directv {
  background-position: -274px -96px;
}

#tab_tv.directv {
  background-position: -308px -96px;
}

@media (min-width: 992px) {
  #tab_tv.directv {
    background-position: -306px -96px;
  }
}

#chat-online-order-prism,
#chat-online-manage-prism,
#chat-online-order-directv {
  margin-top: 10px;
  width: 130px;
}

/*---------------------------------------------*/
/*         My Services: Internet Tab           */
/*---------------------------------------------*/

#tab_icon_hsi_col {
  float: left;
  width: 110px;
  height: 100%;
  position: relative;
}

#tab_icon_hsi_col.hsi-upgrade-available {
  width: 120px;
}

#tab_content_hsi.hsi-upgrade-available {
  width: 150px;
}

/* Left side icon */
#tab_icon_hsi_col .tab_icon {
  width: 100px;
  height: 75px;
  margin-right: 5px;
  background: #fff url(/static/images/mya_sprite_ctl.png) no-repeat 0px 1px;
}

#tab_icon_hsi_col .below_icon {
  clear: both;
  margin-left: 6px;
  vertical-align: bottom;
  position: relative;
  z-index: 100;
}

#tab_icon_hsi_col.hsi-available {
  margin: 5px;
  width: 130px;
}

#tab_icon_hsi_col.hsi-available .tab_icon {
  background: url(/static/images/mya_sprite_ctl.png) no-repeat -448px -16px;
  box-sizing: border-box;
  color: #00853F;
  font-size: 20px;
  font-weight: 700;
  height: 85px;
  padding: 14px 0 0 9px;
  width: 120px;
}

#tab_icon_hsi_col.hsi-available .tab_icon span {
  display: block;
  line-height: 1;
  text-align: center;
  width: 36px;
}

#tab_icon_hsi_col.hsi-available.gigabyte .tab_icon {
  background: url(/static/images/mya_sprite_ctl.png) no-repeat -476px -120px;
  color: #000;
  padding-top: 12px;
}

#tab_icon_hsi_col.hsi-available.triple-digits .tab_icon {
  font-size: 17px;
  padding-top: 16px;
}

#tab_content_hsi.hsi-available {
  width: 140px;
}

/* Dynamic content */
#highest-non-gpon,
#highest-non-gpon-no-shop-cta,
#highest-non-gpon-yes-shop-cta,
#hsi-not-available,
#hsi-available,
#hsi-available-no-shop-cta,
#hsi-available-yes-shop-cta,
#highest-gpon,
#highest-gpon-no-shop-cta,
#highest-gpon-yes-shop-cta,
#hsi-upgrade-available,
#hsi-upgrade-available-no-shop-cta,
#hsi-upgrade-available-yes-shop-cta,
#bb-exhaust-owned,
#bb-exhaust-not-owned,
#hsi-TNs,
#hsi-TNs-cantshop,
#hsi-TNs-canshop,
#prism-hsi,
#prism-hsi-cantshop,
#prism-hsi-canshop,
#prismOwn-hsiOwn,
#prismOwn-hsiOwn-cantshop,
#prismOwn-hsiOwn-canshop {
  display: none;
}

#hsi-available-yes-shop-cta,
#hsi-upgrade-available-yes-shop-cta {
  text-align: center;
}

#internet-speed-text {
  font-weight: 700;
}


/*---------------------------------------------*/
/* My Services: Phone Tab                      */
/*---------------------------------------------*/
#phone_notown,
#phone_notown_cnt_shop,
#phone_notown_shop,
#phone_own,
#phone_own_shop,
#phone_own_cntshop,
#phone_own_grandfather,
#phone_own_grandfather_shop,
#phone_own_grandfather_cntshop,
#phone_max_own,
#phone_max_own_shop,
#phone_max_own_cntshop,
#phone-TNs,
#phone-TNs-cantshop,
#phone-TNs-canshop {
  display: none;
}


#potsTabContainer {
  display: block;
  overflow: hidden;
}

#cvoipTabContainer {
  display: block;
  overflow: hidden;
}

#prismTabContainer {
  display: block;
  overflow: hidden;
}

#dtvTabContainer {
  display: block;
  overflow: hidden;
}

.separate {
  border-top: 1px solid #ccc;
}

#tab_icon_phone_col {
  float: left;
  width: 110px;
  height: 100%;
  position: relative;
}

#tab_icon_phone_col .tab_icon {
  width: 65px;
  height: 100px;
  margin-bottom: 10px;
  margin-right: 20px;
  background: #fff url(/static/images/mya_sprite_ctl.png) no-repeat -5px -72px;
}

#tab_icon_phone_col .below_icon {
  clear: both;
  margin-left: 6px;
  vertical-align: bottom;
  position: relative;
  z-index: 100;
}

#tab_icon_cvoip_col {
  float: left;
  width: 110px;
  height: 100%;
  position: relative;
}

#tab_icon_cvoip_col .tab_icon {
  width: 90px;
  height: 100px;
  margin-bottom: 10px;
  margin-right: 20px;
  background: #fff url(/static/images/mya_sprite_ctl.png) no-repeat -395px -182px;
}

#tab_icon_cvoip_col .below_icon {
  clear: both;
  margin-left: 6px;
  vertical-align: bottom;
  position: relative;
  z-index: 100;
}

#tab_icon_tv_col {
  float: left;
  width: 110px;
  height: 100%;
  position: relative;
}

#tab_icon_tv_col .tab_icon {
  width: 95px;
  height: 80px;
  margin-bottom: 20px;
  margin-right: 10px;
  background: #fff url(/static/images/mya_sprite_ctl.png) no-repeat -169px -160px;
}

#tab_icon_tv_col .tab_icon.prism {
  background-position: -172px 0px;
}

#tab_icon_tv_col .below_icon {
  clear: both;
  margin-left: 6px;
  vertical-align: bottom;
  position: relative;
  z-index: 100;
}

#tab_icon_dtv_col {
  float: left;
  width: 110px;
  height: 100%;
  position: relative;
}

#tab_icon_dtv_col .tab_icon {
  width: 95px;
  height: 80px;
  margin-bottom: 20px;
  margin-right: 10px;
  background: #fff url(/static/images/mya_sprite_ctl.png) no-repeat -169px -160px;
}

#tab_icon_dtv_col .tab_icon.prism {
  background-position: -172px 0px;
}

#tab_icon_dtv_col .below_icon {
  clear: both;
  margin-left: 6px;
  vertical-align: bottom;
  position: relative;
  z-index: 100;
}

#tab_icon_wireless_col {
  float: left;
  width: 70px;
  height: 100%;
  position: relative;
  text-align: center;
}

#tab_icon_wireless_col .tab_icon {
  display: inline-block;
  width: 50px;
  height: 85px;
  margin: 10px 0;
  background: #fff url(/static/images/mya_sprite_ctl.png) no-repeat -342px -85px;
}

#tab_icon_wireless_col .below_icon {
  clear: both;
  margin-left: 6px;
  vertical-align: bottom;
  position: relative;
  z-index: 100;
}

/* HSI Speed Bar */
.HSIspeed {
  /*container*/

  display: none;
  top: 0px;
  left: 0px;
  width: 98px;
  height: 28px;
  overflow: hidden;
  background: url(/static/images/HSI_speed.gif) no-repeat top left transparent;
}

.HSIspeed_bkg {
  /*gray*/

  position: absolute;
  z-index: -5;
  top: 0px;
  left: 0px;
  height: 25px;
  width: 81px;
  margin-left: 17px;
  background-color: #eee
}

.HSIspeed_graph {
  /*gold*/

  position: absolute;
  z-index: -1;
  top: 0px;
  left: 0px;
  z-index: -1;
  height: 25px;
  width: 10%;
  margin-left: 16.5%;
  background-color: #FFCC00
}

.HSIspeed_text {
  /*currSpeedTxt*/

  position: absolute;
  z-index: 6;
  top: 0px;
  height: 100%;
  width: 63px;
  left: 0px;
  padding: 10px 0 0 35px;
  font-size: 10px;
  font-weight: bold;
}

.HSIspeed_max {
  /*maxSpeedTxt*/

  display: none;
  position: absolute;
  top: 30px;
  margin-left: 2px;
  color: black;
  font-size: 10px;
}

.HSIspeed_text span {
  font-size: 10px;
  font-weight: bold;
}

.loadingOverlay {
  position: absolute;
  z-index: 990;
  padding-top: 50px;
  color: #333;
  font-weight: bold;
  background-image: url(/static/images/bkg_trans_white_64.png);
  background-repeat: repeat;
  text-align: center;
  vertical-align: middle;
}

.btnCont {
  margin-top: 10px;
  clear: both;
  overflow: hidden;
  height: 20px;
  padding: 5px 0px;
}

div.tabContentRight {
  width: 145px;
  min-height: 118px;
  display: none;
  float: right;
  vertical-align: top;
  position: relative;
}

@media (min-width: 992px) {
  div.tabContentRight {
    display: block;
  }
}


div.tabContentRight a {
  font-size: 11px;
  text-decoration: underline;
}

div.tabContentRight p {
  margin: 0;
  padding: 0;
}

div.tabContentRight .linkBlock {
  padding-top: 6px;
}


div.tab_bottom {
  clear: both;
  margin: 0px;
  height: 20px;
  padding: 8px 5px 5px 15px;
  overflow: hidden;
  background-color: #CBC8C8;
  color: #fff;
  -moz-border-radius: 0px 0px 6px 6px;
  border-radius: 0px 0px 6px 6px;
  behavior: url(/static/js/PIE.htc);
}

div.tab_bottomfinal {
  clear: both;
  margin: 0px;
  height: 20px;
  padding: 8px 5px 5px 15px;
  background-color: #00853F;
  color: #fff;
  -moz-border-radius: 0px 0px 6px 6px;
  border-radius: 0px 0px 6px 6px;
  behavior: url(/static/js/PIE.htc);
}

div.tab_final {
  font-size: 14px;
  margin: 0px;
  min-height: 182px;
  padding: 8px 15px 5px 15px;
  background-color: #EDEDED;
  color: #333;
}

.contentContFinal {
  background-color: #EDEDED;
  border-radius: 6px;
  -moz-border-radius: 6px;
  height: 190px;
  behavior: url(/static/js/PIE.htc);
}


ul#noIndent {
  margin-bottom: 10px;
}

ul#noIndent li {
  margin-left: 0px;
}

div.contentLeft {
  display: none;
  font-size: 11px;
  overflow: hidden;
  min-height: 110px;
}

div.contentLeft p {
  font-size: 14px;
  overflow: hidden;
  display: block;
}

@media (min-width: 992px) {
  div.contentLeft p {
    font-size: 11px;
  }
}

div.contentLeft .selected {
  display: block;
}

div.contentLeft div.buttonContainer {
  width: 100%;
  position: relative;
  text-align: center;
  overflow: hidden;
  margin: 10px 0;
}

div.chatBtnBlock {
  float: right
}

#myMessages {
}

{
  width: 300px
;
  text-align: left
;
  font-size: 12px
;
}
#messageContainer {
  width: 450px;
  text-align: left;
  font-size: 12px;
}

#messageContainer h3 {
  font-weight: bold;
  margin-bottom: 6px;
}

.messageBlock {
  border: 1px solid #ccc;
  padding: 10px;
  background-color: #f6f6f6;
  margin-bottom: 10px;
}

.messageRow {
  width: 100%;
  clear: both;
  display: block;
  *display: inline;
  zoom: 1;
  border-bottom: 1px solid #ccc;
  margin-bottom: 4px;
  padding-bottom: 4px;
}

.messageRow div.messageDetails {
  clear: both;
  display: none;
  font-size: 11px;
  padding: 8px 20px 8px 20px;
  color: #d0021b;
}

div.messageDetails ul {
  margin: 4px 0px;
  list-style-type: disc;
  list-style-position: inside;
}

#messageContainer div.col-1 {
  width: 15%;
  display: inline-block;
  *display: inline;
  zoom: 1;
  font-size: 11px;
}

#messageContainer div.col-2 {
  width: 55%;
  display: inline-block;
  *display: inline;
  zoom: 1;
  font-size: 11px;
}

#messageContainer div.col-3 {
  width: 15%;
  display: inline-block;
  *display: inline;
  zoom: 1;
  float: right;
  text-align: right;
}

#messageContainer div.col-3 a {
  font-size: 11px;
}

.importantInfo {
  color: #d0021b;
  font-weight: bold;
}

.nowrap {
  white-space: nowrap;
}

#pageNumbers {
  font-size: 11px;
  padding-top: 4px;
  margin-top: 8px;
  border-top: 1px solid #ccc;
}

#pageNumbers span.pagePrev {
  color: black;
  padding: 0 5px;
}

#pageNumbers a.pagePrev {
  padding: 0 5px;
}

#pageNumbers span.pageNumber {
  color: black;
  padding: 0 5px;
}

#pageNumbers a.pageNumber {
  padding: 0 5px;
}

#pageNumbers span.pageNext {
  color: black;
  padding: 0 5px;
}

#pageNumbers a.pageNext {
  padding: 0 5px;
}

/* registration progress bar */
#regflow {
  text-align: center;
  width: 600px;
  background: url("/static/images/bgRegFlow.gif") no-repeat;
  height: 50px;
  margin-left: 15px;
  padding: 0;
  font-size: 14px;
}

#regflow ul {
  margin: 0;
  padding: 12px 0 20px 0;
  list-style: none;
}

#regflow li {
  display: inline;
  font-weight: bold;
  color: #a5d867;
  padding-bottom: 20px;
}

#regflow span {
  padding: 0 23px;
}

#regflow .current {
  color: #fff;
  background: url("/static/images/regFlowIndicator.gif") no-repeat center 28px;
}

.formButtons {
  text-align: right;
  height: 40px;
  width: 100%;
}


/*---------------------------------------------*/
/*              Support Resources              */
/*---------------------------------------------*/

#supportResources {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 0px 0px 6px 6px;
  -moz-border-radius: 0px 0px 6px 6px;
  border-top: 0;
  padding: 10px;
  position: relative;
  behavior: url(/static/js/PIE.htc);
}

.support-resources-column {
  margin: 15px 0px 0px 0px;
  vertical-align: top;
  zoom: 1;
}

@media (min-width: 768px) {
  .support-resources-column {
    display: inline-block;
    margin: 0 75px 25px 0;
    padding-right: 15px;
    width: 200px;
  }

  #view_bills_link .support-resources-column {
    width: 280px;
  }

  .support-resources-column:nth-child(even) {
    margin-right: 0;
  }
}

@media (max-width: 768px) {
  .support-resources-column {
    width: 280px;
  }

  h1.pageHead {
    color: #0047bb;
    font-size: 32px;
  }

  h1.pageHead a {
    color: #0047bb;
  }
}

@media (max-width: 425px) {
  .support-resources-column {
    width: 100%;
  }
  #email-input-wrapper #email {
    max-width: 350px !important;
    width: 100% !important;
  }
}

@media (min-width: 992px) {
  .support-resources-column,
  .support-resources-column:nth-child(even) {
    margin: 0 15px 0 0;
    /* width: 200px; */
  }
}

#view_bills_link .support-resources-column {
  /* width: 45%; */
}

@media (max-width: 998px) {
  #view_bills_link .support-resources-column {
    float: none;
    width: 100%;
  }
}

#viewBillContactSection a {
  text-decoration: underline;
}

#viewBillContactSection {
  margin-top: 0px;
  clear: both;
}

#viewBillContactSection h3 {
  text-decoration: none;
  border: none;
  font-size: 20px;
  font-weight: bold;
}

#viewBillContactSection p {
  font-size: 13px;
  margin: 5px 0px;
  line-height: 1.5em;
}

#mailingAddressSection b {
  display: block;
  float: left;
}

#mailingAddressSection div {
  display: block;
}

#mailingAddressSection div:last-child {
  width: 54%;
}

@media (max-width: 425px) {
  #viewBillContactSection h3 {
    color: #ff8B19;
  }

  .support-resources-column:last-child {
    margin-bottom: 10px;
  }

  #mailingAddressSection div {
    float: none;
    display: block;
  }

  #mailingAddressSection div:last-child {
    width: 54%;
  }
}

@media (min-width: 992px) {
  .support-resources-column:first-child {
    margin-left: 10px;
    padding-left: 0;
  }
}

.support-resources-column:last-child {
  border: 0;
  margin-right: 0;
  padding-right: 0;
}

.support-resources-column h4 {
  display: block;
}

#supportResources h4 {
  background-position: left center;
  color: #000;
  font-weight: 700;
  line-height: 18px;
  margin-bottom: 5px;
  text-indent: 20px;
}

#supportResources h4,
#supportResources a {
  font-size: 14px;
}

#supportResources a {
  display: inline-block;
  margin: 2px 0 2px 20px;
  padding: 8px 0;
}

@media (min-width: 768px) {
  #supportResources h4 {
    text-indent: 25px;
  }

  #supportResources a {
    margin: 2px 0 2px 25px;
    padding: 2px 0;
  }
}

@media (min-width: 992px) {
  #supportResources h4 {
    font-size: 14px;
    text-indent: 20px;
  }

  #supportResources a {
    font-size: 11px;
    margin: 0 0 4px;
    padding: 0;
  }
}

.support-resources-column ul {
  list-style: none;
  margin: 0;
  padding: 5px 0 10px;
  width: 100%;
}

#linkSection .support-resources-column ul {
  border: none;
}

@media (min-width: 768px) {
  .support-resources-column ul {
    border-top: 1px solid #ccc;
  }
}

.supportResources_links li {
  text-align: left;
}

@media (min-width: 768px) {
  .support-resources-column li.group-break {
    margin-bottom: 20px;
  }
}

#supportResources_col1 {
  background: url(/static/images/gears_icon.png) no-repeat;
}

#supportResources_col2 {
  background: url(/static/images/learnmore_icon.png) no-repeat;
}

#supportResources_col3 {
  background: url(/static/images/security_icon.png) no-repeat;
}

#supportResources_col4 {
  background: url(/static/images/moreHelp_icon.png) no-repeat;
}


/* Expandable areas */

.support-resources-column .expandable {
  overflow: hidden;
  height: 0;
  transition: height 0.5s;
}

@media (min-width: 768px) {
  .support-resources-column .expandable {
    height: auto;
    overflow: visible;
  }
}

.support-resources-heading {
  position: relative;
}

.support-resources-heading:after {
  content: url(/static/images/arrow_closed.png);
  position: absolute;
  right: 10px;
  text-indent: 0;
  top: 0;
  -webkit-transform-origin: 0;
  -ms-transform-origin: 0;
  transform-origin: 0;
  transition: all 0.25s;
}

.support-resources-heading.active:after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media (min-width: 768px) {
  .support-resources-heading:after {
    content: none;
  }
}


/*---------------------------------------------*/
/*             Account Information             */
/*    (a.k.a. Account Details & Preferences)   */
/*---------------------------------------------*/

#account-profile p {
  font-size: 14px;
}

@media (min-width: 992px) {
  #account-profile p {
    font-size: 14px;
  }
}


#data-usage-profile p {
  font-size: 14px;
}


#account-preferences-moving-wrapper {
  margin: 15px 0 0;
}

#billing-name-wrapper,
#billing-address-wrapper,
#service-address-wrapper {
  margin-bottom: 10px;
}

#billing-name-wrapper p,
#account-preferences-moving-wrapper p,
#billing-address-wrapper p,
#service-address-wrapper p,
#email-preferences-wrapper p {
  margin: 0;
}

@media (max-width: 768px) {
  #accountProfileEmailAddress {
    margin-bottom: 0px;
    color: black;
    font-size: 14px;
  }

  #email-preferences-wrapper {
    margin-bottom: 15px;
  }

  #billing-preferences-wrapper ul.linklist {
    margin: 1em auto 0;
  }

  #mailingAddressSection b {
    float: none;
    display: block;
    width: 100%;
  }

}

.edit-link {
  font-weight: 700;
}


/* Account and Login info */

#divViewProfileInformation table th,
#divViewLoginUserID table th,
#divViewLoginPassword table th,
#divViewLoginQA table th {
  color: black;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 7px;
  text-align: left;
}

#divViewProfileInformation label,
#divViewLoginUserID label,
#divViewLoginPassword label,
#divViewLoginQA label {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0px;
  text-align: left;
  display: inherit;
}

@media (max-width: 768px) {
  #divViewProfileInformation span,
  #divViewLoginUserID span,
  #divViewLoginPassword span,
  #divViewLoginQA span {
    display: block;
    width: 100%;
    line-height: 1.5em;
  }

  #divViewProfileInformation label,
  #divViewLoginUserID label,
  #divViewLoginPassword label,
  #divViewLoginQA label {
    margin-bottom: 0px;
    width: inherit;
    display: inherit;
    color: black;
  }

  .editProfileLink {
    margin-left: 10px;
    float: none;
  }
}

h3.deskTopHeader {
  border-bottom: 1px solid #ccc;
  color: black;
}

.profileInnerWrapper {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #eee;
}

.profileInnerWrapper a {
  margin-left: 15px;
}

#profileSettingsSummary {
  margin: 15px 0px 15px 0px;
  line-height: 1.25;
  font-size: 14px;
}

#profileSettingsSummary .tooltip-enabled h3 {
  border: none;
}

#profileSettingsSummary .tooltip-enabled p {
  line-height: 1.35;
}


#profileInfoWrapper {
  margin-top: 10px;
}

#profileInformation h3 {
  border-bottom: 1px solid #ccc;
  margin-bottom: 5px;
}

#profileInformation span {
  word-break: break-word;
}

#profileInformation .required {
  font-size: 14px;
  font-weight: normal;
  /* margin-bottom: 15px!important; */
  margin-bottom: 15px;
  margin-top: 5px;
}

#profileInformation div.formerror p {
  padding: 0px;
  margin: 0px;
  font-weight: normal;
}

#profileInformation div.formerror {
  padding: 0px 10px 5px 42px;
  margin: 10px 0;
}

#passwordResetWrapper .success {
  border: none;
}

#passwordResetCancelLink {
  margin-left: 10px;
  text-decoration: underline;
}

#troubleLoggingInLoggedInPasswordReset.formerror {
  padding: 0px 10px 5px 40px;
  font-weight: normal;
}

div.retrieve-account-formerror {
  font-size: 14px;
}

.formFieldBody {
  float: left;
  width: 48%;
  margin-bottom: 10px;
}

.formFieldBody #userId, .formFieldBody input {
  margin: 0px;
}

.formFieldButtons {
  clear: left;
}

.infoBox {
  background: transparent url('../images/icon_info_yellow.png') 0px 0px scroll no-repeat;
  padding: 0px 0px 10px 37px;
  color: black;
  font-style: italic;
  margin: 5px 0px 10px 0px;
}

.profileInnerWrapper .infoBox {
  background: transparent url('../images/icon_info_yellow.png') 0px 0px scroll no-repeat;
  padding-left: 45px;
  color: black;
  float: right;
  width: 40%;
  font-style: italic;
}

.profileInnerWrapper .infoBox a {
  margin: 0px;
}

#ProfileSecurityQuestion, #ProfileSecurityAnswer {
  width: 255px;
}

@media (max-width: 768px) {
  .formFieldBody {
    float: none;
    width: 100%;
  }

  .profileInnerWrapper .infoBox {
    float: left;
    width: 87%;
  }

  .formFieldButtons {
    text-align: center;
  }

  .profileInnerWrapper .formFieldButtons a {
    padding: 11px 28px;
    font-size: 18px;
  }

  .profileInnerWrapper a:hover {
    text-decoration: none;
  }

  .securityQuestionHeader {
    margin-top: 10px;
  }

  #ProfileSecurityQuestion, #ProfileSecurityAnswer {
    width: 95%;
  }

  #profileSettingsSummary .tooltip-enabled h3 {
    color: #00853f;
  }

  #paperless-billing a.cancelBtn {
    font-size: 18px;
    padding: 10px;
  }

  #submitSection {
    text-align: left;
  }
}

#submitSection {
  margin-top: 20px;
  border: none;
  clear: both;
  margin-bottom: 20px;
  display: block;
}

#submitSection input {
  display: inline;
  /* margin-top: 20px; */
}

@media (min-width: 768px) {
  .profileInnerWrapper .formFieldButtons a {
    background: none;
    color: #00853F;
    font-weight: normal;
  }

  .profileInnerWrapper .formFieldButtons a:hover {
    text-decoration: underline;
  }

  #securityQuestionToolTip {
    width: 400px;
  }

  #paperless-billing a.cancelBtn {
    font-size: 12px;
    background: none;
    color: #00853F;
    font-weight: normal;
    -webkit-box-shadow: none;
    /* margin-top: 20px; */
    display: inline-block;
  }
}

.profileInnerWrapper input[type="text"], .profileInnerWrapper input[type="password"] {
  width: 95%;
  padding: 3px;
  font-size: 14px;
  border-radius: 3px;
  border: 1px solid #aaa;
}

#paperless-billing .divider {
  margin-bottom: 10px;
}

#paperless-billing .billPreferenceIcon {
  margin-right: 10px;
}

#paperless-billing .billPreferenceMessage, #paperless-billing .billPreferenceContainer {
  margin-bottom: 10px;
  font-size: 14px;
}

.errorMessageForPaperlessBilling {
  padding-left: 28px;
  font-size: 12px;
  margin-top: 4px;

}

#errorMessageHolder .errorMessageHolderHeader {
  color: #d0021b;
  font-size: 14px;
  font-weight: bold;
}

.profileInnerWrapper label {
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 15px;
}

.profileInnerWrapper label:first-child {
  margin-top: 0px;
}

.profileInformationClass .success {
  font-size: 14px;
}

.profileFormRow {
  display: inline-block;
  font-size: 14px;
  margin-bottom: 10px;
}

.securityQuestionHeader {
  margin-top: 20px;
}

a.editProfileLink {
  float: right;
  margin-left: 25px;
  text-decoration: underline;
}

.profileInnerWrapper input[type="button"], .profileInnerWrapper input[type="submit"] {
  width: 111px;
}

@media (max-width: 768px) {
  .editProfileLink {
    margin-left: 10px;
    float: none;
  }

  .profileInnerWrapper input[type="text"], .profileInnerWrapper input[type="password"] {
    font-size: 20px;
  }

  .profileInnerWrapper input[type="button"], .profileInnerWrapper input[type="submit"] {
    display: inline;
  }
}

#divViewProfileInformation table td,
#divViewLoginUserID table td,
#divViewLoginPassword table td,
#divViewLoginQA table td {
  font-size: 14px;
}

#divViewProfileInformation {
  /* margin-bottom: 25px; */
}

#edit_profile_info {
  font-weight: normal;
  text-decoration: underline;
}

@media (min-width: 992px) {
  #divViewProfileInformation table th,
  #divViewLoginUserID table th,
  #divViewLoginPassword table th,
  #divViewLoginQA table th {
    color: #000;
    display: table-cell;
    font-size: 14px;
  }

  #divViewProfileInformation table td,
  #divViewLoginUserID table td,
  #divViewLoginPassword table td,
  #divViewLoginQA table td {
    font-size: 14px;
  }
}


/*paperless billing preference page */
div.billPreferenceLeftPadding {
  padding-left: 50px;
}

a.billPreferenceLink {
  text-decoration: underline;
  margin-left: 5px;
}

a.billPreferenceCancelLink {
  text-decoration: underline;
  margin-left: 20px;
}

input.billPreferenceSaveButton {
  vertical-align: middle;
}

div.billPreferenceContainer {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 5px;
  display: table;
  width: 97%;
}

img.billPreferenceIcon {
  vertical-align: middle;
}

span.billPreferenceMessage {
  vertical-align: middle;
  display: table-cell;
}

span.billPreferenceNoEmail {
  color: GREY;
  font-style: italic;
}

div.mailingAddresserror {
  color: #d0021b;
  font-style: italic;
}

div.editEmailAddress {
  overflow: hidden;
  width: 100%;
  margin-top: 5px;
}

div.editEmailArea {
  display: inline-block;
  width: 50%;
}

div.emailHelpText {
  border-left-style: solid;
  border-width: .1em;
  border-color: #616365;
  width: 45%;
  padding-left: 5px;
  font-size: 11px;
  font-style: italic;
  text-decoration-color: #616365;
}

div.mustEnterEmailError {
  color: #d0021b;
  padding: 1px 2px 8px 35px;
  background: url("/static/images/svg/global-alert-icon-2.svg") no-repeat 1px 1px;
  margin-top: 10px;
}

div.pleaseEnterEmailMessage {
  font-size: 14px;
  line-height: 1.35;
  padding: 5px 2px 11px 45px;
  background: url("../images/svg/icon-important.svg") no-repeat 1px 1px;
}

/* Style form errors */
.required, .formerror, .formError {
  color: #d0021b; /*font-weight:bold;*/
  margin-bottom: 41px;
}

p.required {
  margin: 5px 0;
}

.fieldError {
  background-color: #FFE8E8;
  border: 1px solid red;
}

.error {
  color: #d0021b;
  font-weight: bold;
}

.editLink {
  color: #397100;
}

div.formerror {
  padding: 0px 0px 0px 30px;
  margin: 10px 0;
  min-height: 35px;
  background: transparent url("/static/images/svg/global-alert-icon-2.svg") 0 0 scroll no-repeat;
  background-size: 27px 29px;
}

.formerror.registration-step1Form-error {
  background-size: 27px 29px;
  padding: 6px 0px 0px 38px;
}

div.formerror ul, div.success ul {
  color: #000;
  font-weight: normal;
  margin: 10px 0;
  padding-left: 15px;
}

div.formerror p, div.success p {
  margin: 10px 0;
}

div.formerroricon {
  color: #d0021b;
  padding: 2px 2px 20px 40px;
  background: url("/static/images/svg/global-alert-icon-2.svg") no-repeat 1px 1px;
}

.forgot-password-wrapper div.formerroricon{
  padding: 6px 2px 20px 38px;
}

.content-box-inner, .forgot-password-wrapper, .formerroricon {
  background-size: 27px 29px !important;
}

.login-layout-page .formerror {
  padding: 0px 0px 0px 38px;
}

div.success {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 5px 10px 5px 60px;
  margin: 10px 0;
  background: #FFFFFF url("/static/images/svg/global-alert-icon-green.svg") no-repeat 17px 9px;
}

textarea {
  font-family: MaisonNeue-Medium, serif;
  font-size: 14px;
  width: 98%;
}

.borderBox {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

#paperless-billing div.emailAddressErrorPadding {
  margin-top: 10px;
}

#paperless-billing div.formerroricon {
  padding-top: 3px;
  padding-bottom: 15px;
}

/*---------------------------------------------*/
/*           Pay Bill and View Bills           */
/*---------------------------------------------*/

.payBillContent {
  overflow: hidden;
  width: 100%;
  margin-right: 10px;
  border: 1px solid #ccc;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 10px 0;
}

#payBillContainer div.billAmountLabel {
  display: inline-block;
  text-align: left;
  font-size: 1.5em;
  padding: 10px 0;
}

#payBillContainer div.billValue {
  display: inline-block;
  text-align: right;
  font-size: 1.5em;
  font-weight: bold;
}

#payBillContainer div.billDueLabel {
  width: 100%;
  display: inline;
  text-align: left;
  font-size: 14px;
  padding: 1px
}

#payBillContainer div.billDueDate {
  width: 100%;
  display: block;
  text-align: left;
  font-size: 1.5em;
  font-weight: bold;
  padding: 1px
}

#payBillContainer div.left {
  display: inline-block;
  float: left;
  width: 45%;
  margin-left: 1%;
}

#payBillContainer div.right {
  display: inline-block;
  float: right !important;
  width: 45%;
}

.payBillDisclaimerCont {
  width: 100%;
  padding: 10px 0px 10px 0px;
  border-bottom: 1px solid #ccc;
}

#payBillDisclaimer div.thirdParty {
  width: 100%;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: left;
  font-size: 14px;
  font-style: italic;
  padding: 10px 0px 10px 0px;
}

@media (max-width: 768px) {
  #payBillDisclaimer div.thirdParty {
    padding: 10px 0px 0px 0px;
  }
}

.viewBill a {
  text-decoration: underline;
  font-style: italic;
}

#payBillDisclaimer div.autoPay {
  width: 100%;
  display: inline-block;
  zoom: 1;
  background-image: url(/static/images/icon_info.png);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  text-align: left;
  font-size: 14px;
  font-style: italic;
  padding: 3px 0;
  text-indent: 25px;
}

#payBillDisclaimer div.pmtArr{width:100%; display:inline-block; zoom: 1; background-image:url(/static/images/icon_info.png); background-size: 20px 20px; background-repeat:no-repeat; text-align:left; font-size: 16px; font-style: italic; padding:3px 0; text-indent:25px; font-weight: bold}
#payBillDisclaimer div.pmtArr2{width:100%; display:inline-block; zoom: 1; background-size: 20px 20px; background-repeat:no-repeat; text-align:left; font-size: 1em; font-style: italic; padding:3px 0;}

#paymentError h2 {
  color: black;
  font-size: 1.5em;
  font-weight: bold;
  padding-bottom: 0em;
  margin: 0em 0;
  border-bottom: none;
}

#paymentError .errorBox {
  padding-left: 3em;
  background: transparent url('../images/svg/global-alert-icon-2.svg') 0px 0px scroll no-repeat;
  background-size: 27px 29px;
}

#autopay-cancel-wrapper h2 {
  border: none;
  font-size: 18px;
  color: black;
}

#autopay-cancel-wrapper .inside.green-checkmark-round-icon {
  padding-left: 40px;
}

#mailCodeButtonSuccess .outside,
#mailCodeButtonError .outside,
#emailCodeButtonSuccess .outside,
#emailCodeButtonError .outside,
#voiceCodeButtonSuccess .outside,
#voiceCodeButtonError .outside,
#serverError .outside,
#paymentError .outside,
#systemError .outside,
#autopay-cancel-wrapper .outside {
  background-color: #fff;
  padding: 10px;
  margin-top: 5px;
}

#paymentError .outside2 {
  padding: 5px;
}

#paymentError .inside p.small {
  font-size: 0.9em;
}

#serverError .inside p,
#paymentError .inside p,
#systemError .inside p,
#autopay-cancel-wrapper .inside p {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 10px;
  margin-right: 0;
}

#systemError .inside {
  margin-top: -7px;
  margin-bottom: -15px;
}

#paymentError .errorBox .EpwfPayBillErrorCode {
  display: none;
}

#paymentErrorList ul.paymentErrorLinkBlock {
  font-weight: normal;
  margin: 0;
  padding: 0 0 15px;
}

#paymentErrorList ul.paymentErrorLinkBlock li {
  background: url("../images/bullet_arrowOrange.png") no-repeat scroll 0 6px rgba(0, 0, 0, 0);
  list-style-position: inside;
  list-style-type: none;
  padding: 3px 0 0 15px;
}

#paymentError a {
  text-decoration: none;
}

#paymentError a:hover {
  text-decoration: underline;
}

#viewBillPayCol div.topRow {
  margin-bottom: 2px;
  padding-bottom: 2px;
  position: relative;
}

#viewBillPayCol div.payButton {
  display: inline-block;
  float: right;
  *display: inline;
  zoom: 1;
  text-align: left;
  font-weight: bold;
}

#viewBillPayCol li {
  padding-bottom: .2em;
}

#payBill_Success_SignOut {
  margin-left: 0px;
}

@media (min-width: 768px) {
  #payBill_Success_SignOut {
    margin-left: 20px;
  }
}

@media (min-width: 992px) {
  #payBill_Success_SignOut {
    margin-left: 20px;
  }
}

#qbpPayBill_Success_SignOut {
  margin-left: 0px;
  text-decoration: none !important;
}

@media (min-width: 768px) {
  #qbpPayBill_Success_SignOut {
    margin-left: 20px;
    text-decoration: none !important;
  }
}

@media (min-width: 992px) {
  #qbpPayBill_Success_SignOut {
    margin-left: 20px;
    text-decoration: none !important;
  }
}

#viewBillSelect div.pdfSelect {
  margin: 10px 0;
}

#viewBillSelect div.dropDown {
  text-align: center;
  zoom: 1;
}

@media (min-width: 768px) {
  #viewBillSelect div.dropDown {
    display: inline-block;
    margin-right: 10px;
    text-align: left;
  }
}

#viewBillSelect div.downloadButton {
  zoom: 1;
  text-align: center;
  font-weight: bold;
  /* margin: auto; */
}

#viewBillSelect div.downloadButton input {

}

@media (min-width: 768px) {
  #viewBillSelect div.downloadButton {
    display: inline-block;
    vertical-align: top;
  }
}

#view-bill-pdf-message,
#pay-bill-pdf-message {
  line-height: 1.35;
  margin: 10px 0 0;
}

@media (min-width: 768px) {
  #view-bill-pdf-message,
  #pay-bill-pdf-message {
    line-height: normal;
  }
}

#view-bill-pdf-message a,
#pay-bill-pdf-message a {
  text-decoration: underline;
}

#view-pay-bills #docID {
  font-size: 18px;
  max-width: 275px;
  padding: 5px 0;
  width: 75%;
}

@media (min-width: 768px) {
  #view-pay-bills #docID {
    font-size: 13px;
    width: 100%;
  }
}

#view-pay-bills .linklist a {
  display: inline;
}

@media (min-width: 992px) {
  #view-pay-bills .h2item {
    margin-right: 110px;
  }
}


/* CRIS version of page */

#your-bill-at-a-glance-wrapper.cris-page table tr {
  height: 25px;
}

@media (min-width: 660px) {
  #mobile-bill-message {
    display: none !important;
  }
}

@media (max-width: 659px) {
  #cris-bill-iframe-wrapper {
    display: none !important;
  }
}

@media (min-width: 660px) {
  #your-bill-at-a-glance-wrapper.cris-page,
  #make-a-payment-wrapper.cris-page {
    width: 50%;
  }

  #your-bill-at-a-glance-wrapper.cris-page table tr {
    height: 35px;
  }

  #your-bill-at-a-glance-wrapper.cris-page h2 {
    margin-bottom: 9px;
  }

  #make-a-payment-wrapper.cris-page #payNowButton {
    margin-top: 0;
  }

  #make-a-payment-wrapper.cris-page ul.linklist {
    margin: 1em auto 0;
    padding: 0 0 0 23px;
    width: 75%;
  }
}

@media (min-width: 768px) {
  #your-bill-at-a-glance-wrapper.cris-page table tr {
    height: auto;
  }

  #your-bill-at-a-glance-wrapper.cris-page h2 {
    margin-bottom: 0.25em;
  }

  #make-a-payment-wrapper.cris-page #payNowButton {
    position: static;
    width: 100%;
  }

  #make-a-payment-wrapper.cris-page ul.linklist {
    margin: 1em 0;
    padding: 0 0 0 12px;
    width: auto;
  }
}

@media (min-width: 992px) {
  #make-a-payment-wrapper.cris-page #payNowButton {
    position: absolute;
    width: auto;
  }
}


/*---------------------------------------------*/
/*              PayBill - Global               */
/*---------------------------------------------*/

.borderless {
  /* border: none !important; */
  border: none;
}

.paybill-messaging a {
  text-decoration: underline;
}

#pay-bill-cris h2,
#pay-bill-cris h3 {
  border: none;
}

#third-party-messaging #GetBills {
  display: inline;
  font-size: 14px;
}

@media (min-width: 768px) {
  #third-party-messaging #GetBillsMobile {
    display: none !important;
  }
}

@media (max-width: 767px) {
  #third-party-messaging #GetBills {
    display: none;
  }
  #qbpContainer #qbp-left-column, #qbpContainer #qbp-right-column {
    padding: 0 20px;
  }
}

/*---------------------------------------------*/
/*          PayBill - Sprite Classes           */
/*---------------------------------------------*/

.green-checkmark-round-icon {
  padding-left: 38px;
  position: relative;
  padding-top: 8px;
}

.green-checkmark-round-icon:before {
  background: url('/static/images/successicon.gif') 0px 0px no-repeat;
  content: " ";
  height: 32px;
  left: 0;
  position: absolute;
  width: 32px;
}

.green-checkmark-round-icon a {
  text-decoration: underline;
}

/*---------------------------------------------*/
/*           PayBill - iFrame Spinner          */
/*---------------------------------------------*/

#loading-spinner-wrapper {
  height: 100%;
  position: relative;
  width: 100%;
}

#loading-spinner {
  background: url('/static/images/svg/spinner-blue.svg') #fff no-repeat center 85px;
  box-sizing: border-box;
  color: black;
  font-size: 14px;
  font-weight: 700;
  height: 100%;
  padding-top: 35px;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1000;
}

#general-loading-spinner {
  background: url('/static/images/svg/spinner-blue.svg') #fff no-repeat center 85px;
  box-sizing: border-box;
  color: black;
  font-size: 14px;
  font-weight: 700;
  padding-top: 35px;
  text-align: center;
  width: 100%;
  height: 250px;
}

@media (max-width: 767px) {
  #view-pay-bills #loading-spinner-wrapper {
    display: none;
  }
}


/*---------------------------------------------*/
/*           PayBill - Success Page            */
/*---------------------------------------------*/

/* Progress indicator bar */
#progress-indicator-bar {
  font-family: MaisonNeue-Medium, sans-serif;
  height: 55px;
  margin: 15px -10px 20px -10px;
  width: auto;
}

@media (min-width: 768px) {
  #progress-indicator-bar {
    margin: 15px 0 20px;
  }
}

/* Payment Details Table */

#pay-bill-cris-total-payment,
#pay-bill-cris-convenience-fee,
#pay-bill-cris-payment-amount {
  text-align: right;
}

/*---------------------------------------------*/
/*           PayBill - Progress Bar            */
/*---------------------------------------------*/

/* Steps */
.progress-step-wrapper {
  box-sizing: border-box;
  display: inline-block;
  padding: 0 20px 0 0;
  width: 35%;
  margin: 0 -2.5% 0 0;
  position: relative;
}

#progress-indicator-bar .progress-step-wrapper:nth-child(2):before, #progress-indicator-bar .progress-step-wrapper:nth-child(2):after {
  content: '';
  border-top: 1px solid #979797;
  position: absolute;
  width: 65%;
}

#progress-indicator-bar .progress-step-wrapper:nth-child(2):before {
  left: -86px;
}

#progress-indicator-bar .progress-step-wrapper:nth-child(2):after {
  right: 6px;
}

@media (min-width: 768px) {
  .progress-step-wrapper {
    width: 30%;
    margin: 0 -1% 0 0;
  }
}

#progress-indicator-bar .progress-step {
  display: inline-block;
  height: 55px;
  text-align: center;
  vertical-align: top;
  width: 100%;
  padding: 13px 0 13px 0px;
  box-sizing: border-box;
  position: relative;
}

#progress-indicator-bar .progress-step:after,
#progress-indicator-bar .progress-step:before {
  border-bottom: 27px solid transparent;
  border-top: 27px solid transparent;
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
}

#progress-indicator-bar .progress-step#step-2 {
  z-index: 2;
}

#progress-indicator-bar .progress-step#step-2:before {
  content: " ";
  left: 0;
}

#progress-indicator-bar .progress-step#step-2:after {
  content: " ";
  right: -20px;
}

#progress-indicator-bar .progress-step#step-3 {
  margin-right: 0;
  z-index: 1;
}

#progress-indicator-bar .progress-step#step-3:before {
  content: " ";
  left: 0;
}

#progress-indicator-bar .progress-step#step-3:after {
  border: none;
  content: " ";
  height: 55px;
  right: -20px;
  width: 20px;
  z-index: -1;
}

@media (min-width: 768px) {
  div#success-message {
    padding-left: 40px;
  }

  div#success-message-scheduling-payment {
    padding-left: 40px;
  }

  h3.payment-success-details {
    margin-top: 5px;
  }
}

#confirmation-email-address {
  font-weight: 700;
}

/* Payment details tables */

.success-message-payment-details {
  margin: 0 0 10px;
}

.success-message-payment-details td:first-child {
  padding-right: 5px;
}

.success-message-payment-details.payment-details-dollar-amounts {
  width: 165px;
}


/* Step numbering */
#progress-indicator-bar .progress-step .step-numbering {
  background: url('/static/images/svg/oval-copy.svg');
  display: inline-block;
  height: 32px;
  left: 50%;
  /* margin-left: 17px; */
  position: absolute;
  top: -15px;
  transform: translateX(-50%);
  width: 28px;
  font-size: 14px;
  color: #fff;
}

#progress-indicator-bar .progress-step .step-numbering span {
  position: absolute;
}

#progress-indicator-bar.step-1 #step-1 .step-numbering {
  background: url('/static/images/svg/oval.svg');
  color: #000;
}

#progress-indicator-bar.step-2 #step-2 .step-numbering {
  background: url('/static/images/svg/oval.svg');
  color: #000;
}

#progress-indicator-bar.step-2 #step-1 .step-numbering {
  background: url('/static/images/svg/oval.svg');
}

#progress-indicator-bar.step-2 #step-1 .step-numbering .step-finish {
  background: url('/static/images/svg/path-copy-4.svg');
  display: inline-block;
  width: 12px;
  height: 10px;
}

#progress-indicator-bar.steps-complete .progress-step .step-numbering {
  background: url('/static/images/svg/oval.svg');
  display: inline-block;
  width: 28px;
  height: 28px;
  top: -15px;
  left: 50%;
}

#progress-indicator-bar.steps-complete .progress-step .step-numbering .step-finish-oval{
  background: url('/static/images/svg/path-copy-4.svg');
  width: 14px;
  height: 10px;
}

#progress-indicator-bar.step-2 #step-1 .step-numbering .step-content {
  display: none;
}

#progress-indicator-bar.step-1 #step-1 .step-copy, #progress-indicator-bar.step-2 #step-2 .step-copy, #progress-indicator-bar.steps-complete #step-3 .step-copy {
  font-weight: bold;
}

#progress-indicator-bar #step-1 .step-numbering {

  background-position: -28px -140px;
}

#progress-indicator-bar #step-2 .step-numbering {
  background-position: -28px -140px;
}

#progress-indicator-bar #step-3 .step-numbering {
  background-position: -28px -140px;
}

/* Media queries for step numbering */

@media (min-width: 992px) {
  #progress-indicator-bar .step-numbering {
    left: 13px;
    margin-left: 0;
    position: absolute;
  }

  #progress-indicator-bar #step-1 .step-numbering {
    left: 25px;
  }

  #progress-indicator-bar #step-2 .step-numbering {
    left: 20px;
  }

  #progress-indicator-bar #step-3 .step-numbering {
    left: 20px;
  }
}

/* Step copy */
#progress-indicator-bar .progress-step .step-copy {
  display: inline-block;
  font-size: 14px;
  position: relative;
  vertical-align: middle;
  padding-top: 10px;
}

#progress-indicator-bar #step-2 .step-copy {
  left: 5px;
}

#progress-indicator-bar #step-3 .step-copy {
  right: -15px;
}

/* Success icon for billPayCrisSuccess */
#success-icon {
  background: url('/static/images/svg/icon-important.svg');
  background-position: -802px -427px;
  height: 65px;
  width: 65px;
}


/*---------------------------------------------*/
/*       iframes: PayBill, QBP, SpeedPay       */
/*---------------------------------------------*/

/* global */

.iframe-wrapper {
  margin: 0 -10px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .iframe-wrapper {
    margin: 0 0px;
  }
}


/* paybill */

#paybill-iframe-wrapper {
  height: 1310px;
}

@media (min-width: 768px) {
  #paybill-iframe-wrapper {
    height: 1110px;
  }
}

@media (min-width: 992px) {
  #paybill-iframe-wrapper {
    height: 900px;
  }
}


/* qbp */

#qbp-iframe-wrapper {
  height: 500px;
  margin-top: 4rem;
}

@media (max-width: 321px) {
  #qbp-iframe-wrapper {
    margin-top: 4rem;
  }
}

@media (min-width: 768px) {
  #qbp-iframe-wrapper {
    height: 500px;
    margin-top: 4rem;
  }
}

@media (min-width: 992px) {
  #qbp-iframe-wrapper {
    height: 500px;
    margin-top: 5rem;
  }
}


/* speedpay */

#speed-pay-iframe-wrapper {
  height: 750px;
  margin: 0 0px;
}

#speed-pay-tablet-note {
  color: #d0021b;
  margin-bottom: 10px;
}

/*---------------------------------------------*/
/*          PayBill - Cancelled Page           */
/*---------------------------------------------*/

#cancel-message-wrapper {
  margin: 20px 0;
  padding: 10px;
}

#cancel-message-wrapper .green-checkmark-round-icon {
  padding-left: 40px;
}

@media (min-width: 768px) {
  #cancel-message-wrapper {
    padding: 15px;
  }

  #cancel-message-wrapper .green-checkmark-round-icon {
    padding-left: 50px;
  }
}


/*---------------------------------------------*/
/*       PayBill - Third-Party Messaging       */
/*---------------------------------------------*/

#third-party-messaging {
  display: none;
}


/*---------------------------------------------*/
/*       PayBill - Service Restoration         */
/*---------------------------------------------*/

#service-restoration-language,
#service-restoration-indicator {
  display: none;
}


/*---------------------------------------------*/
/*         PayBill - Bill Info Header          */
/*---------------------------------------------*/

#pay-bill-info-bar {
  behavior: url(/static/js/PIE.htc);
  box-sizing: border-box;
  font-size: 0;
  font-weight: 700;
  height: 90px;
  margin: 1rem;
  /*padding: 15px 10px;*/
  /*display: -moz-inline-table;*/
  /*display: inline-table;*/
}

@media (min-width: 768px) {
  #pay-bill-info-bar {
    margin: 0;
    /*padding: 20px 25px;*/
  }
}

#pay-bill-info-bar .label,
#pay-bill-info-bar .value {
  display: inline-block;
  vertical-align: top;
}

#pay-bill-info-bar .label {
  width: 60%;
}

#pay-bill-info-bar .value {
  width: 100%;
}

@media (min-width: 768px) {
  #pay-bill-info-bar .label,
  #pay-bill-info-bar .value {
    vertical-align: middle;
    width: auto;
  }
}

#pay-bill-cris-amount-due-label,
#pay-bill-cris-amount-due,
#payment-due-date-wrapper {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}

#pay-bill-cris-amount-due-label {
  background: #fff;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  font-size: 14px;
  margin-right: 0;
  padding-bottom: 15px;
  position: relative;
  color: #000;
}

@media (min-width: 768px) {
  #pay-bill-cris-amount-due-label {
    padding-bottom: 15px;
  }
}

@media (min-width: 992px) {
  #pay-bill-cris-amount-due-label {
  }
}

#pay-bill-cris-amount-due-label:before {
  /*border-bottom: 31px solid transparent;*/
  /*border-left: 25px solid #fff;*/
  /*border-top: 31px solid transparent;*/
  /*content: " ";*/
  /*height: 0;*/
  /*position: absolute;*/
  /*right: -25px;*/
  /*top: 0;*/
  /*width: 0;*/
}

@media (min-width: 768px) {
  #pay-bill-cris-amount-due-label:before {
    border-bottom: 26px solid transparent;
    border-top: 26px solid transparent;
  }
}

#pay-bill-cris-amount-due {
  font-size: 48px;
}

@media (min-width: 992px) {
  #pay-bill-cris-amount-due {
    font-size: 48px;
  }
}

#pay-bill-cris-amount-due,
#pay-bill-info-bar .unavailable {
  margin-right: 15px;
}

@media (min-width: 992px) {
  #pay-bill-cris-amount-due,
  #pay-bill-info-bar .unavailable {
    margin-right: 35px;
  }
}

#pay-bill-cris-amount-due sup {
  font-size: 24px;
  vertical-align: super;
}

#payment-due-date-wrapper {
  font-size: 14px;
  /*margin-top: 3px;*/
}

@media (min-width: 768px) {
  #payment-due-date-wrapper {
    font-size: 14px;
    vertical-align: top;
    margin-top: 0;
  }

  #payment-due-date {
    font-size: 14px;
  }
}

@media (min-width: 992px) {
  #payment-due-date {
    font-size: 14px;
  }
}

#payment-due-date-label {
  font-weight: normal;
  margin-bottom: 3px;
}

#pay-bill-info-bar .unavailable {
  display: inline-block;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
}


/*---------------------------------------------*/
/*                Manage Wallet                */
/*---------------------------------------------*/

#manage-wallet-content h2,
#manage-wallet-content-intro,
#manage-wallet-content-subsection {
  margin-bottom: 10px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 10px;
}

#manage-wallet-content-intro {
  font-size: 14px;
  line-height: 1.35;
}

@media (max-width: 655px) {
  #bankOrCardDetails {
    margin: 0px 10px 0px -10px !important;
  }
}


/*---------------------------------------------*/
/*           Reset Password - Success          */
/*---------------------------------------------*/

#password-reset-confirmation {
  margin: 15px 0 25px;
  padding-top: 0px;
}

#password-reset-confirmation a {
  text-decoration: underline;
}

#password-reset-confirmation p {
  margin: 0 xp;
}


/*---------------------------------------------*/
/*        My Account - Billing Overview        */
/*---------------------------------------------*/

.bill-row {
  border-bottom: 1px dashed #ccc;
  margin: 0 0 10px;
  padding: 0 0 10px;
}

.bill-row:first-child {
  font-size: 0;
}

#billed-amount-wrapper,
#current-amount-due-wrapper,
#due-date-wrapper,
#billing-overview-autopay,
#fccMessage,
#acct-status p.contHead {
  font-size: 14px;
}

#current-amount-due-wrapper,
#due-date-wrapper {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

#current-amount-due-wrapper {
  margin: 0;
}

#billed-amount-wrapper {
  display: inline-block;
  vertical-align: top;
}

@media (min-width: 768px) {
  #billed-amount-wrapper {
    width: 20%;
  }
}

@media (min-width: 992px) {
  #billed-amount-wrapper {
    width: 25%;
  }
}

#billing-overview-autopay {
  display: inline-block;
  line-height: 1.25;
  vertical-align: top;
  margin: 5px 0;
  padding-right: 0;
}

#billing-overview-autopay.yellow-info-icon:before {
  background-position: -799px -384px;
  left: 0;
}

@media (min-width: 768px) {
  #billing-overview-autopay {
    margin: 0 0 0 5%;
    width: 58%;
  }
}

.bill-value,
.responsive td.bill-value {
  font-size: 18px;
  font-weight: 700;
  vertical-align: top;
}

#billed-amount-wrapper #adjusted-amount-due,
#billed-amount-wrapper .bill-label {
  display: inline-block;
}

@media (min-width: 768px) {
  #billed-amount-wrapper #adjusted-amount-due,
  #billed-amount-wrapper .bill-label {
    display: block;
  }
}

#bill_container .bill-label {
  line-height: 21px;
  margin-bottom: 3px;
  margin-right: 5px;
}

@media (min-width: 768px) {
  #bill_container .bill-label {
    line-height: normal;
  }
}

#fccMessage {
  padding: 5px 0;
}

#last-payment-wrapper {
  font-size: 14px;
  margin-top: 15px;
}

@media (min-width: 768px) {
  #last-payment-wrapper {
    font-size: 14px;
  }
}

#SeePaymentHistory {
  margin-left: 3px;
  vertical-align: top;
}


/*---------------------------------------------*/
/*      My Account - Third Party Messaging     */
/*---------------------------------------------*/

#fccMessage {
  font-style: italic;
  margin-left: 2px;
}

#fccMessage.pad {
  padding: 10px 0px;
}


/*---------------------------------------------*/
/*            My Account - AutoPay             */
/*---------------------------------------------*/

a#learnmoreaboutautopay {
  text-decoration: underline;
}

h3.auto_pay_header {
  margin: 0px 0px 15px 0px;
}

@media (max-width: 655px) {
  h3.auto_pay_header {
    margin: 0px 0px 10px 0px;
  }
}

/* Stop and Update AutoPay Success Messaging */

#main .autopay-success-message h2 {
  border: none;
  color: black;
  line-height: 25px;
}

.autopay-success-message a {
  text-decoration: underline;
}

.autopay-success-message .yellow-info-icon:before {
  left: 5px;
  top: 0;
}

.autopay-payment-info,
.autopay-email-address {
  margin-left: 40px;
  font-weight: 700;
}

#account-profile h2 {
  margin-bottom: 10px;
}

@media (max-width: 768px) {
  .autopay-payment-info,
  .autopay-email-address {
    margin-left: 0px;
    font-size: 14px;
  }

  #update-autopay-request-success p {
    font-size: 14px;
  }

  #payNowButton {
    width: 80%;
  }

  #payNowButtonMobile {
    width: 80%;
  }
}

#update-autopay-request-success .autopay-email-address {
  margin-bottom: 15px;
}

/*---------------------------------------------*/
/*           Call Detail Styles                */
/*---------------------------------------------*/
#callDetail h2 {
  padding-bottom: 10px;
}

@media (min-width: 768px) {
  #callDetail li {
    padding: 5px 0;
  }
}

/*---------------------------------------------*/
/*           Global Error Messaging            */
/*---------------------------------------------*/
.alert-message {
  background: url("../static/images/svg/icon-important.svg") no-repeat 10px 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
  color: #d0021b;
  font-size: 14px;
  margin-bottom: 15px;
  padding: 10px 10px 10px 45px;
}

.alert-message.not-red {
  color: #000;
}

.error-message {
  background: url("../images/svg/global-alert-icon-2.svg") no-repeat 10px 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
  color: #d0021b;
  font-size: 14px;
  margin-bottom: 15px;
  padding: 10px 10px 10px 45px;
}

.error-message-no-border {
  background: url("/static/images/svg/global-alert-icon-2.svg") no-repeat 6px 50%;
  color: #d0021b;
  font-size: 14px;
  margin-bottom: 15px;
  padding: 10px 10px 10px 45px;
}

.error-wrapper {
  background: url("/static/images/svg/global-alert-icon-2.svg") #fff no-repeat 15px 15px;
  box-sizing: border-box;
  min-height: 62px;
  background-size: 27px 29px;
}

.error-wrapper p {
  margin-left: 0;
}

.error-message p {
  margin: 0 0 10px;
}

.error-message p:last-child {
  margin-bottom: 0;
}

.error-wrapper h3 {
  min-height: 30px;
  padding-left: 40px;
}

@media (min-width: 768px) {
  .error-wrapper p,
  .error-wrapper h3 {
    margin: 0 0 10px 45px;
    padding-left: 0;
  }
}

.error-message.not-red {
  color: #000;
}

.unavailable {
  color: #d0021b;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
}

@media (min-width: 992px) {
  .unavailable {
    font-size: 14px;
  }
}

.unavailable.grey {
  color: #808080;
}

/* Login page */

#login .error-message a {
  text-decoration: underline;
}

#login .error-message-ctlid a {
  text-decoration: none;
}

.error-message-ctlid {
  background: url("../images/svg/global-alert-icon-2.svg") no-repeat 10px 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
  color: #000000;
  font-size: 14px;
  margin-bottom: 15px;
  padding: 10px 10px 10px 45px;
}

.error-message-ctlid h3 {
  color: #000000;
  padding: 5px 0px 0px 0px;
}

/* Generic Error Message */

#systemError {
  margin: 0px 0px 15px 0px;
}

#systemError .outside {
  background-color: #fff;
  border: 1px solid #ccc;
  border-color: #ccc;
  border-radius: 6px;
  padding: 15px;
}

#systemError .inside {
}

#systemError .inside p {
  margin: 0px;
  margin-bottom: 10px;
}

#systemError a {
  text-decoration: underline;
}

#systemError .errorBox {
  background: transparent url('../images/svg/global-alert-icon-2.svg') 0 0 scroll no-repeat;
  padding-left: 3.5em;
}


/* Server errors */

#serverError {
  background: #fff;
  position: relative;
}

#serverError:before {
  background: url('/static/images/svg/global-alert-icon-2.svg') no-repeat;
  /* background-position: -799px -385px; */
  content: "";
  height: 32px;
  left: 15px;
  position: absolute;
  top: 15px;
  width: 35px;
}


/* error & cancel messaging for qbp & paybill */

@media (max-width: 655px) {
  #paymentError {
    /* margin: 0px 10px 0px 10px !important; */
  }
}

#paymentError {
  margin: 0px 10px 0px 0px;
}

#paymentError.error-wrapper h3 {
  min-height: 0;
}

#paymentError.error-wrapper ul,
#paymentError.error-wrapper p {
  padding-left: 40px;
}

#paymentError.error-wrapper p:first-of-type {
  margin-top: 5px;
}

#paymentError .green-checkmark-round-icon {
  padding-left: 45px;
}

@media (min-width: 768px) {
  #paymentError.error-wrapper ul,
  #paymentError.error-wrapper p {
    padding-left: 45px;
  }

  #paymentError.error-wrapper p:first-of-type {
    margin-top: 10px;
  }

  #paymentError .green-checkmark-round-icon {
    padding-left: 50px;
  }
}

.info-message {
  border-radius: 5px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.25;
  margin-bottom: 15px;
  min-height: 52px;
  padding: 10px 10px 10px 50px;
  position: relative;
}

.info-message:before {
  background: url('/static/images/svg/icon-important.svg');
  background-position: -799px -385px;
  content: "";
  height: 32px;
  left: 10px;
  position: absolute;
  top: 10px;
  width: 35px;
}


/*---------------------------------------------*/
/*              Global Iconography             */
/*---------------------------------------------*/

.yellow-info-icon {
  padding-left: 45px;
  padding-right: 10px;
  position: relative;
}

.yellow-info-icon:before {
  background: url('/static/images/svg/icon-important.svg');
  background-position: -791px -385px;
  content: "";
  height: 32px;
  left: 7px;
  position: absolute;
  top: 2px;
  width: 35px;
}

.yellow-info-icon-italic {
  padding-left: 45px;
  padding-right: 10px;
  position: relative;
  font-style: italic;
}

.yellow-info-icon-italic:before {
  background: url('/static/images/svg/icon-important.svg');
  background-position: -799px -385px;
  content: "";
  height: 32px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 35px;
}

.error-icon {
  background: url("/static/images/svg/global-alert-icon-2.svg") no-repeat 0px 50%;
  padding: 2px 10px 15px 40px;
}


/*---------------------------------------------*/
/*               Payment History               */
/*---------------------------------------------*/

#payment-history table {
  vertical-align: bottom;
}

@media (min-width: 768px) {
  #payment-history table {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 7px;
    width: 98%;
  }
}

#payment-history #bill_container table td,
#payment-history #bill_container table th {
  height: 20px;
  min-width: 140px;
  text-align: left;
  width: 25%;
}

@media (min-width: 768px) {
  #payment-history #bill_container table th {
    width: 135px;
  }
}

#payment-history .horizontal th:first-child,
#payment-history .horizontal td:first-child {
  padding-left: 10px;
  text-align: right;
}

#payment-history .horizontal th,
#payment-history .horizontal td {
  text-align: right;
  padding: 2px 8px;
}

#payment-history .horizontal th:last-child,
#payment-history .horizontal td:last-child {
  text-align: right;
  padding-right: 10px;
}

#payment-history #payment-history-make-payment-button-mobile-cris {
  margin: 0 auto 25px;
}

@media (min-width: 768px) {
  #payment-history #payment-history-make-payment-button-mobile-cris {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 7px;
    vertical-align: top;
  }
}

#no-payments-available {
  background: white;
  font-size: 12px;
  font-style: italic;
  color: gray;
  text-align-last: left;
}

@media (min-width: 768px) {
  #payment-history h2 {
    border: none;
  }

  #payBillDisclaimer div p {
    margin: 0px;
    margin-right: 160px;
  }

  .payment-history-from-account {
    width: 20%;
  }
}

#payments-label {
  font-size: 18px;
  padding-top: 10px;
}

#payments-sublabel {
  /*font-size: 14px;*/
  /*color: grey;*/
  /*padding-top: 10px;*/
  /*padding-bottom: 5px;*/
}

.scheduled-payment-border {
  border-bottom: 1px solid #ccc;
  padding-top: 5px;
}

.paymentHistoryDisclaimerCont {
  width: 100%;
  padding: 10px 0px 10px 0px;
  border-bottom: 1px solid #ccc;
  position: relative;
}

/*---------------------------------------------*/
/*           Update Mailing Address            */
/*---------------------------------------------*/

.billingAddress-row {
  margin: 0 0 10px;
  padding: 0;
}


@media (min-width: 768px) {
  #crisAddress .billingAddress-row:last-child {
    padding-left: 133px;
  }
}

.billingAddressLabel-wrapper {
  display: inline-block;
  font-weight: bold;
  vertical-align: top;
  width: 20%;
}

#account-address-edit .billingAddressZipValue-wrapper input {
  width: auto;
}

#account-address-edit .billingAddressZipValue-wrapper span {
  line-height: 35px;
  margin: 0 5px;
  vertical-align: top;
}

#radio-buttons-wrapper {
  padding: 10px 0;
}

@media (min-width: 768px) {
  #radio-buttons-wrapper {
    margin: auto;
    padding: 10px;
    width: 60%;
  }
}

#radio-buttons-wrapper input[type="radio"] {
  display: inline-block;
  height: 18px;
  margin: 0 5px 0 0;
  width: 18px;
  vertical-align: top;
}

#account-address-edit #radio-buttons-wrapper label {
  display: inline-block;
  font-weight: 700;
  margin-top: 1px;
  vertical-align: top;
}

#account-address-edit #radio-buttons-wrapper label:nth-of-type(1) {
  margin-right: 10px;
}

@media (min-width: 768px) {
  #radio-buttons-wrapper input[type="radio"] {
    height: auto;
    width: auto;
  }

  #account-address-edit #radio-buttons-wrapper label {
    margin-top: 0;
    width: auto;
  }

  #account-address-edit #radio-buttons-wrapper label:nth-of-type(1) {
    margin-right: 25px;
  }
}

#account-address-edit input,
#account-address-edit select,
.billingAddressValue-wrapper,
.billingAddressZipValue-wrapper {
  box-sizing: border-box;
  display: block;
}

#account-address-edit .billingAddressZipValue-wrapper * {
  display: inline-block;
}

#account-address-edit label,
.billingAddressLabel-wrapper {
  display: block;
  font-weight: bold;
}

@media (min-width: 992px) {
  #account-address-edit input,
  #account-address-edit select,
  .billingAddressValue-wrapper,
  .billingAddressZipValue-wrapper {
    display: inline-block;
    vertical-align: top;
    width: 225px;
  }

  #account-address-edit label,
  .billingAddressLabel-wrapper {
    display: inline-block;
    vertical-align: top;
    width: 130px;
  }
}

#new-construction-row {
  margin: 0;
}

#crisAddress #newConstruction {
  height: auto;
  margin: 1px 5px 0 0;
}

#crisAddress #newConstruction,
#crisAddress #newConstructionLabel {
  display: inline-block;
  vertical-align: top;
  width: auto;
}

#crisAddress #newConstructionLabel {
  display: inline;
}

.new_construction_tip {
  background: url("/static/images/svg/global-question-icon.svg");
  display: inline-block;
  height: 18px;
  top: -3px;
  width: 20px;
}

@media (min-width: 768px) {
  .billingAddressSubmit a {
    line-height: 28px;
  }
}

#systemError h2 {
  color: black;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 0em;
  border-bottom: none;
}

#systemError .errorBox {
  padding-left: 3.5em;
  background: transparent url('../images/svg/global-alert-icon-2.svg') 0 0 scroll no-repeat;
}

span.backspace {
  margin-left: -4px;
}


/* ------------------------------------------- */
/*       accountAddress specific css          */
/* ------------------------------------------- */

div.addressSuccessContainer {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding-left: 5px;
  display: table;
  width: 97%;
}

#addressSuccessMessages {
  margin-top: -20px;
  margin-left: 50px;
}

#addressUpdLine1 {
  font-weight: bold;
  margin-left: 35px;
  font-size: 100%;
}

#addressUpdLine2 {
  margin-left: 35px;
  color: #d0021b;
  font-size: 100%;
}

#addressUpdLine3 {
  margin-left: 35px;
  font-size: 100%;
}

/* ------------------------------------------- */
/*                 Add Account                 */
/* ------------------------------------------- */

#add-an-account-wrapper {
  font-size: 14px;
}

#security-code-help-link {
  display: block;
  font-size: 14px;
  margin: 2px 0 15px;
  text-decoration: underline;
}

#authentication-hint-wrapper {
  margin: 0 0 15px;
}

#add-an-account-wrapper .ctlButton {
  margin-top: 15px;
}

#add-an-account-wrapper .account-number {
  font-weight: 700;
}

#add-an-account-wrapper #authentication-security-code-input {
  margin-bottom: 0;
}

#add-an-account-wrapper.success-message:before {
  top: 5px;
}

#add-an-account-wrapper.success-message h3 {
  border: none;
}

#add-an-account-wrapper.success-message p {
  margin-top: 0;
}

#add-an-account-wrapper #addAccountForm {
  padding-left: 15px;
}

#add-an-account-wrapper #cancelLink {
  display: inline-block;
  text-align: center;
  color: #0047bb !important;
  margin-top: 15px !important;
  /* width: 120px; */
}


/* Client side validation */

#add-an-account-wrapper .error-message-no-border {
  margin-bottom: 10px;
  padding: 3px 10px 15px 38px;
}

#add-an-account-wrapper .error-message-no-border:empty {
  display: none;
}

#add-an-account-wrapper .account-number-wrapper {
  font-size: 14px;
  margin: 15px 0 10px 0px;
}

#add-an-account-wrapper .intro-content {
  margin-top: 10px;
}


/* ------------------------------------------- */
/*               Shell Profile                 */
/* ------------------------------------------- */

#registration-content.shell-profile {
  font-size: 14px;
}

#registration-content.shell-profile h3 {
  margin-bottom: 10px;
}

#registration-content.shell-profile #user-name-wrapper {
  font-size: 14px;
  margin: 15px 0;
}

#registration-content.shell-profile .tooltip-enabled {
  margin-top: 3px;
  vertical-align: top;
}

@media (min-width: 768px) {
  #registration-content.shell-profile #user-name-title,
  #registration-content.shell-profile label:not([for="readTermsandConditions"]) {
    display: inline-block;
    width: 135px;
  }

  #registration-content #newPassword,
  #registration-content #confirmPassword {
    display: inline-block;
    margin-bottom: 15px;
    width: 350px;
  }
}

#registration-content.shell-profile #submitButton {
  display: block;
  margin: 15px auto 0;
  min-width: 120px;
  float: left;
}

#registration-content.shell-profile #terms-and-conditions-wrapper p:first-child {
  margin-top: 5px;
}

#auth-security-error {
  margin-bottom: 20px;
}

#login .box.green-checkmark-round-icon p:last-child {
  margin-bottom: 0;
}

#login .box.green-checkmark-round-icon {
  margin-bottom: 15px;
}

#login .box.green-checkmark-round-icon:before {
  top: 10px;
  left: 10px;
}

/* Client side validation */

#registration-content.shell-profile .error-message-no-border:empty {
  display: none;
}

/* ------------------------------------------- */
/*    Help with Retrive Account Number         */
/* ------------------------------------------- */
div.successretriveAccountNumber {
  /*padding: 0 0 0 2rem;*/
  /*margin: 0 0 0 0;*/
  /*background: url(/static/images/svg/global-alert-icon-green.svg) no-repeat;*/
  /*height: 20px;*/
}

#retriveAccountNumber_successBlock {
  /* border: 1px solid #ccc;
    border-radius: 6px; */
  margin: 10px 0;
}

.successretriveAccountNumber_body {
  /*padding: 5px 10px 5px 20px;*/
  font-size: 14px;
}

div.retrive-account-form-error {
  padding: 0px 0px 5px 40px;
  margin: 0px 0;
  min-height: 35px;
  color: #d0021b;
  display: none;
  background: transparent url("/static/images/svg/global-alert-icon-2.svg") 0 0 scroll no-repeat;
  background-size: 27px 29px !important;
}

#retriveAccountNumber a {
  text-decoration: none;
}

#retriveAccountNumber a:hover {
  text-decoration: underline;
}

#retriveAccountNumber_success_Msg h1 {
  color: #0047bb;
  font-size: 24px;
  display: inline-block;
}

#retriveAccountNumber_successBlock a {
  /*text-decoration: underline;*/
}

.responsive .accountEmailLabel {
  color: black;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0px;
}

@media (min-width: 992px) {
  .responsive .accountEmailLabel {
    color: #000;
    font-size: 14px;
    margin-bottom: 5px;
    width: auto;
  }

  .responsive #accountEmail {
    border-radius: 0;
    border-color: #aaa;
    box-sizing: content-box;
    font-size: 14px;
    height: auto;
    margin: 2px 0 0;
    padding: 4px;
    width: 360px;
  }

  div.successretriveAccountNumber_body {
    /*padding: 0px 10px 5px 60px;*/

  }
}

/* ------------------------------------------- */
/*    Help with Authentication Security Code   */
/* ------------------------------------------- */

h1.security-code-page-head {
  margin: 10px;
}

#security-code-help-wrapper .input-prompt {
  font-size: 14px;
  margin: 15px 0 2rem 0;
}

@media (min-width: 768px) {
  #security-code-help-wrapper .input-prompt {
    font-size: 14px;
  }
}

#security-code-help-wrapper p {
  line-height: 1.71;
}

@media (min-width: 768px) {
  #security-code-help-wrapper p {
    font-size: 14px;
    margin: 10px 0 0;
  }
}

#security-code-help-wrapper h3:not(.blue_banner_heading) {
  color: #000;
}

.authcode-row {
  font-size: 14px;
  margin-bottom: 15px;
  padding: 0 0 10px;
}

.authcode-row .ctlButton {
  display: block;
  margin: 0 auto;
  width: 200px;
}

#authcode-ens-img {
  width: 210px;
  height: 135px;
  margin: auto;
  background: transparent url('/static/images/authsecuritycodePage_sprite.png') -3px -55px;
  no-repeat scroll;
}

#authcode-cris-img {
  width: 210px;
  height: 135px;
  margin: auto;
  background: transparent url('/static/images/authsecuritycodePage_sprite.png') -218px -55px;
  no-repeat scroll;
}

.auth-form-control {
  display: block;
  margin: 10px 0px 5px 0px;
  max-width: 350px !important;
  height: 50px !important;
}

@media (max-width: 768px) {
  .auth-form-control {
    display: block;
    width: 100%;
    height: 25px;
    padding: 5px 5px 5px 1px;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  }
}

#auth-code-submit {
  margin-top: 10px;
  min-width: 125px;
}

@media (min-width: 768px) {
  .auth-code-top-val {
    top: -95% !important;
  }
}

/* .auth-code-error {
  font-weight: 400;
  min-height: 22px!important;
  margin-bottom: 0px!important;
  margin-top: 0px!important;
} */
div.auth-code-error {
  font-weight: 400;
  margin-bottom: 0px;
  margin-top: 0px;
}

#auth-sec-form label {
  display: inline;
}

@media (min-width: 768px) {
  #auth-sec-form label {
    display: inline-block;
    font-size: 14px;
  }
}

@media (min-width: 768px) {
  #auth-sec-form input[type="text"] {
    min-width: 360px;
    padding: 4px;
    text-indent: 15px;
  }
}

#mailCodeButton {
  display: block;
}

#mailCodeButtonSuccess {
  display: none;
}

#mailCodeButtonError {
  display: none;
}

#mailCodeButtonError .errorBox {
  padding-left: 3.5em;
  background: transparent url('../images/svg/global-alert-icon-2.svg') 0 0 scroll no-repeat;
}

#emailCodeButton {
  display: block;
}

#emailCodeButtonSuccess {
  display: none;
}

#emailCodeButtonError {
  display: none;
}

#emailCodeButtonError .errorBox {
  padding-left: 3.5em;
  background: transparent url('../images/svg/global-alert-icon-2.svg') 0 0 scroll no-repeat;
}

#voiceCodeButton {
  display: block;
  display: flex;
  width: 200px;
  height: 50px;
  vertical-align: middle;
}

#voiceCodeButtonSuccess {
  display: none;
}

#voiceCodeButtonError {
  display: none;
}

#voiceCodeButtonError .errorBox {
  padding-left: 3.5em;
  background: transparent url('../images/svg/global-alert-icon-2.svg') 0 0 scroll no-repeat;
}

.blue_banner_heading {
  margin-top: 1rem;
}

@media (min-width: 768px) {
  .blue_banner_heading {
    /*background: url("/static/images/authsecuritycodePage_sprite.png") no-repeat -1px -4px;*/
    color: black;
  }
}

@media (min-width: 768px) {
  #security-code-help-wrapper {
    line-height: 1.71;
    /*padding: 0 20px;*/
  }
}


#call-deatil-error-wrapper {
  margin: 15px 0px 15px;
  font-size: 14px;
  padding-top: 10px;
}

/* .registration-step1Form-error{
font-weight:normal;
margin:0px!important;
font-size:12px!important;
padding-top:0px!important;
} */
div.registration-step1Form-error {
  font-weight: normal;
  margin: 0px;
  font-size: 14px;
  padding-top: 0px;
  background-size: 27px 29px;
}

.registration-step1Form-error a {
  font-size: 12px !important;
}

.registration-form-error {
  color: #d0021b;
  font-size: 14px;
  margin-bottom: 15px;
  margin-top: 5px;
}

.registration-system-error-msg {
  margin-bottom: 0px !important;
  border-color: #d0021b
}

.font-normal {
  font-weight: normal !important;
}

/* Norton and speedpay logos */
#speedpay-logo {
  background: url("/static/images/speedpay-logo.png") no-repeat;
  background-size: 140px auto;
  display: inline-block;
  height: 40px;
  margin: 4px 0 0;
  width: 140px;
}

@media (min-width: 768px) {
  #speedpay-logo {
    background-size: 200px auto;
    height: 50px;
    width: 200px;
  }
}

.speedpay-content {
  color: black;
  display: inline-block;
  font-size: 11px;
  line-height: 1.25;
  text-align: right;
  width: 50%;
}

#norton-logo {
  background: url('/static/images/norton.png');
  height: 79px;
  margin: 15px 0;
  width: 110px;
}

@media (min-width: 768px) {
  #norton-logo {
    bottom: 0;
    margin: 0;
    padding-right: 15px;
    /*position: absolute;*/
    right: 0;
  }
}

#norton-logo.align-left {
  margin: 0;
}

.logos-wrapper {
  font-size: 0;
}

.norton-wrapper {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

/* ------------------------------------------- */
/*       Data Usage                            */
/* ------------------------------------------- */

.data-usage-error-wrapper {
  background: url("/static/images/svg/global-alert-icon-2.svg") #fff no-repeat 0px 0px;
  min-height: 62px;
}

.data-usage-error-wrapper h3 {
  font-size: 20px;
  margin: 0px 0px 0px 40px;
  padding: 5px 0px 0px 0px;
}

#loading-spinner-data-usage {
  background: url('/static/images/svg/spinner-blue.svg') #fff no-repeat center 45px;
  box-sizing: border-box;
  color: black;
  font-size: 14px;
  font-weight: 700;
  height: 100%;
  padding-top: 0px;
  position: absolute;
  text-align: center;
  width: 100%;
}

#dataUsageContent h3 {
  border-bottom: none;
  margin-top: -1px !important;
}

#dataUsageError a {
  text-decoration: underline;
}

#dataNotApplyInfoImg, #qbpAcctStatusAlertImg {
  float: left;
  height: 30px;
  margin-top: -4px;
  margin-left: -15px;
}

#dataUsageDoesNotApplyMsg {
  font-size: 14px;
  font-weight: bold;
  margin-left: 22px;
}

#dataUsageIsExemptMsg {
  font-size: 14px;
  margin-left: 22px;
}

.generalAlertMsg h1 {
  font-size: 14px;
  margin-bottom: 10px;
}

.generalAlertMsg {
  margin-left: 22px;
}

.generalAlertMsg ul li a {
  text-decoration: none !important;
}

@media (max-width: 768px) {
  .generalAlertMsg {
    font-size: 14px;
  }

  .generalAlertMsg ul li {
    line-height: 2em;
  }
}

#dataUsageNoDataFoundMsg {
  font-size: 14px;
  font-weight: bold;
  margin-left: 22px;
}

ul.dataUsageLinklist {
  margin: -5px 0px 0px 1px;
  padding: 0px 0px 15px 10px;
}

ul.dataUsageLinklist li {
  list-style-image: url("/static/images/arrowTargetLink.gif");
  margin: 5px 0px 0px 0px;
  font-size: 14px;
}

ul.portalLinklist {
  margin: -5px 0px 0px 10px;
  padding: 0px 0px 15px 10px;
}

ul.portalLinklist li {
  list-style-image: url("/static/images/arrowTargetLink.gif");
  margin: 10px 0px 0px 0px;
  font-size: 14px;
}

.dataUsageLinklist a {
  display: inline-block;
  font-size: 14px;
  margin: 0;
  padding: 0;
  vertical-align: top;
}

@media (min-width: 992px) {
  .dataUsageLinklist a {
    display: inline-block;
    font-size: 14px;
  }
}

#dataUsageHelpSection {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: -15px;
}

#data-usage-chat-link {
  text-decoration: underline;
}

#dataUsageHelpPhone {
  text-decoration: underline;
}

#dataUsageHelpText {
  line-height: 1.35em;
}

@media (min-width: 768px) {
  #dataUsageHelpPhone {
    color: black;
    text-decoration: none;
  }

  #dataUsageHelpText {
    line-height: normal;
  }

  .usageErrorText {
    margin: 0px 0px 0px 38px;
  }
}

.imgAndText {
  display: block;
  font-size: 14px;
}

.numberOfDays {
  font-size: 18px;
  font-weight: bold;
  display: inline;
}

.numberOfDaysImage {
  display: inline;
  background: transparent url("/static/images/data_usage_sprite.png") no-repeat;
  background-size: 40px;
  background-position: -6px -72px;
  padding: 18px 14px 5px 20px;
  margin: 0px 0px 0px 0px;
  height: 30px;
  position: relative;
  top: 4px;
}

@media (min-width: 992px) {

}

@media (min-width: 768px) {
  .imgAndText {
    display: inline;
  }
}

@media (min-width: 656px) {

}

.daysLeftText {
  display: inline;
}

.asOfDateText {
  font-size: 14px;
  font-style: italic;
  color: black;
  margin: 5px 0px 10px 0px;
}

.billingCycleText {
  font-size: 14px;
  margin: 0px 0px 10px 0px;
}

#showCycleSelector {
  margin: 10px 0px 10px 0px;
}

#datausageLineSelectorLabel, #datausageCycleSelectorLabel {
  display: block;
  width: auto;
}

#singleBillingCycleText {
  margin: 12px 0px 10px 0px;
}

#datausageCycleSelectorLabel {
  font-size: 14px;
  font-weight: bold;
  margin-right: -11px;
}

@media (min-width: 768px) {
  .billingCycleText {
    font-size: 14px;
    display: inline;
    margin: 0px 0px 10px 0px;
  }

  #datausageLineSelectorLabel, #datausageCycleSelectorLabel {
    display: inline-block;
  }
}

.usageText {
  display: inline;
  font-size: 14px;
  font-weight: bold;
  margin: 0px 0px 0px 0px !important;
  float: left;
}

.dataUsageText {
  font-size: 14px;
  margin: 10px 0px 0px 60px !important;
}

.dataUsageTextError {
  color: #d0021b;
  font-style: italic;
}

.dataUsageOveragePastCycleText {
  margin-top: 5px;
  font-size: 14px;
  font-weight: normal;
}

.dataUsageOveragePastCycleText a {
  font-size: 14px;
  font-weight: normal;
  text-decoration: underline;
}

#dataUsageOveragePastCycle {
  display: none;
  margin-top: 5px;
}

#dataUsageOverage {
  display: none;
  margin-top: 5px;
}

#dataOverageImg {
  float: left;
  height: 30px;
  margin-top: -4px;
  margin-left: -13px;
}

#dataUsageOverageMsg {

}

#dataUsageAmountOfOverage {
  color: #d0021b;
}

#dataUsageUnits {
  color: #d0021b;
}

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

#dataOverageText {
  margin-top: 7px;
  font-size: 14px;
  font-weight: bold;

}

#dataOverageImgSection {
  float: left;
  margin-top: -1px;
  margin-right: 7px;
  height: 42px;
}

#datausageLineSelectorLabel, #ubbSingleLineDisplay b {
  font-size: 14px;
  font-weight: bold;
  margin-right: 13px;
}

#ubbSingleLineDisplay .singleUBBLineText {
  font-size: 14px;
}

#singleLine {
  font-size: 14px;
  margin: 0px 0px 20px 0px;
}

#thisCycle, #thisUBBLine {
  font-size: 14px;
  padding: 3px;
}

@media (min-width: 768px) {
  #thisCycle {
    margin-left: 20px;
  }
}

/* ------------------------------------------- */
/*       Odds and ends from myaccount.css      */
/* ------------------------------------------- */

/* --  Some of this stuff may not be in use -- */

.disclaimer {
  font-size: 0.95em;
}

.disclaimer-italic {
  font-size: 0.95em;
  font-style: italic;
}

/* Status List (repair and shipping status) */
table.status thead th {
  text-align: left;
}

table.status .details td {
  padding: 0.5em;
  border-top: none;
}

table.status .details table td {
  padding: 0;
}

table.status .details table th {
  text-align: right;
  padding-right: 0.5em;
}

table.status tbody td {
  background: #f4f5f7;
}

table.status tbody.even td {
  background: #fff;
}

/* Elements used for two columns in Full layout (no menu) */
.primary {
  width: 580px;
  float: left;
}

.callout {
  width: 300px;
  float: right;
}

/* transparency for disabled form 'image' type submits */
.disabled {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

ol.stepForm {
  margin: 0;
  padding: 0;
}

ol.stepForm li {
  margin: 0 0 1em 2em;
  padding-left: 0;
}

.qbp-hcde-error-wrapper {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 15px;
}

@media (min-width: 768px) {
  .qbp-hcde-error-wrapper {
    background-color: #fff;
    -moz-border-radius: 6px;
    behavior: url(/static/js/PIE.htc);
  }
}

.qbp-hcde-error-wrapper h3 {
  min-height: 30px;
  padding-left: 40px;
  font-size: 20px;
  color: #000;
}

@media (min-width: 768px) {
  .error-wrapper p,
  .qbp-hcde-error-wrapper h3 {
    margin: 0 0 10px 45px;
    padding-left: 0;
  }
}

.qbp-hcde-error-wrapper {
  background: url("/static/images/inform_icon_small.png") #fff no-repeat 15px 10px;
  background-size: 30px;
  box-sizing: border-box;
  min-height: 62px;
}

/***  acct-status section **/
#acct-status p.contHead {
  text-align: left;
  color: black;
  background-color: #fff;
  font-weight: bold;
  padding-left: 55px;
  border-bottom: 0;
  center;
  margin: 0px;
  behavior: url(/static/js/PIE.htc);
}

.acct-status-error-icon:before {

  background: url('/static/images/svg/global-alert-icon-2.svg') 0 0px scroll no-repeat;
  content: "";
  height: 30px;
  left: 4px;
  position: absolute;
  width: 30px;
  margin-left: 15px;
}

@media (min-width: 768px) {
  #acct-status p.contHead {
    border: 1px solid #ccc;
    font-size: 14px;
    border-bottom: 0;
    padding-top: 15px;
  }

  .acct-status-Cont {
    border: 1px solid #ccc;
    font-size: 14px;
    padding: 1px 15px 10px 60px;
  }

  .acct-status-error-icon:before {
    left: 10px;
    top: 14px;
  }
}

#update-autopay-request-success .yellow-info-icon {
  font-size: 14px;
}

#noscript a {
  text-decoration: underline;
}

.acct-status-Cont {
  min-height: 195px;
  border-top: 0;
  font-size: 12px;
  padding: 1px 15px 10px 55px;
  border-radius: 0px 0px 6px 6px;
  background-color: #fff;
  -moz-border-radius: 0px 0px 6px 6px;
  position: relative;
  text-align: left;
  behavior: url(/static/js/PIE.htc);
}


.newToMyaText {
  /* margin-bottom: -8px !important;  */
  margin-bottom: -8px;
}

@media (min-width: 656px) {
  .newToMyaText {
    line-height: 1.35;
    /* margin-bottom: -8px !important; */
    margin-bottom: -8px;
  }
}

@media (min-width: 768px) {
  .newToMyaText {
    line-height: 1.35;
    /*  margin-bottom: 2px !important;   */
    margin-bottom: 2px;
  }
}

@media (min-width: 992px) {
  .newToMyaText {
    line-height: 1.35;
    /* margin-bottom: 12px !important;  */
    margin-bottom: 12px;
  }
}

@media (min-width: 1200px) {
  .newToMyaText {
    line-height: 1.35;
    /* margin-bottom: 12px !important; */
    margin-bottom: 12px;
  }
}

#addAccountSuccessHeader {
  color: #333;
}

.hcde128-paymentError-padding {
  padding: 15px 0px !important;
}

#paymentError .hcde128-err-msg {
  font-size: 21px;
}

#paymentError .hcde128-err-text {
  margin-bottom: 0 !important;
}

#paymentError .hcde128-outside-padding {
  padding: 15px;
}

/* .input-error {
  border-color:#d0021b !important;
} */
#profileInformation .input-error {
  border-color: #d0021b;
}

@media (max-width: 768px) {
  #paymentError .hcde128-err-text {
    font-size: 14px;
    margin-bottom: 0 !important;
  }

  #paymentError .hcde128-err-text a {
    text-decoration: underline;
  }

  #enterNewPasswordForm #saveChangesButton {
    margin-bottom: 20px;
  }

  .account-number-wrapper .account-number {
    display: block;
    width: 100%;
  }

  #add-an-account-wrapper #cancelLink {
    text-align: center;
    /* display: block; */
    margin-top: 15px;
    /* text-decoration: underline; */
  }

  #add-an-account-wrapper.success-message:before {
    top: 5px;
  }

  #add-an-account-wrapper .ctlButton {
    width: 200px;
  }
}

#iframeBorder {
  border: 1px solid #ccc;
}

#linkSection h1 {
  color: #ff8B19;
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 10px;
}

#linkSection ul {
  margin: 0.75em 0;
  padding: 0 1em;
  list-style: none;
}

#linkSection li:before {
  content: "";
  border-color: transparent #00853F;
  border-style: solid;
  border-width: 0.35em 0 0.35em 0.45em;
  display: block;
  height: 0;
  width: 0;
  left: -1em;
  top: 0.9em;
  position: relative;
}

.left-section-links {
  float: left;
  margin-bottom: 10px;
}

#linkSection h1 {
  color: #ff8B19;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 10px;
  margin-top: 20px;
}

#linkSection ul {
  padding: 0 0em 0px 0px;
  list-style: none;
  margin: 10px 0px 0px 13px;
}

#linkSection li {
  margin-bottom: 4px;
  font-size: 12px;
}

#billingPaymentLinkSection {
  float: right;
}

#displayEmailAddress, #emailAddressUnavailable {
  margin: 10px 0px 10px 0px;
}

#emailEditSection {
  margin-bottom: 10px;
  word-wrap: break-word;
}

#view_bills_link .support-resources-column {
  margin-left: 0px;
}

#commonFeesExplained {
  margin-top: 10px;
}

#paperless-billing #mailingAddressInfo, #paperless-billing #primaryLine {
  display: inline-block;
  margin-left: 5px;
}

#paperless-billing p,
#paperless-billing span,
#paperless-billing label,
#mailingAddressSection {
  font-size: 14px;
}

@media (min-width: 425px) {
  #paperless-billing input[type="text"] {
    width: 100%;
  }
}

@media (max-width: 425px) {
  .emailHelpText.right {
    float: none !important;
    width: 100%;
    border: none;
    padding: 0px;
    margin: 0px;
  }

  .emailHelpText.right p {
    margin-bottom: 0px;
  }

  #paperless-billing input[type="text"] {
    width: 100%;
    border-radius: 4px;
    font-size: 20px;
    border: 1px solid #aaa;
    height: 35px;
    padding: 1px 3px;
  }

  div.billPreferenceLeftPadding {
    padding: 0px;
  }

  div.editEmailArea {
    width: 95%;
  }

  #submitSection {
    text-align: center;
  }

  #paperless-billing p,
  #paperless-billing span,
  #paperless-billing label,
  #mailingAddressSection {
    font-size: 14px;
  }

  #paperless-billing #mailingAddressInfo, #paperless-billing #primaryLine {
    display: inline-block;
    margin-left: 0px;
    font-size: 15px;
  }

  #mailingAddressSection {
    margin-left: 23px;
  }
}

@media (max-width: 767px) {
  #linkSection {
    border: 1px solid #ccc;
    margin-top: 10px;
    border-radius: 3px;
    box-shadow: 5px 5px 5px #ccc;
    padding-bottom: 10px;
  }

  #paperless-billing input[type="radio"] {
    width: 16px;
    height: 16px;
    float: left;
  }

  .left-section-links {
    margin-bottom: 0px;
  }

  .left-section-links {
    width: 100%;
  }

  .right-section-links {
    clear: both;
  }

  #linkSection h3 {
    font-size: 20px;
    padding: 0px 10px 0px 10px;
    font-weight: bold;
  }

  #linkSection h1 {
    color: #ff8B19;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 0px;
    padding: 10px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background: linear-gradient(to bottom, rgba(139, 197, 63, 1) 0%, rgba(0, 134, 67, 1) 100%);
    color: #fff;
    margin-top: 0px;
  }

  #linkSection li {
    padding-left: 25px;
    font-size: 14px;
    padding-right: 40px;
    margin-bottom: 10px;
  }

  #linkSection p {
    padding: 0px 10px 0px 10px;
    line-height: 1.5em;
  }

  #linkSection ul {
    margin: 0px 0px 0px 5px;
  }

  #view_bills_link .support-resources-column h3 {
    color: #333;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 15px;
  }

  #paperless-billing label {
    display: block;
    margin-left: 25px;
  }

  #paperless-billing label#serviceEmailLabel {
    margin-left: 0px !important;
  }
}

#paperless-billing input[type="radio"] {
  float: left;
  margin: 0px 10px 20px 0px;
}

#troubleLog-error-msg a {
  text-decoration: underline;
}

.max-allowable-msg {
  font-weight: normal;
  color: #000000;
}

@media (min-width: 768px) {
  #sub_nav_link_viewBills_mobile {
    display: none !important;
  }
}

@media (max-width: 767px) {
  #sub_nav_link_viewBills {
    display: none;
  }
}

@media (min-width: 768px) {
  #leftNavViewAndPayBills_mobile {
    display: none !important;
  }
}

@media (max-width: 767px) {
  #leftNavViewAndPayBills {
    display: none;
  }
}

.msgCenterCont {
  position: relative;
  background-color: #fff;
  border: 1px solid #ea6702;
  border-radius: 0px 0px 6px 6px;
  border-top: 0;
  margin: 0px 0px 10px 0px;
  padding: 10px;
  text-align: left;
  font-size: 14px;
}

.msgCenterCont a {
  text-decoration: underline;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
}

.msgCenterContLink {
  text-decoration: underline;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
}

.msgCenterCont p {
  font-size: 14px;
  line-height: 1.50;
  margin-top: 5px;
}

.msgCenterContParagraph {
  font-size: 14px;
  line-height: 1.50;
  margin: 5px 0px 10px 0px;
  display: inline-block;
}

.msgCenterBold {
  font-size: 14px;
  font-weight: bold;
}

h3.msgCenterContHead {
  background-color: #ff8b19;
  color: #fff;
  border: 1px #ea6702;
}

.spinner-transform {
  transform: scale(0.5, 0.5);
}

b.italic {
  font-style: italic;
  font-weight: normal;
}

#new-mexico-msg {
  font-size: 14px;
  color: #000;
}

#new-mexico-msg a {
  text-decoration: underline;
}

/* ------------------------------------------- */
/*       EmailUS css start                     */
/* ------------------------------------------- */

.infoblockEmailus {
  background: transparent url("/static/images/inform_icon_small.png") 0px 0px scroll no-repeat;
  padding: 0px 0px 5px 30px;
  color: black;
  font-style: italic;
}

.infoblockEmailus .infoblockEmailUsText {
  padding-top: 3px;
}

.emailUs {
  font-size: 14px;
  font-weight: 500;
  line-height: 0.8em;
}

.eamilUsPara {
  font-size: 14px;
  font-weight: 500;
}

.emailUsdeatils {
  color: black;
  font-style: italic;
}

.responsive .emailUsLabel {
  color: black;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0px;
}

#emailAddress, #firstName, #lastName {
  font-size: 14px;
}

#confirmEmailAddress {
  font-size: 14px;
  padding: 3px;
}

.selectBoxAndTextBox {
  font-size: 14px;
  padding: 3px;
}

#eamilUsbody {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 15px;
  background: #fff;
}

#eamilUsbody .formerror h2 {
  font-size: 20px;
  color: #d0021b;
  font-weight: normal;
}

#eamilUsbody .success h2 {
  font-size: 20px;
  color: #00853F;
  font-weight: normal;
}

#eamilUsbody .formerror .emailUs {
  color: #000;
}

#emailUsContent {
  margin-left: 15px;
  margin-right: 15px;
  margin-top: -10px;
}

.emailUsContentBody {
  margin: 20px;
}

#emailUsMessage {
  margin-left: 15px;
  margin-right: 15px;
  margin-top: -50px;
}

#emailUsButtons {
  width: 100%;
  text-align: center;
  margin: 15px;
}

#eamilUsbody .msgMarign {
  margin-bottom: 20px;
  margin-top: 20px;
  border: none;
}

#editShowHide {
  font-size: 12px;
  text-decoration: underline;
}

.emailUsLabel {
  font-size: 14px;
  margin-bottom: 5px;
  width: auto;
}

.formErrColor {
  color: #000;
}

#emailUsFailure {
  text-decoration: underline;
}

@media (min-width: 992px) {
  .responsive .emailUsLabel {
    margin-bottom: 5px;
    width: auto;
    font-size: 14px;
  }

}

@media (max-width: 767px) {
  #eamilUsbody .formerror h2 {
    font-size: 24px;
  }

  #eamilUsbody .success h2 {
    font-size: 24px;
  }

  .emailUsLabel {
    font-size: 14px;
  }

  #eamilUsbody {
    border: none;
    padding: 0px;
  }

  .msgMarign {
    margin: 0px;
  }

  .emailUsContentBody {
    margin: 0px;
  }

  #emailUsMessage {
    margin: 0px;
    margin-top: -50px;
  }

  #emailUsContent {
    margin: 0px;
  }

  .selectBoxAndTextBox {
    border-radius: 4px;
  }

  .auth-form-control {
    width: 96%
  }


}

@media (max-width: 767px) {
  #responsivelink {
    font-size: 20px;
    padding-right: 20px;
  }

  #margingEmailus {
    margin-bottom: 10px;
  }

  #emailUsButtons {
    margin: 0px;
  }

  .login-layout-page {
    margin: 0;
  }
}

#retrieveacctnobyemailaddress, #retrieveacctnobyemailaddressReg1, #retrieveacctnobyemailaddressReg2 {
  color: #0047bb;
  text-decoration: none;
}

#retrieveacctnobyemailaddress:hover, #retrieveacctnobyemailaddressReg1:hover, #retrieveacctnobyemailaddressReg2:hover {
  text-decoration: underline;
}

#retrieveacctnobyemailaddressReg1 {
  font-size: 14px !important;
}

/* ------------------------------------------- */
/*       EmailUS css End                  */
/* ------------------------------------------- */

/*---- throttle css ----*/

.tp-pd20 {
  padding-top: 20px;
}

.pd-tp130 {
  padding-top: 130px;
}

.body-text {
  color: #000000;
  font-family: MaisonNeue-Medium, serif;
  font-size: 14px;
}

.ctl-Logo {
  background: url("/static/images/throttle_sprite.png") no-repeat -16px -10px;
  width: 169px;
  height: 34px;
}

.padd-left15 {
  padding-left: 15px;
}

.padd-right15 {
  padding-right: 15px;
}

.margin-tp0 {

  margin-top: 0px;
}

.pmod {
  line-height: 1.43777
}

@media (min-width: 992px) {
  #mod .container {
    width: 990px;
  }
}

/*---- throttle css end----*/


/* ------------------------------------------- */
/*       AutoPay css Start                     */
/* ------------------------------------------- */
.autoPayHeading {
  font-size: 32px;
  color: #0047bb;
  line-height: 1.2;
}

#paymentError .autoPayPurlErrorBorder {
  padding: 0;
  border-radius: 0px;
}

#main .autoPayPurlMargin {
  margin: 25px 10px 0px 0px;
}

.content-box-inner_autoPay {
  background-color: #fff;
  padding: 15px 0 0 0;
  margin: 0;
}

a.moreInfoLinks {
  text-decoration: underline;
}

@media (min-width: 768px) {
  .content-box_autoPay {
      margin-bottom: 15px;
      padding: 10px 0.75rem 0.75rem;
  }
}

@media (min-width: 768px) {
  #main-content_autoPay {
    background-color: #fff;
  }
}

.autoPay_p {
  margin-bottom: 5px;
}

@media (min-width: 768px) {
  .content-box-inner_autoPay {
    background-color: #fff;
    padding: 0;
    margin: 0;
  }
}

@media (min-width: 768px) {
  #main #sidebar .help h4#helpofAutoPay {
    color: #000;
    font-weight: 100;
    font-size: 14px;
  }
}

/*---- Iframe css ----*/

#autoPay-iframe-wrapper {
  height: 730px;
}

@media (min-width: 768px) {
  #autoPay-iframe-wrapper {
    height: 760px;
  }
}

@media (min-width: 992px) {
  #autoPay-iframe-wrapper {
    height: 750px;
  }
}

@media (max-width: 350px) {
  #autoPay-iframe-wrapper {
    height: 750px;
    width: 350px;
  }
}

/*---- Iframe css end ----*/

/* ------------------------------------------- */
/*       AutoPay css End                       */
/* ------------------------------------------- */
/* MPA Iframe Error */
.mpaPaymentError {
  color: #000;
}

@media (min-width: 767px) and (max-width: 991px) {
  #progress-indicator-bar .progress-step-wrapper:nth-child(2):before {
    left: -50px;
  }

  #progress-indicator-bar .progress-step-wrapper:nth-child(2):after {
    right: -33px;
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .mpaErrorLinks {
    font-size: 14px;
    margin-top: -4px;
  }

  .outside-margin-bottom-mobile {
    margin-bottom: -236px;
  }

  #progress-indicator-bar .progress-step-wrapper:nth-child(2):before {
    left: -33%;
  }

  #progress-indicator-bar .progress-step-wrapper:nth-child(2):after {
    right: -24%;
  }
}