@import url(../bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.css);
.app h1, .app .h1 {
  font-size: 32px; }

.app h2, .app .h2 {
  font-size: 28px; }

.app h3, .app .h3 {
  font-size: 22px;
  margin-bottom: 6px;
  line-height: normal; }

.app h4, .app .h4 {
  font-size: 20px;
  font-weight: 600; }

.app h5, .app .h5 {
  font-size: 18px; }

.app h6, .app .h6 {
  font-size: 16px;
  font-weight: 600;
  color: #505357 !important; }

.app p {
  font-size: 16px;
  color: #505357; }

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot");
  src: url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"], .icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

*:before, *:after {
  -webkit-font-smoothing: antialiased;
  font-weight: normal;
  -moz-osx-font-smoothing: grayscale; }

.icon-warning:before {
  content: "\e92a"; }

.icon-export:before {
  content: "\e929"; }

.icon-add-new-property:before {
  content: "\e926"; }

.icon-remove-property:before {
  content: "\e927"; }

.icon-stop_service:before {
  content: "\e928"; }

.icon-trash:before {
  content: "\e924"; }

.icon-start-service:before {
  content: "\e921"; }

.icon-stop-service:before {
  content: "\e922"; }

.icon-transfer-service:before {
  content: "\e923"; }

.icon-account-manager-contact:before {
  content: "\e925"; }

.icon-triangle-down:before {
  content: "\e91f"; }

.icon-triangle-up:before {
  content: "\e920"; }

.icon-printer:before {
  content: "\e91e"; }

.icon-electric:before {
  content: "\e91c"; }

.icon-elc:before {
  content: "\e91c"; }

.icon-gas:before {
  content: "\e91d"; }

.icon-alert:before {
  content: "\e91a"; }

.icon-note:before {
  content: "\e91b"; }

.icon-checkmark:before {
  content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAANCAYAAACgu+4kAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEySURBVHgBnVI7TsNAEJ3dBBexomxpMFh7hAAXIB0lvoEpHNEBHR3hBIQOGaQcAThBcgLgCBaEJLREggJlh5nFQUmA/F6zox2/5zdvR8ASUJFSRafwwLWEJUDkBh0aABcXWK+undKxR+Q0J7EiFiEH8eohClHnGo2ptK97rbkdeJGnyXCNa/rrGZOzej7yiiObVGpEvGhfdY+GPcm2NmI/miaQd+SNJQM8jpKtgLUlsBF8h/MLQdU/J5tlDi0vTTjZz5W23VfS2aFhdktbRf12378bNrPET+yHEjfTy146KWAz0LFfHgA0yYkCxFb/8yN0wdXSQbssBvD4JenW/3L4E6I+8PTACApK2FmpofiaE39KOjX4B2OvMCqSXd0+J50QpmBsD3hG3i4OzG5a4X0fZuALsg9lceF017UAAAAASUVORK5CYII="); }

.icon-redCheckmark:before {
  content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC3SURBVHgBfZIxDsIwDEXtADtjGSqVU9CxPQon61Ho2IGBGzQSDBnZUWX8FYJQqPMny/ZL7J/w43CaSfUS7o9h8mRortpmyzJouHdICFGzY7mgYAGoa9gxINyggbfABKCOvk//egGjWnm2ThRZzsybIQfQy9YoKZcDfxB0r9qO4tJRsvR1uI6/PS6/iaOtX2HE3Bxn7UQFV53lXh2m0XoOtmyl0jvhG1nAuqtycxr4EgAhn0bVXZ9vKnuneeqkn3AAAAAASUVORK5CYII="); }

.icon-circle-arrow-down:before {
  content: "\e917"; }

.icon-circle-arrow-up:before {
  content: "\e918"; }

.icon-resend-email:before {
  content: "\e915"; }

.icon-chat-bubbles .path1:before {
  content: "\e90d";
  color: #818181; }

.icon-chat-bubbles .path2:before {
  content: "\e90e";
  margin-left: -1.193359375em;
  color: white; }

.icon-chat-bubbles .path3:before {
  content: "\e90f";
  margin-left: -1.193359375em;
  color: #4ca947; }

.icon-chat-bubbles .path4:before {
  content: "\e910";
  margin-left: -1.193359375em;
  color: #4ca947; }

.icon-chat-bubbles .path5:before {
  content: "\e911";
  margin-left: -1.193359375em;
  color: #4ca947; }

.icon-chat-bubbles .path6:before {
  content: "\e912";
  margin-left: -1.193359375em;
  color: #4ca947; }

.icon-chat-bubbles .path7:before {
  content: "\e913";
  margin-left: -1.193359375em;
  color: #4ca947; }

.icon-edit-pencil:before {
  content: "\e914"; }

.icon-search:before {
  content: "\e916"; }

.icon-dte-logo:before {
  content: "\e90c"; }

.icon-rounded-arrow-down:before {
  content: "\e900"; }

.icon-rounded-arrow-left:before {
  content: "\e901"; }

.icon-rounded-arrow-right:before {
  content: "\e907"; }

.icon-rounded-arrow-up:before {
  content: "\e908"; }

.icon-checkbox-checked:before {
  content: "\e902"; }

.icon-checkbox:before {
  content: "\e903"; }

.icon-close-circle .path1:before {
  content: "\e904";
  color: rgba(1, 1, 1, 0.96); }

.icon-close-circle .path2:before {
  content: "\e905";
  margin-left: -1em;
  color: rgba(255, 255, 255, 0.96); }

.icon-faq-bubble:before {
  content: "\e906"; }

.icon-sort-asc:before {
  content: "\e909"; }

.icon-sort-default:before {
  content: "\e90a"; }

.icon-sort-desc:before {
  content: "\e90b"; }

input[type="text"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"] {
  border: 1px #B1B3B3 solid;
  padding: 6px 15px;
  font-size: 14px;
  min-height: 35px; }

address {
  font-size: 16px; }

input#search-bar {
  border: 1px #B1B3B3 solid !important;
  color: #505357 !important;
  background: #ffffff !important;
  height: 40px; }

input#search-bar:focus {
  border: 1px #1e3575 solid !important;
  color: #2b2b2b !important;
  background: #ffffff !important;
  height: 40px; }

.styled-checkbox {
  width: 100%; }
  .ci-section .styled-checkbox [class*='col-'] {
    padding-right: 0; }
  .styled-checkbox .col-xs-2 {
    max-width: 50px; }
  .styled-checkbox input[type='checkbox'] {
    position: absolute;
    cursor: default;
    opacity: 0; }
  .styled-checkbox .checkbox-vertical-align {
    line-height: 44px; }
  .styled-checkbox .checkbox {
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    vertical-align: top;
    position: relative;
    display: inline-block;
    font-size: 35px;
    line-height: 35px;
    color: #1E3575;
    float: left;
    background: #fff; }
  .styled-checkbox .checkbox:checked {
    background-image: url(../../commercial/images/Check.svg); }
  .styled-checkbox .checkbox:hover {
    cursor: pointer; }
  .styled-checkbox .checkbox:before {
    visibility: visible;
    content: "\e903";
    font-family: "icomoon", sans-serif;
    color: #1E3575; }
  .styled-checkbox input[type='checkbox']:checked + .checkbox:before {
    content: "\e902";
    background: #1E3575;
    color: #FFFFFF;
    -moz-border-radius: 2px;
         border-radius: 2px; }
  .styled-checkbox input[type='checkbox']:disabled + .checkbox:before {
    cursor: default;
    color: #B1B3B3;
    background-color: #ffffff;
    border: none;
    -moz-border-radius: 2px;
         border-radius: 2px; }
  .styled-checkbox input[type='checkbox']:disabled:checked + .checkbox:before {
    background: #B1B3B3;
    border: none;
    color: #fff;
    -moz-border-radius: 2px;
         border-radius: 2px; }
  .styled-checkbox .checkbox-label {
    position: relative;
    display: contents;
    height: 35px; }
    .styled-checkbox .checkbox-label span {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }

@media (max-width: 992px) {
  .slim {
    display: inline-block; } }

.custom-select, .address-search .suggested-addresses-container {
  width: 100%;
  background-image: none;
  position: relative;
  z-index: 1;
  width: 100%; }
  .custom-select select, .address-search .suggested-addresses-container select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #B1B3B3;
    -moz-border-radius: 0;
         border-radius: 0;
    background: #fff;
    padding: 5px 35px 5px 10px;
    color: #505357;
    height: 36px;
    z-index: 2;
    font-size: 16px;
    position: relative;
    background: transparent;
    width: 100%; }
    @media (min-width: 300px) and (max-width: 768px) {
      .custom-select select, .address-search .suggested-addresses-container select {
        font-size: 14px; } }
    .custom-select select::-ms-expand, .address-search .suggested-addresses-container select::-ms-expand {
      display: none; }
  @media (min-width: 1025px) {
    .custom-select.slim, .address-search .slim.suggested-addresses-container {
      height: 10px; }
    .custom-select.slim:after, .address-search .slim.suggested-addresses-container:after {
      line-height: 25px; } }
  .custom-select:after, .address-search .suggested-addresses-container:after {
    border-left: 0px solid #B1B3B3;
    padding: 3px 10px;
    line-height: 36px;
    position: absolute;
    top: 15%;
    vertical-align: middle;
    right: 0px;
    font-family: "icomoon", sans-serif;
    content: "\e900";
    color: #0072CE;
    background: #fff;
    z-index: 1; }

.error-message {
  display: none;
  color: #E31937; }

.input-error {
  outline-color: #E31937 !important;
  border: 1px solid #E31937 !important; }
  .input-error + .error-message {
    display: block; }

.error-span {
  color: #ffffff;
  font-size: 16px;
  display: none; }
  .error + .error-span {
    display: block;
    color: #E31937; }
    @media (min-width: 300px) and (max-width: 768px) {
      .error + .error-span {
        font-size: 14px; } }
  @media (min-width: 300px) and (max-width: 768px) {
    .error-span {
      font-size: 14px; } }

.error-purpleMessage {
  display: none;
  color: #52247F; }

.input-error.input-purpleError {
  outline-color: #52247F !important;
  border: 1px solid #52247F !important; }
  .input-error.input-purpleError + .error-purpleMessage {
    display: block; }

.error-purpleSpan {
  color: #52247F;
  font-size: 15px;
  display: none; }
  .error + .error-purpleSpan {
    display: block; }

.addressError {
  color: #E31937; }

.compare-tabs {
  padding: 0 15px;
  margin: 0 0 15px; }

.radio-tab.col-xs-6 {
  padding: 0 !important; }

.radio-tab input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0;
  border: none; }
  .radio-tab input:focus, .radio-tab input:hover {
    border: none;
    outline: none; }
  .radio-tab input + span {
    border: 1px #1E3575 solid;
    padding: 10px;
    display: inline-block;
    width: 100%;
    text-align: center; }

.radio-tab input[type='radio']:checked + span {
  background: #1E3575;
  color: #fff; }

.custom-radio-container {
  margin: 25px auto; }

.custom-radio {
  display: block;
  margin-bottom: 15px; }
  .custom-radio input[type="radio"] {
    position: absolute;
    overflow: hidden;
    opacity: 0;
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0; }
    .custom-radio input[type="radio"] + span::before {
      content: '';
      display: inline-block;
      width: 25px;
      height: 25px;
      margin-right: 10px;
      -moz-border-radius: 100%;
           border-radius: 100%;
      border: 7px solid #FFF;
      -moz-box-shadow: 0 0 0 1px #1e3575;
           box-shadow: 0 0 0 1px #1e3575;
      vertical-align: -5px;
      cursor: pointer; }
    .custom-radio input[type="radio"]:checked + span::before {
      background: #ffffff;
      border: 6px solid #1E3575;
      -moz-box-shadow: 0 0 0 1px #1e3575;
           box-shadow: 0 0 0 1px #1e3575; }
    .custom-radio input[type="radio"]:disabled + span::before {
      background: #DBDBDB;
      border: 7px solid #DBDBDB;
      -moz-box-shadow: 0 0 0 1px #B1B3B3;
           box-shadow: 0 0 0 1px #B1B3B3;
      cursor: not-allowed; }
    .custom-radio input[type="radio"] + span {
      color: #505357;
      cursor: pointer; }
    .custom-radio input[type="radio"]:disabled + span {
      cursor: not-allowed; }

.pseudo-checkbox input[type="radio"] {
  position: absolute;
  overflow: hidden;
  opacity: 0;
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }
  .pseudo-checkbox input[type="radio"] + span::before {
    content: "\e903";
    display: inline-block;
    position: relative;
    width: 35px;
    height: 35px;
    margin: 0 10px 0 0;
    padding: 0;
    -moz-border-radius: 0;
         border-radius: 0;
    border: none;
    vertical-align: middle;
    -moz-box-shadow: none;
         box-shadow: none;
    font-family: "icomoon", sans-serif;
    font-size: 35px;
    line-height: 35px;
    color: #004990;
    background: #fff; }
  .pseudo-checkbox input[type="radio"]:checked + span::before {
    content: "\e902";
    background: #fff; }
  .pseudo-checkbox input[type="radio"]:disabled + span::before {
    color: #a1a1a4;
    cursor: not-allowed; }
  .pseudo-checkbox input[type="radio"] + span {
    color: #1E3575;
    cursor: pointer; }
  .pseudo-checkbox input[type="radio"]:disabled + span {
    cursor: not-allowed; }

.toggle-mask {
  font-size: 14px;
  color: #1E3575;
  margin: 0;
  text-transform: uppercase; }
  .form-group .toggle-mask {
    position: absolute;
    right: 18px;
    top: 4px; }

.toggle-primary-mask {
  font-size: 14px;
  color: #0072CE;
  margin: 0;
  text-transform: uppercase; }
  .form-group .toggle-primary-mask {
    position: absolute;
    right: 20px;
    top: 25px; }

.toggle-secondary-mask {
  font-size: 14px;
  color: #1E3575;
  margin: 0;
  text-transform: uppercase; }
  .form-group .toggle-secondary-mask {
    position: absolute;
    right: 20px;
    top: 25px; }

.personal-identification input#identificationValue {
  padding-right: 23%; }

.personal-identification input#identificationValue::-ms-clear {
  display: none; }

.personal-identification input#secondaryIdentificationValue {
  padding-right: 23%; }

.personal-identification input#secondaryIdentificationValue::-ms-clear {
  display: none; }

.prevAddressBox {
  width: 300px !important;
  height: 36px !important;
  border: 1px solid #C8C8C8 !important; }
  .prevAddressBox:after {
    border-left: 0px solid #C8C8C8; }
  .prevAddressBox select {
    border: 1px #C8C8C8;
    width: 300px !important;
    height: 36px !important; }

.pidFormBox {
  width: 300px !important;
  height: 36px !important;
  margin-top: 0px;
  border: 1px solid #C8C8C8 !important; }
  .pidFormBox:after {
    border-left: 0px solid #C8C8C8; }
  .pidFormBox select {
    border: 1px #C8C8C8; }

.custom-radio.inline {
  height: auto !important;
  width: auto !important;
  padding-left: 36px;
  position: relative;
  z-index: 9; }

.custom-radio.inline span {
  position: absolute;
  left: 0;
  top: 4px; }

body {
  background-color: #ffffff;
  -webkit-font-smoothing: antialiased;
  font-weight: normal; }

main > .container {
  position: relative;
  padding-top: 40px; }
  main > .container p.secondary {
    font-size: 12px; }
  @media (max-width: 992px) {
    main > .container {
      overflow: hidden;
      padding-top: 0px; } }

.row-fluid {
  margin-left: 0;
  margin-right: 0; }

.col-fluid {
  padding-left: 0;
  padding-right: 0; }

.spinner {
  min-height: 158px;
  min-width: 128px;
  display: block;
  width: 0;
  background: url("../images/largeSpinner.gif") center center no-repeat;
  font-size: 30px;
  margin: 0 auto;
  padding: 100px 0; }

.container .row {
  margin-left: -10px;
  margin-right: -10px; }

.ci-bg-grouping {
  background: #ffffff;
  margin: 0 0 5px;
  padding: 10px 15px; }
  .ci-bg-grouping.selected-accounts {
    border: 0px; }
  .ci-bg-grouping .row.row-fluid {
    margin-left: -15px;
    margin-right: -15px; }
  .ci-bg-grouping .row.row-fluidb {
    margin-left: -15px;
    margin-right: -15px;
    border: 1px solid #d9d9d9;
    border-bottom: none; }
  .ci-bg-grouping [class*='col-'] {
    padding-left: 25px;
    padding-right: 25px; }

#account-header {
  padding: 10px 15px 10px 20px;
  margin-left: -15px;
  margin-right: -15px;
  border: 1px solid #d9d9d9; }

.ci-section {
  margin-bottom: 10px;
  padding: 0 15px;
  background: #fff; }
  .ci-section .row {
    margin-left: -15px;
    margin-right: -15px; }
  .ci-section .rowS {
    margin-left: -15px;
    margin-right: -15px; }
  .ci-section .row-fluid {
    padding-left: 0;
    padding-right: 0; }
  .ci-section [class*='col-'] {
    padding-left: 15px;
    padding-right: 15px; }
  @media (min-width: 300px) and (max-width: 768px) {
    .ci-section {
      padding: 0 0 0 5px; } }

.section-loading {
  position: relative; }
  .section-loading::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url("../images/largeSpinner.gif") center no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    background-color: rgba(255, 255, 255, 0.8); }

.actions-bar {
  margin: 15px 0; }
  @media (min-width: 300px) and (max-width: 768px) {
    .actions-bar button {
      width: 100%; } }

.account-header {
  border-bottom: 0px #d9d9d9 solid; }
  .account-header h1 {
    margin: 0;
    font-size: 30px;
    font-size: 2em;
    color: #2B2B2B;
    padding: 20px 0 20px; }

.account-manager {
  border-bottom: 2px #e5e5e4 solid;
  padding: 10px 0;
  min-height: 90px; }
  .account-manager .account-manager-title {
    float: right; }
  .account-manager.no-border {
    border-bottom: none; }

.account-manager-link {
  position: relative;
  font-size: 16px;
  line-height: 25px;
  font-weight: 600; }
  .account-manager-link .icon-account-manager-contact {
    font-size: 23px;
    position: absolute;
    top: -5px;
    right: -30px; }

table.col-lg-12 {
  width: 100%; }

.foot-ribbon {
  clear: both;
  border-top: 3px #e5e5e4 solid;
  min-height: 42px;
  text-align: center;
  line-height: 42px; }
  .foot-ribbon p {
    line-height: 45px;
    padding: 0;
    vertical-align: bottom;
    width: auto;
    display: inline-block; }
    @media (max-width: 992px) {
      .foot-ribbon p {
        line-height: 150%;
        margin-top: 20px; } }
  .foot-ribbon .icon-faq-bubble {
    font-size: 35px;
    padding: 8px 3px 0;
    display: inline-block; }
    @media (max-width: 992px) {
      .foot-ribbon .icon-faq-bubble {
        display: none; } }

.btm-margin-2 {
  margin-bottom: 2px; }

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

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

.row.list {
  border-bottom: 2px #e5e5e4 solid; }

.row [class*='col-']:not(#navbar-main), .print-container div:not([class*='col-']) {
  padding-right: 20px;
  padding-left: 20px; }

.mimo-collapse-container .ci-bg-grouping div[class*='col-'] {
  padding-left: 20px;
  padding-right: 20px; }

@media (max-width: 992px) {
  .row [class*='col-']:not(#navbar-main), .print-container div:not([class*='col-']) {
    padding-right: 24px;
    padding-left: 24px; } }

.table-list {
  table-layout: fixed;
  width: 100%; }
  .table-list .icon-edit-pencil {
    display: none;
    color: #808080; }
    @media (min-width: 300px) and (max-width: 768px) {
      .table-list .icon-edit-pencil {
        display: inline; } }
  @media (min-width: 300px) and (max-width: 768px) {
    .table-list .edit-col {
      display: none; } }
  .table-list th {
    background: #1E3575;
    color: #fff;
    font-size: 18px;
    border-right: 1px solid #fff;
    font-weight: 600;
    line-height: 21px; }
    @media (min-width: 300px) and (max-width: 768px) {
      .table-list th {
        font-size: 15px; } }
    .table-list th.selected {
      background: #2574a8; }
  .table-list tr:nth-child(even) {
    background: #F2F2F2; }
  .table-list td, .table-list th {
    padding: 8px;
    position: relative; }
    @media (max-width: 992px) {
      .table-list td, .table-list th {
        font-size: 12px; } }
  .table-list td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #505357;
    border: 1px #E8E8E7 solid; }
    .table-list td:first-child {
      border-left: none; }
    @media (min-width: 300px) and (max-width: 768px) {
      .table-list td {
        font-size: 16px; }
        .table-list td:first-child {
          text-align: left; }
        .table-list td span {
          margin-left: 20px; } }
    .table-list td.icon-edit-pencil {
      display: none;
      color: #808080; }
      @media (min-width: 300px) and (max-width: 768px) {
        .table-list td.icon-edit-pencil {
          display: inline; } }
  .table-list p {
    padding: 0;
    margin: 0; }
  .table-list.button-cancel {
    display: block;
    height: 40px;
    margin: 65px auto 0;
    background-color: transparent;
    border: 1px solid #1E3575;
    font-size: 24px;
    color: #1E3575; }
    .table-list.button-cancel:hover {
      border-color: #ffffff;
      color: #ffffff; }

.table-sort {
  display: inline-block;
  position: relative;
  color: #ffffff;
  padding-right: 20px; }
  .table-sort:hover, .table-sort:focus {
    text-decoration: none; }
  .table-sort .sort-direction {
    font-family: "icomoon", sans-serif;
    position: absolute;
    right: 0;
    top: -1px;
    font-size: 17px; }
    .table-sort .sort-direction:before {
      content: "\e90a"; }
    .table-sort .sort-direction.asc:before {
      content: "\e909"; }
    .table-sort .sort-direction.desc:before {
      content: "\e90b"; }

@media (max-width: 992px) {
  .account-table-header th {
    background: #0072CE;
    text-align: center;
    margin-top: -10px;
    display: inline-block;
    width: 100%; }
    .account-table-header th a {
      color: #fff !important; }
  .account-table-header.rm-top-margin th {
    margin-top: 0; } }

.account-list .account-list-table,
#user-edit-table .account-list-table,
.selected-account-table .account-list-table,
.full-selected-account-list .account-list-table,
.edit-user-acc-tbl .account-list-table {
  width: 100%; }
  .account-list .account-list-table td,
  #user-edit-table .account-list-table td,
  .selected-account-table .account-list-table td,
  .full-selected-account-list .account-list-table td,
  .edit-user-acc-tbl .account-list-table td {
    display: table-cell; }

.account-list thead tr,
#user-edit-table thead tr,
.selected-account-table thead tr,
.full-selected-account-list thead tr,
.edit-user-acc-tbl thead tr {
  border: none; }
  .account-list thead tr th,
  #user-edit-table thead tr th,
  .selected-account-table thead tr th,
  .full-selected-account-list thead tr th,
  .edit-user-acc-tbl thead tr th {
    font-size: 16px;
    color: #1E3575;
    padding: 15px 0 5px 0; }
    @media (max-width: 992px) {
      .account-list thead tr th,
      #user-edit-table thead tr th,
      .selected-account-table thead tr th,
      .full-selected-account-list thead tr th,
      .edit-user-acc-tbl thead tr th {
        padding: 25px 15px; } }
    .account-list thead tr th .table-sort,
    #user-edit-table thead tr th .table-sort,
    .selected-account-table thead tr th .table-sort,
    .full-selected-account-list thead tr th .table-sort,
    .edit-user-acc-tbl thead tr th .table-sort {
      color: #1E3575; }

.account-list tr,
#user-edit-table tr,
.selected-account-table tr,
.full-selected-account-list tr,
.edit-user-acc-tbl tr {
  background: #fff;
  border-top: 2px #e5e5e4 solid;
  width: 100%; }

.account-list td,
#user-edit-table td,
.selected-account-table td,
.full-selected-account-list td,
.edit-user-acc-tbl td {
  border: none;
  padding: 25px 0; }
  @media (max-width: 992px) {
    .account-list td,
    #user-edit-table td,
    .selected-account-table td,
    .full-selected-account-list td,
    .edit-user-acc-tbl td {
      padding: 25px 15px; } }

.account-info {
  display: inline-block;
  float: left; }
  .account-info p {
    margin: 0;
    padding: 0;
    color: #505357;
    font-size: 14px; }

@media (max-width: 992px) {
  .account-list .col-lg-12,
  #user-edit-table.col-lg-12 {
    margin-left: -15px;
    margin-right: -15px; } }

.account-list-tbody .row {
  margin-right: 0; }
  @media (min-width: 1025px) {
    .account-list-tbody .row {
      margin-right: -10px; } }

@media (max-width: 992px) {
  .active-users-link {
    margin-left: 50px; } }

@media (min-width: 300px) and (max-width: 768px) {
  .active-users-link {
    margin-left: 0px; } }

.user-list-table td {
  padding: 0; }

.user-list-table .flex-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media (min-width: 300px) and (max-width: 768px) {
    .user-list-table .flex-row {
      display: inline-block;
      width: 100%;
      padding: 8px; } }

.user-list-table .flex-cell {
  display: table-cell;
  width: 16.66%;
  padding: 15px;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #808080;
  border: 1px #E8E8E7 solid;
  border-width: 0px 1px 0 0;
  border-collapse: collapse; }
  @media (min-width: 300px) and (max-width: 768px) {
    .user-list-table .flex-cell {
      display: block;
      width: auto;
      padding: 0;
      border-width: 0;
      float: none;
      clear: left;
      font-size: 16px;
      margin-bottom: 4px; } }
  .user-list-table .flex-cell .mobile-label {
    display: none; }
    @media (min-width: 300px) and (max-width: 768px) {
      .user-list-table .flex-cell .mobile-label {
        display: inline-block;
        margin-left: 0; } }
  .user-list-table .flex-cell .status-link {
    display: block;
    padding: 5px 0;
    margin: 0; }

@media (min-width: 300px) and (max-width: 768px) {
  .user-list-table .first-name.flex-cell {
    float: left;
    margin-right: 5px; }
  .user-list-table .last-name.flex-cell {
    float: left;
    clear: none; }
  .user-list-table .edit-link {
    position: absolute;
    top: 40%;
    right: 15px; } }

.mobile-table-header {
  text-align: center;
  padding: 15px 15px;
  background: #0072CE;
  color: #fff;
  font-size: 18px; }

.line-items {
  width: 100%; }
  .line-items tr {
    width: 100%;
    border-top: 1px #e5e5e4 solid; }
    .line-items tr:first-child {
      border-top: none; }
    .line-items tr td {
      text-align: right;
      padding: 3px 0; }
      .line-items tr td:first-child {
        text-align: left; }

.no-records-found {
  text-align: center;
  padding: 10px; }

.action-header {
  height: 96px;
  background-color: #1E3575; }
  @media (max-width: 992px) {
    .action-header {
      height: 100px; } }
  @media (min-width: 300px) and (max-width: 768px) {
    .action-header {
      height: 90px; }
      .action-header.transaction-action-header {
        height: 90px; } }
  .action-header .container {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 20px; }
    @media (max-width: 992px) {
      .action-header .container {
        padding: 0 15px; } }
  .action-header .icon-dte-logo {
    color: #ffffff;
    font-size: 90px;
    margin-top: 20px; }
    @media (max-width: 992px) {
      .action-header .icon-dte-logo {
        font-size: 60px; } }
    @media (min-width: 300px) and (max-width: 768px) {
      .action-header .icon-dte-logo {
        font-size: 30px;
        padding-bottom: 20px;
        margin-top: 10px; } }
  .action-header .title {
    margin-top: 30px;
    font-size: 22px;
    padding-left: 40px;
    color: #ffffff; }
    @media (max-width: 992px) {
      .action-header .title {
        font-size: 22px;
        padding-left: 24px; } }
    @media (min-width: 300px) and (max-width: 768px) {
      .action-header .title {
        font-size: 22px;
        margin-top: 33px;
        padding-left: 35px; } }
    @media (min-width: 768px) {
      .action-header .title.page-header-title {
        margin-top: 36px; } }
  .action-header button.cancel {
    margin-top: 45px;
    margin-right: 15px; }
    @media (min-width: 430px) {
      .action-header button.cancel {
        margin-top: 20px; } }
    @media (max-width: 992px) {
      .action-header button.cancel {
        margin-top: 10px; } }
    @media (min-width: 300px) and (max-width: 768px) {
      .action-header button.cancel {
        margin-top: 28px;
        padding: 7px 40px;
        border: 1px solid #FFFFFF;
        font-weight: 600 !important;
        height: 40px; } }

.wizard-body > .action-step {
  display: none; }

.wizard-body > .active {
  display: block; }

.wizard-body > .hide {
  display: none; }

.wizard-body label {
  font-weight: normal; }

.wizard-body .content {
  margin-bottom: 5px;
  padding: 15px 40px; }

.wizard-body .steps {
  counter-reset: step-counter;
  margin: 20px 0 20px;
  position: relative; }
  @media (min-width: 300px) and (max-width: 768px) {
    .wizard-body .steps {
      margin: 0; } }
  @media (min-width: 300px) and (max-width: 530px) {
    .wizard-body .steps {
      margin: 0; } }
  .wizard-body .steps:before {
    content: '';
    border-bottom: solid 2px #D9D9D9;
    width: 50%;
    position: absolute;
    top: 23px;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); }
    @media (max-width: 992px) {
      .wizard-body .steps:before {
        top: 32px; } }
  @media (max-width: 992px) {
    .wizard-body .steps .step {
      width: 50%;
      float: left; } }
  .wizard-body .steps .step-label {
    display: block;
    text-align: center;
    color: #1E3575; }
  .wizard-body .steps .circle {
    position: relative;
    height: 46px;
    width: 46px;
    background-color: #E8E8E8;
    border: 1px solid  #1E3575;
    -moz-border-radius: 50%;
         border-radius: 50%;
    font-size: 24px; }
    .wizard-body .steps .circle:before {
      content: counter(step-counter);
      counter-increment: step-counter;
      position: absolute;
      top: 50%;
      left: 50%;
      -moz-transform: translate(-50%, -50%);
       -ms-transform: translate(-50%, -50%);
           transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      color: #1E3575; }
    @media (max-width: 992px) {
      .wizard-body .steps .circle {
        width: 23px;
        height: 23px;
        font-size: 12px; } }
  .wizard-body .steps .active .circle {
    background-color: #1E3575;
    border-color: #1E3575; }
    .wizard-body .steps .active .circle:before {
      color: #ffffff; }
  .wizard-body .steps .active .step-label {
    color: #1E3575; }
  .wizard-body .steps .complete .circle {
    background-color: #1E3575;
    border-color: #1E3575; }
    .wizard-body .steps .complete .circle:before {
      color: #ffffff; }
  .wizard-body .steps .complete .step-label {
    color: #1E3575; }
  .wizard-body .steps .current .circle {
    background-color: #1E3575;
    border-color: #1E3575; }
    .wizard-body .steps .current .circle:before {
      color: #ffffff; }
  .wizard-body .steps .current .step-label {
    color: #1E3575; }
  @media (max-width: 992px) {
    .wizard-body .steps {
      padding: 50px 5px;
      font-size: 14px; } }

.wizard-body .content {
  background-color: #ffffff; }
  .wizard-body .content .email-notice {
    padding-top: 20px; }
  @media (max-width: 992px) {
    .wizard-body .content .selected-accounts-header .col-md-2 {
      float: left; }
    .wizard-body .content .selected-accounts-header .col-md-1 {
      float: right; } }
  @media (max-width: 992px) {
    .wizard-body .content .account-review .role {
      float: right; } }
  .wizard-body .content .selected-account .btn-remove {
    height: 20px;
    width: 20px;
    background-color: #21313f;
    border-color: #21313f;
    -moz-border-radius: 50%;
         border-radius: 50%;
    color: #ffffff; }
  .wizard-body .content .selected-account .account-id {
    padding: 5px 10px;
    background-color: #1E3575;
    color: #ffffff; }
  .wizard-body .content .legend {
    padding: 5px 10px; }
    .wizard-body .content .legend.view-only {
      background-color: #1E3575;
      color: #ffffff; }
    .wizard-body .content .legend.pay-bills {
      background-color: #c8c8c8;
      color: #f2f2f2; }
  .wizard-body .content .seperator {
    border-top: 1px solid #c8c8c8;
    margin-top: 15px;
    padding-top: 15px; }

@media (min-width: 320px) and (max-width: 767px) {
  .wizard-body {
    padding: 0; } }

.button, button {
  display: inline-block;
  border: none;
  padding: 7.5px 40px;
  font-size: 18px;
  margin: 15px 0;
  font-weight: 600;
  text-decoration: none; }
  @media (max-width: 992px) {
    .button, button {
      font-size: 18px;
      padding: 7.5px 40px;
      text-align: center;
      margin-left: auto;
      margin-right: auto; } }
  .button:active, .button:focus, button:active, button:focus {
    outline: none; }
  .button:hover, button:hover {
    text-decoration: none; }
  .button.primary, button.primary {
    background: #0072CE;
    color: #fff; }
    .button.primary:hover, button.primary:hover {
      color: #ffffff;
      background-color: #1E3575; }
  .button.centered, button.centered {
    margin-left: auto;
    margin-right: auto;
    display: block; }
  .button.secondary, button.secondary {
    background: #0072CE;
    color: #ffffff;
    text-decoration: none; }
    .button.secondary:hover, button.secondary:hover {
      background: #1E3575;
      color: #ffffff; }
    .button.secondary:disabled, button.secondary:disabled {
      background: #FFFFFF;
      color: #73767B;
      border: 1px solid #73767B; }
  .button.secondary-bill, button.secondary-bill {
    background: #fff;
    color: #0072ce;
    text-decoration: none;
    border: 1px solid #0072ce;
    font-size: 18px !important;
    line-height: 25px !important; }
    .button.secondary-bill:hover, button.secondary-bill:hover {
      background: #1E3575;
      color: #ffffff; }
    .button.secondary-bill:disabled, button.secondary-bill:disabled {
      background: #FFFFFF;
      color: #73767B;
      border: 1px solid #73767B; }
  .button.payment, button.payment {
    background: #0072CE;
    color: #fff; }
    .button.payment:hover, button.payment:hover {
      background: #1E3575;
      color: #ffff; }
    .button.payment:disabled, button.payment:disabled {
      background: #73767B;
      color: #FFFFFF;
      border: 1px solid #73767B; }
  .button.continue, button.continue {
    background: #0072CE;
    color: #ffffff; }
    .button.continue:hover, button.continue:hover {
      background: #1E3575;
      color: #ffffff; }
    .button.continue:disabled, button.continue:disabled {
      background: #73767B;
      color: #ffffff !important; }
    @media (max-width: 992px) {
      .button.continue, button.continue {
        padding: 7.5px 40px; } }
  .button.next-step:disabled, button.next-step:disabled {
    background: #73767B;
    color: #ffffff !important; }
  @media (max-width: 992px) {
    .button.next-step, button.next-step {
      padding: 7.5px 40px; } }
  .button.disabled, .button:disabled, button.disabled, button:disabled {
    background: #73767B;
    color: #ffffff; }
    .button.disabled.busy:before, .button:disabled.busy:before, button.disabled.busy:before, button:disabled.busy:before {
      content: '';
      display: inline-block;
      position: relative;
      top: 0.125em;
      height: 1em;
      width: 1em;
      margin-right: 0.25em;
      background: url(../images/largeSpinner.gif) no-repeat;
      -moz-background-size: 100%;
           background-size: 100%; }
  .button.cancel, button.cancel {
    border: solid 1px  #FFFFFF;
    background: none;
    color: #FFFFFF; }
    .button.cancel.grey, button.cancel.grey {
      border: none;
      background: #c8c8c8;
      color: #808080; }
      .button.cancel.grey:hover, button.cancel.grey:hover {
        color: #fff; }
  .button.text-only, button.text-only {
    background: transparent;
    padding: 5px 5px; }
    .button.text-only:hover, button.text-only:hover {
      color: #1E3575;
      text-decoration: underline; }
  .button.text-only-link, button.text-only-link {
    background: transparent;
    padding: 0;
    text-decoration: underline;
    font-size: 16px; }
    .button.text-only-link:hover, button.text-only-link:hover {
      cursor: pointer;
      text-decoration: underline; }
  .button.text-only-sm, button.text-only-sm {
    background: transparent;
    padding: 5px 5px;
    color: #0072CE;
    font-size: 16px; }
    .button.text-only-sm:hover, button.text-only-sm:hover {
      color: #1E3575; }
    .button.text-only-sm:disabled, .button.text-only-sm:disabled:hover, button.text-only-sm:disabled, button.text-only-sm:disabled:hover {
      background: transparent;
      color: #808080;
      text-decoration: none; }
  .button.light-tertiary, button.light-tertiary {
    border: 1px solid #0072CE;
    color: #0072CE; }
    .button.light-tertiary:hover, button.light-tertiary:hover {
      border: 1px solid #00aeef;
      color: #00aeef; }
  .button.tertiary, button.tertiary {
    border: 1px solid #004990;
    color: #004990; }
    .button.tertiary:hover, button.tertiary:hover {
      border: 1px solid #00aeef;
      color: #00aeef; }
  .button.lg-flat-white, button.lg-flat-white {
    margin-top: 0;
    margin-bottom: 0;
    background-color: #ffffff;
    border: 1px solid #0072CE;
    color: #0072CE;
    line-height: normal;
    padding: 7.5px 40px; }
    .button.lg-flat-white:hover, button.lg-flat-white:hover {
      color: #ffffff;
      background-color: #1E3575; }
  .button.active-blue, .button.active-blue:hover, .button.active-blue:focus, button.active-blue, button.active-blue:hover, button.active-blue:focus {
    background-color: #1E3575;
    color: #ffffff; }
  .button[data-dismiss], button[data-dismiss] {
    margin: 0; }

button.verifyButton {
  width: 181.61;
  margin-right: auto;
  padding: 7.5px 40px;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  background: #0072CE;
  color: #FFFFFF;
  margin-top: 20px; }
  button.verifyButton:hover {
    color: #FFFFFF;
    background-color: #1E3575; }
  button.verifyButton:disabled {
    color: #FFFFFF;
    background: #73767B; }

[data-action] {
  cursor: pointer; }

.ci-section .accordion-header, .ci-bg-grouping .accordion-header {
  padding-left: 0; }

.accordion-header {
  background-color: #1E3575;
  border-right: 5px #1E3575 solid;
  color: #fff;
  padding: 10px 0; }
  .accordion-header .toggle-link {
    display: block; }
  .accordion-header .toggle-link-add {
    display: block; }
  .accordion-header .toggle-link:before {
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJuSURBVHgBzVntUcMwDFU4/pMN8AgdIUwAG5ANYAO6QdmgZQOYoGwATECYADqBkZLn1tdPfyhp3p0urSvJL1LqyHJBmbDWlnwxLBOWEiL4Y2nkWhTFO2WioASAXM1yC4INyyfLCgQFonNNm5t4Z3mRKxNvqE8wwYplyfLL8ozvZYBdCd0FbOcshrSBiWaYZBpC7oSvmuVblTAi8Y0IJhPc49fAp/iuKAfs4EHF0fE5XCCeKAViCAeGegaiG092SJLenI7sY6hBNTRJb24T9KgFK/YIL1DlMaW5/BPpzMBqMDv0ozlXyvdwKbFmV/t+lGjWNBLgxbLcHjS4A7UFPRdeVFtOFxivWF65WPijkQBcpIip14MoNCpSACKhkhlXBPkDVsM5SH5AtPy16b9EJD9z0w5icvdvGJIs3eT4FVv20fBHc0ldgftDGfBJsvMpxlTIMr5YJkLUUFehq5EUyGclsmJXuogmOTlEUpnsmmgSTpF00IqsrKMt4xijUJIO0JE/2TJhNWgz7oheURyCSTr4ZCkOspNtJDoTWfdiLMWGEhFrizW52nmnjgng1j7gF3i4pXmQHKUe4RoX66JEnp07Gh/uqStMOowx/R4nI9/biHrpD9sBDgPJ8OtOnwol1SiienJbdHRTNSBs1+eaH1MoR7RdNjqKPSC6r8CKj/Z8LZ1pjJ3brg5CNpmk52Bqh2s75i2NnqOZZnTtpoutFwikZgGntc1vjT/ZzTmA/rrtEXYHBlXIRHZz2ODOAZaxUUw9vjHUdVfucZXXbwNZQU2KcbkJqYAMdKT4WaRsR5KIbgPRcQdj/oGYqyGa3L7BP3YuAzmzW1aBAAAAAElFTkSuQmCC");
    font-size: 35px;
    line-height: 50px;
    color: #fff;
    font-family: "icomoon"; }
  .accordion-header .toggle-link-add:before {
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACCAYAAABCOhwFAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAbSURBVHgBtcABDQAAAIIwZ1L7l8AUPMDwrJEdqy9eZdVw/mAAAAAASUVORK5CYII=");
    font-size: 35px;
    line-height: 50px;
    color: #fff;
    font-family: "icomoon"; }
  .accordion-header .toggle-link-add:hover {
    text-decoration: none;
    cursor: pointer; }
  .accordion-header .toggle-link:hover {
    text-decoration: none;
    cursor: pointer; }
  .accordion-header h3 {
    color: #fff; }
    @media (max-width: 992px) {
      .accordion-header h3 {
        padding: 0px 15px;
        font-size: 28px; } }
    @media (min-width: 300px) and (max-width: 768px) {
      .accordion-header h3 {
        font-size: 24px; } }

.accordion-header.collapsed {
  background-color: #fff !important;
  color: #2B2B2B;
  border-color: #fff; }
  .accordion-header.collapsed h3 {
    color: #0072CE; }
  .accordion-header.collapsed .toggle-link:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTZDMiA4LjI2ODAxIDguMjY4MDEgMiAxNiAyQzIzLjczMiAyIDMwIDguMjY4MDEgMzAgMTZDMzAgMjMuNzMyIDIzLjczMiAzMCAxNiAzMEM4LjI2ODAxIDMwIDIgMjMuNzMyIDIgMTZaTTAgMTZDMCA3LjE2MzQ0IDcuMTYzNDQgMCAxNiAwQzI0LjgzNjYgMCAzMiA3LjE2MzQ0IDMyIDE2QzMyIDI0LjgzNjYgMjQuODM2NiAzMiAxNiAzMkM3LjE2MzQ0IDMyIDAgMjQuODM2NiAwIDE2Wk0xMC4yMDc2IDEyLjc5MzRDOS44MTczNSAxMi40MDI2IDkuMTg0MTkgMTIuNDAyMSA4Ljc5MzM5IDEyLjc5MjRDOC40MDI1OSAxMy4xODI2IDguNDAyMTUgMTMuODE1OCA4Ljc5MjQgMTQuMjA2NkwxNS4xOTQ2IDIwLjYxNzhDMTUuMzgyMiAyMC44MDU3IDE1LjYzNjggMjAuOTExMiAxNS45MDIyIDIwLjkxMTJDMTYuMTY3NyAyMC45MTEyIDE2LjQyMjIgMjAuODA1NyAxNi42MDk4IDIwLjYxNzhMMjMuMDEyIDE0LjIwNjZDMjMuNDAyMyAxMy44MTU4IDIzLjQwMTggMTMuMTgyNiAyMy4wMTEgMTIuNzkyNEMyMi42MjAyIDEyLjQwMjEgMjEuOTg3MSAxMi40MDI2IDIxLjU5NjggMTIuNzkzNEwxNS45MDIyIDE4LjQ5NkwxMC4yMDc2IDEyLjc5MzRaIiBmaWxsPSIjMDA3MkNFIiAvPg0KPC9zdmc+);
    color: #0072CE !important; }
  .accordion-header.collapsed .toggle-link-add:before {
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABWSURBVHgB7ZbBCQAhDAT3jiv0bMGGtCFtKYqKbxfU1w4E8glDIAsBGHz6WxF8oHjCaOLqxIvDSCCBBDWaPfozoZsxd3wDDp+tFYGuSAIJLgjIr8IcSArOIg4rmTjutgAAAABJRU5ErkJggg==");
    font-size: 35px;
    line-height: 50px;
    color: #fff;
    font-family: "icomoon"; }

.accordion-header.collapsed .accordion-header-btn {
  background-color: #fff !important;
  padding: 0px; }

.accordion-header .accordion-header-btn {
  background-color: #1E3575;
  padding: 0px; }

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

.delete-modal-btn {
  display: inline-block !important;
  padding: 7px 40px !important;
  font-size: 22px !important;
  margin: 15px 0 !important;
  font-weight: normal !important;
  text-decoration: none !important; }

@media (max-width: 400px) {
  .delete-modal-btn {
    font-size: 17px !important;
    padding: 10px 10px !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important; } }

.action-page > header,
.action-page > footer,
.action-page .sidebar-menu {
  display: none; }

.action-page > main {
  margin-top: 0; }
  .action-page > main > .container {
    padding-top: 125px; }
    @media (max-width: 992px) {
      .action-page > main > .container {
        padding-top: 100px; } }
    @media (min-width: 300px) and (max-width: 768px) {
      .action-page > main > .container {
        padding-top: 60px; } }

.search-accounts,
.search-meters {
  margin: 15px 0; }
  @media (max-width: 992px) {
    .search-accounts,
    .search-meters {
      margin-bottom: 15px; } }
  .search-accounts input[type='search'],
  .search-meters input[type='search'] {
    width: 100%;
    -webkit-appearance: none;
    -moz-border-radius: 0;
         border-radius: 0;
    text-overflow: ellipsis; }
  .search-accounts button,
  .search-meters button {
    margin-top: 0px;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    height: 40px; }
    .search-accounts button.icon-search,
    .search-meters button.icon-search {
      margin-left: -5px;
      padding: 0px;
      background: #fff;
      line-height: 31px;
      font-size: 26px;
      color: #1E3575; }
    .search-accounts button.text-only,
    .search-meters button.text-only {
      font-size: 15px; }
      @media (max-width: 992px) {
        .search-accounts button.text-only,
        .search-meters button.text-only {
          float: left;
          font-size: 12px;
          line-height: 25px;
          padding-left: 0;
          padding-right: 0;
          margin-left: 0;
          text-align: left;
          margin-left: 15px;
          width: auto; } }
  @media (min-width: 300px) and (max-width: 768px) {
    .search-accounts .search-icon-cb button.icon-search,
    .search-meters .search-icon-cb button.icon-search {
      background: #0072ce;
      line-height: 0px; }
    .search-accounts .search-icon-cb button.icon-search:before,
    .search-meters .search-icon-cb button.icon-search:before {
      content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAZCAYAAAAxFw7TAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEdSURBVHgBtVQLEYMwDM2mAAdDAhKQgATmYA42B+CAOZgEbgqYA+ZgErKGez1C4Uq7695dDi6flyZNSrQBZi6NdEZGnjFAV1EojHNupOd9jOK7R1YY+SBAvjcdBHvN86nFp/CdzJLdjWSexJmRVpHmW042a0uBQGJB7xoq1ZcsgjBTVZXa0EFZUyTQZ0GnlQOURSSf7f1UnVZOoB/hxh8pMYTwjUwnioRq00sTPvF/pnisCO3e2iGNHZsRsZVr7FfXv0/YrG5YGfXqNQGr13lXD476cZBSaj2bSHrl5QPin10E2b74YEkvFNgf2W9Z/kGRjCi1xOn9JcfCED1A2lMK8HJswkoPIC3/Ubp9vQdKAaf0hlJAlc4HSgTGi/8FT0xCe1sedH0AAAAASUVORK5CYII="); }
    .search-accounts .search-icon-cb .new-icon-search,
    .search-meters .search-icon-cb .new-icon-search {
      position: absolute;
      width: 35px;
      height: 40px;
      right: -5px; } }
  .search-accounts .reset-searchsortby,
  .search-meters .reset-searchsortby {
    margin-top: 0px;
    display: block; }
    @media (min-width: 300px) and (max-width: 768px) {
      .search-accounts .reset-searchsortby,
      .search-meters .reset-searchsortby {
        margin-top: 30px; } }
    @media (max-width: 992px) {
      .search-accounts .reset-searchsortby,
      .search-meters .reset-searchsortby {
        margin-top: 20px; } }
  .search-accounts .bill-sortby,
  .search-meters .bill-sortby {
    font-size: 12px;
    color: #505357; }
    @media (max-width: 992px) {
      .search-accounts .bill-sortby,
      .search-meters .bill-sortby {
        margin-top: 15px !important; } }

.selected-accounts-drawer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #ffffff;
  z-index: 2; }
  .selected-accounts-drawer p {
    margin: 0;
    padding: 0; }
  .selected-accounts-drawer .drawer {
    background: #1E3575;
    height: 20px;
    cursor: pointer; }
  .selected-accounts-drawer .container {
    position: relative;
    margin-bottom: 0; }
  .selected-accounts-drawer .icon {
    color: #fff;
    display: block;
    margin: 0 auto;
    width: 20px;
    height: 15px;
    position: relative;
    top: 7px; }
    .selected-accounts-drawer .icon:before {
      font-size: 15px;
      line-height: 0; }
  .selected-accounts-drawer button.secondary {
    padding: 7px 40px;
    margin: 5px 0;
    float: right; }
    @media (max-width: 992px) {
      .selected-accounts-drawer button.secondary {
        margin-left: auto;
        margin-right: auto;
        float: none;
        display: block; } }
  .selected-accounts-drawer h2 {
    margin-top: 10px; }
    @media (max-width: 992px) {
      .selected-accounts-drawer h2 {
        font-size: 1.1em;
        text-align: center; } }

.scroll-area {
  overflow: auto;
  max-height: 250px; }

.selected-accounts-drawer.open .icon:before {
  content: '\e900'; }

.selected-accounts-drawer.open .scroll-area {
  margin-bottom: 20px; }

.selected-accounts-drawer.open .drawer-header {
  background: #1E3575;
  color: #fff;
  margin: 0 0 20px; }
  .selected-accounts-drawer.open .drawer-header h2 {
    margin-top: 0; }
  .selected-accounts-drawer.open .drawer-header button.secondary {
    border: 1px solid #fff;
    margin: -10px 0 10px; }
    @media (max-width: 992px) {
      .selected-accounts-drawer.open .drawer-header button.secondary {
        margin: 5px auto; } }

.selected-account-item {
  border: 1px solid #eeeeee;
  padding: 10px;
  height: 100px; }
  .selected-account-item .remove-account {
    font-size: 14px;
    margin: 0; }

.selected-accounts {
  border: 5px #e5e5e4 solid;
  border-width: 0px 0 5px 0;
  color: #1E3575;
  min-height: 90px;
  padding-top: 20px; }
  .selected-accounts .legend {
    clear: both; }
    .selected-accounts .legend h4 {
      font-size: 12px;
      display: inline;
      float: left;
      margin-right: 15px; }
    .selected-accounts .legend .account-tag {
      display: inline-block;
      padding: 5px 10px;
      background: #c8c8c8;
      margin-right: 15px;
      margin-bottom: 15px;
      color: #808080;
      position: relative;
      text-align: center;
      float: left; }
      .selected-accounts .legend .account-tag.view-only {
        background: #1E3575;
        color: #fff; }
  .ci-section .selected-accounts.row {
    padding-top: 20px;
    padding-bottom: 20px; }
  .selected-accounts h3 {
    margin: 10px 8px 41px 0;
    font-size: 14px;
    display: inline-block;
    float: left;
    white-space: nowrap; }
    @media (max-width: 992px) {
      .selected-accounts h3 {
        margin: 10px 0;
        padding: 0; } }
  .selected-accounts #selected-account-list,
  .selected-accounts .selected-account-list {
    display: block; }
    .selected-accounts #selected-account-list .account-tag,
    .selected-accounts .selected-account-list .account-tag {
      display: block;
      padding: 5px;
      background: #c8c8c8;
      margin-right: 15px;
      margin-bottom: 15px;
      color: #808080;
      position: relative;
      float: left;
      width: auto;
      text-align: center;
      font-size: 14px; }
      @media (max-width: 992px) {
        .selected-accounts #selected-account-list .account-tag,
        .selected-accounts .selected-account-list .account-tag {
          font-size: 11px;
          width: 29%;
          margin-right: 4%; } }
      .selected-accounts #selected-account-list .account-tag:hover,
      .selected-accounts .selected-account-list .account-tag:hover {
        text-decoration: none; }
        .selected-accounts #selected-account-list .account-tag:hover .icon-close-circle .path1:before,
        .selected-accounts .selected-account-list .account-tag:hover .icon-close-circle .path1:before {
          color: #1E3575; }
        .selected-accounts #selected-account-list .account-tag:hover .icon-close-circle .path2:before,
        .selected-accounts .selected-account-list .account-tag:hover .icon-close-circle .path2:before {
          color: #fff; }
      .selected-accounts #selected-account-list .account-tag.view-only, .selected-accounts #selected-account-list .account-tag.edit-user_rw,
      .selected-accounts .selected-account-list .account-tag.view-only,
      .selected-accounts .selected-account-list .account-tag.edit-user_rw {
        background: #1E3575;
        color: #fff; }
        .selected-accounts #selected-account-list .account-tag.view-only:hover, .selected-accounts #selected-account-list .account-tag.edit-user_rw:hover,
        .selected-accounts .selected-account-list .account-tag.view-only:hover,
        .selected-accounts .selected-account-list .account-tag.edit-user_rw:hover {
          color: #c8c8c8;
          text-decoration: none; }
      .selected-accounts #selected-account-list .account-tag .icon-close-circle,
      .selected-accounts .selected-account-list .account-tag .icon-close-circle {
        position: absolute;
        top: -10px;
        right: -10px;
        font-size: 19px; }
        .selected-accounts #selected-account-list .account-tag .icon-close-circle:hover,
        .selected-accounts .selected-account-list .account-tag .icon-close-circle:hover {
          cursor: pointer; }

.group-filter-tag-container button {
  margin-top: 0; }

.filter-container .heading {
  color: #1E3575;
  padding: 15px 0;
  display: inline-block;
  font-weight: 600; }

.group-filter-btn.selected {
  background-color: #1E3575;
  color: #f2f2f2; }

.group-filter-tag-collapse {
  max-height: 94px;
  overflow: hidden; }

.group-filter-tag-expand {
  overflow: auto; }

.tag {
  display: inline-block;
  padding: 5px 10px;
  background: #ffffff;
  border: solid 1px #1E3575;
  margin-right: 15px;
  margin-bottom: 15px;
  color: #1E3575;
  position: relative;
  text-align: center;
  float: left;
  font-size: 14px; }
  .tag.view-only {
    background: #1E3575;
    color: #fff; }

.confirm-modal .modal-body button,
#confirm-chat-modal .modal-body button {
  width: 100%; }

.modal-tt {
  display: inline-block;
  font-size: 2em;
  color: #004990;
  padding: 0;
  width: 20px;
  background-color: transparent; }

html {
  overflow-y: scroll; }

#account-headerP {
  padding: 0px 0;
  height: 53px; }

.profile-details h2 {
  text-align: center;
  margin-bottom: 20px; }

@media (min-width: 300px) and (max-width: 768px) {
  .profile-details .text-blue {
    color: #2B2B2B;
    font-family: Open Sans;
    font-size: 18px;
    line-height: 21px;
    padding-top: 20px;
    font-weight: 600;
    text-align: center; }
  .profile-details p {
    text-align: left;
    font-size: 16px;
    line-height: 22px;
    text-align: center; } }

.profile-details .text-blue {
  color: #2B2B2B;
  font-weight: 600; }

.profile-details p {
  margin: 5px 0;
  padding: 0;
  color: #505357;
  font-size: 14px;
  line-height: 19px; }

.profile-details label {
  font-weight: bold; }

.profile-details .edit-contact-info {
  margin-left: 20px;
  font-weight: 400; }

.modifygasName {
  border: 1px solid #d9d9d9;
  border-top: none; }

.nameonly {
  padding-bottom: 0px; }

.removepaddimp {
  padding: 0 !important; }

.removeborder {
  border: none !important; }

@media (min-width: 768px) {
  .removepadd {
    padding: 0; } }

.switch-accounts .modal-body {
  padding: 40px 0; }

.switch-accounts .row.search-accounts {
  padding: 10px 40px;
  margin: 0; }

.switch-accounts .account-link {
  display: block;
  padding: 10px 40px;
  margin: 5px 0px; }
  .switch-accounts .account-link:hover {
    background: #c8c8c8; }

.switch-accounts .no-results {
  display: block;
  padding: 10px 40px;
  margin: 5px 0px; }

.switch-accounts p.account-address,
.switch-accounts p.account-number {
  margin: 0;
  padding: 0;
  color: #505357; }

.switch-accounts .account-number span {
  color: #2B2B2B; }

.switch-accounts .switch-account-list {
  max-height: 450px;
  overflow: auto; }

.program-enroll-header {
  padding-bottom: 10px;
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 28px !important;
  line-height: 38px;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

#account-managers .modal-dialog {
  width: 100%;
  max-width: 1170px; }

.account-manager-list .nav-tabs {
  border-bottom: 1px solid #dddddd; }

.account-manager-list .nav-tabs > li {
  width: auto;
  border-bottom: none; }

.account-manager-list .nav-tabs > li.active {
  border-bottom: 2px #1E3575 solid; }

.account-manager-list .nav-tabs > li.active > a {
  color: #1E3575;
  border: none;
  cursor: pointer; }

.account-manager-list .nav-tabs > li > a:hover {
  border: none;
  text-decoration: none;
  background-color: #fff;
  font-weight: bold; }

.account-manager-list p {
  padding: 0; }

.account-manager-list [class^="icon-"], .account-manager-list [class*=" icon-"], .account-manager-list .icon {
  margin-left: 20px;
  font-size: 16px;
  background-image: none; }

.account-manager-list span {
  color: #1E3575;
  font-weight: 600; }

.account-manager-list .row {
  border-bottom: 1px #c8c8c8 solid;
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 20px 0; }

@media (max-width: 768px) {
  .account-manager-list .full-header {
    padding-top: 10px; } }

.sidebar-menu ul {
  list-style: none;
  padding: 0; }
  .sidebar-menu ul a {
    display: block;
    background: #fff;
    border-bottom: 1px #e5e5e4 solid;
    padding: 14px; }
    @media (max-width: 992px) {
      .sidebar-menu ul a {
        display: none; } }
  .sidebar-menu ul .secondary-nav-chat {
    height: 68px;
    margin-top: 10px;
    background: #FFF; }
    .sidebar-menu ul .secondary-nav-chat a {
      height: 100%; }
      .sidebar-menu ul .secondary-nav-chat a:link, .sidebar-menu ul .secondary-nav-chat a:visited, .sidebar-menu ul .secondary-nav-chat a:hover, .sidebar-menu ul .secondary-nav-chat a:active {
        text-decoration: none; }
    .sidebar-menu ul .secondary-nav-chat .questions-text {
      float: left;
      display: block;
      width: 55%;
      color: #808080;
      font-size: 18px;
      text-align: right; }
    .sidebar-menu ul .secondary-nav-chat .click-text {
      float: left;
      display: block;
      width: 55%;
      font-weight: bold;
      font-size: 18px;
      text-align: right;
      line-height: .75; }
    .sidebar-menu ul .secondary-nav-chat .icon-chat-bubbles {
      float: right;
      display: block;
      width: 40%;
      margin-left: 5%;
      position: relative;
      top: 2px;
      height: 60px;
      font-size: 40px;
      vertical-align: middle; }
      .sidebar-menu ul .secondary-nav-chat .icon-chat-bubbles .path1, .sidebar-menu ul .secondary-nav-chat .icon-chat-bubbles .path2, .sidebar-menu ul .secondary-nav-chat .icon-chat-bubbles .path3,
      .sidebar-menu ul .secondary-nav-chat .icon-chat-bubbles .path4, .sidebar-menu ul .secondary-nav-chat .icon-chat-bubbles .path5, .sidebar-menu ul .secondary-nav-chat .icon-chat-bubbles .path6,
      .sidebar-menu ul .secondary-nav-chat .icon-chat-bubbles .path7 {
        display: block; }
        .sidebar-menu ul .secondary-nav-chat .icon-chat-bubbles .path1::before, .sidebar-menu ul .secondary-nav-chat .icon-chat-bubbles .path2::before, .sidebar-menu ul .secondary-nav-chat .icon-chat-bubbles .path3::before,
        .sidebar-menu ul .secondary-nav-chat .icon-chat-bubbles .path4::before, .sidebar-menu ul .secondary-nav-chat .icon-chat-bubbles .path5::before, .sidebar-menu ul .secondary-nav-chat .icon-chat-bubbles .path6::before,
        .sidebar-menu ul .secondary-nav-chat .icon-chat-bubbles .path7::before {
          margin-left: 0;
          position: absolute;
          top: 0;
          left: 0; }
      .sidebar-menu ul .secondary-nav-chat .icon-chat-bubbles .path3::before, .sidebar-menu ul .secondary-nav-chat .icon-chat-bubbles .path4::before, .sidebar-menu ul .secondary-nav-chat .icon-chat-bubbles .path5::before,
      .sidebar-menu ul .secondary-nav-chat .icon-chat-bubbles .path6::before, .sidebar-menu ul .secondary-nav-chat .icon-chat-bubbles .path7::before {
        color: #1E3575; }
    @media (max-width: 992px) {
      .sidebar-menu ul .secondary-nav-chat {
        display: none; } }

.account-header [class*="icon-rounded-arrow-"] {
  font-size: 2.8rem;
  margin-top: 4px; }

.mobile-subnav ul {
  margin: 0 -15px 0 -15px;
  padding: 0;
  list-style: none;
  border-bottom: 10px solid #f2f2f2; }
  .mobile-subnav ul.subnav {
    margin: 0; }
    .mobile-subnav ul.subnav a {
      padding: 20px 1em; }

.mobile-subnav li {
  margin: 0;
  padding: 0;
  list-style: none; }

.mobile-subnav a {
  display: block;
  padding: 20px 1em;
  border-top: 1px solid #DBDBDB;
  -moz-transition: background-color 0.5s ease 0s;
       transition: background-color 0.5s ease 0s; }
  .mobile-subnav a:hover {
    background-color: #f2f2f2;
    text-decoration: none; }

.sidebar-menu ul.subnav,
.mobile-subnav ul.subnav {
  display: none;
  margin-bottom: 0; }
  .sidebar-menu ul.subnav a,
  .mobile-subnav ul.subnav a {
    background: #DBDBDB; }
    .sidebar-menu ul.subnav a:hover,
    .mobile-subnav ul.subnav a:hover {
      background: #a1a1a4; }

.sidebar-menu li.selected a,
.mobile-subnav li.selected a {
  background: #1E3575;
  color: #fff; }

.sidebar-menu a,
.mobile-subnav a {
  display: block; }
  .sidebar-menu a.selected,
  .mobile-subnav a.selected {
    background: #1E3575;
    color: #fff; }
  .sidebar-menu a.toggle-subnav,
  .mobile-subnav a.toggle-subnav {
    position: relative;
    cursor: pointer; }
    .sidebar-menu a.toggle-subnav:after, .sidebar-menu a.toggle-subnav::after,
    .mobile-subnav a.toggle-subnav:after,
    .mobile-subnav a.toggle-subnav::after {
      display: block;
      content: "\e900";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 52px;
      padding-left: 17px;
      border-left: 1px #e5e5e4 solid;
      font-family: "icomoon", sans-serif;
      color: #ffffff;
      line-height: 52px;
      background: #a1a1a4;
      cursor: pointer;
      background: #ffffff;
      color: #0072CE; }
    .sidebar-menu a.toggle-subnav.active:after, .sidebar-menu a.toggle-subnav.active::after,
    .mobile-subnav a.toggle-subnav.active:after,
    .mobile-subnav a.toggle-subnav.active::after {
      background: #a1a1a4;
      color: #ffffff; }
    .sidebar-menu a.toggle-subnav.active + ul.subnav,
    .mobile-subnav a.toggle-subnav.active + ul.subnav {
      display: block; }

#current-amount-due {
  background: #fff;
  padding: 35px 0 0 0;
  margin-bottom: 15px;
  margin-top: 10px;
  color: #2B2B2B;
  position: relative;
  border: 1px solid #D9D9D9; }
  #current-amount-due .no-paynow {
    padding-bottom: 75px; }
  #current-amount-due.paynow {
    min-height: 230px; }
  #current-amount-due h5 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #505357; }
  #current-amount-due h2 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 42px;
    line-height: 57px; }
    #current-amount-due h2.tenThousand {
      font-size: 40px; }
    #current-amount-due h2.hundredThousand {
      font-size: 38px; }
    #current-amount-due h2.million {
      font-size: 34px; }
  #current-amount-due .button {
    width: 100%;
    margin: 63px 0 0;
    padding: 11px 5px; }
  @media (max-width: 992px) {
    #current-amount-due .button {
      width: -moz-calc(100% - 48px);
      width: calc(100% - 48px);
      margin: 24px 24px 24px 24px;
      padding: 7.5px 40px; } }
  #current-amount-due .infoIcon {
    margin-left: 1px;
    margin-right: 0px;
    position: relative;
    top: 1px;
    height: 19px;
    width: 19px; }
  #current-amount-due .future-payment h5 {
    color: #505357; }
  #current-amount-due .future-payment h2 {
    color: #2B2B2B; }
  #current-amount-due .future-payment .futurepayment-section {
    text-align: center;
    margin-top: 25px;
    margin-left: 22px;
    font-size: 18px; }

.tooltip .tooltip-inner {
  background-color: #1E3575;
  color: #ffffff;
  max-width: 320px;
  min-width: 200px;
  text-align: left;
  font-size: 16px;
  line-height: 18px;
  padding: 15px; }

.tooltip.right .tooltip-arrow {
  border-right-color: #1E3575;
  color: #ffffff; }

.faq-callout-container {
  padding: 15px 0; }
  .faq-callout-container .big-question-mark {
    display: inline-block;
    padding-right: 15px;
    font-size: 48px;
    line-height: 48px;
    color: #1E3575; }
  .faq-callout-container .reach-out {
    display: inline-block;
    padding-left: 0px;
    color: #808080;
    font-size: 14px; }
    @media (min-width: 300px) and (max-width: 530px) {
      .faq-callout-container .reach-out {
        padding-left: 15px; } }
  .faq-callout-container .faq-callout,
  .faq-callout-container .faq-callout:link,
  .faq-callout-container .faq-callout:visited,
  .faq-callout-container .faq-callout:hover,
  .faq-callout-container .faq-callout:active {
    color: #8c3b95; }

.meter-modal .modal-body {
  padding: 0 0 10px 0; }

.meter-modal .search-meters {
  padding: 30px 30px 0;
  margin-top: 0; }

.meter-modal .search-meters button.secondary {
  padding: 5px 0; }

.meter-modal .meter-list {
  overflow: auto;
  max-height: 500px; }
  @media (max-width: 992px) {
    .meter-modal .meter-list {
      max-height: 300px; } }

.meter-modal .meter-list .row {
  padding: 20px 30px;
  border-top: solid 1px #e5e5e4; }
  .meter-modal .meter-list .row:last-child {
    border-bottom: solid 1px #e5e5e4; }
  .meter-modal .meter-list .row:hover {
    background: #e5e5e4;
    cursor: pointer; }

.select-business-modal .modal-body {
  padding: 0 10px 10px 10px; }

.business-list {
  overflow: auto;
  max-height: 500px; }
  @media (max-width: 992px) {
    .business-list {
      max-height: 300px; } }

.business-list .row {
  border-top: solid 1px #e5e5e4; }
  .business-list .row:last-child {
    border-bottom: solid 1px #e5e5e4; }

.business-list .row [data-action] {
  display: block;
  padding: 20px 30px;
  margin: 0 -10px; }
  .business-list .row [data-action]:hover {
    background: #e5e5e4;
    cursor: pointer; }

.ci-bg-grouping .select-business-modal [class*='col-'] {
  padding-left: 10px;
  padding-right: 10px; }

.set-password {
  margin-top: 20px; }
  .set-password h3 {
    color: #232323; }
  .set-password .note {
    font-size: 12px;
    color: #808080; }
  .set-password .password-criteria li i {
    display: none; }
  .set-password .password-criteria li.done {
    color: #1D661A; }
    .set-password .password-criteria li.done i {
      display: inline-block;
      margin-right: 10px; }
  .set-password .strength-indicator {
    height: 10px; }
  .set-password .strength-indicator-container {
    width: 200px;
    height: 10px;
    background: #eee; }

.lazyload-progress td {
  position: relative;
  padding: 0 !important; }
  .lazyload-progress td .spinner {
    height: 50px;
    width: 50px;
    -moz-background-size: 100%;
         background-size: 100%;
    min-height: 50px;
    min-width: 50px;
    padding: 0; }
  .lazyload-progress td .progress-holder {
    width: 100%;
    height: 2px;
    background: #c8c8c8; }
  .lazyload-progress td .highlighted {
    width: 30%;
    height: 2px;
    background: #0072CE; }
  .lazyload-progress td .loading-text {
    color: #ccc;
    text-align: center;
    padding: 0 5px; }

.loading-progress-table {
  border: 0;
  margin: 10px 0;
  width: 100%; }

.account-list .loading-bar .account-list-tbody tr:first-child {
  border-top: 0; }

.disabled {
  color: #ffffff !important;
  pointer-events: none;
  cursor: default; }

.personal-identification {
  color: #505357 !important;
  font-size: 16px; }
  .personal-identification legend {
    margin-bottom: 10px;
    border: none;
    font-size: inherit; }
  .personal-identification p {
    padding-top: 0; }

.add-payment-method-modal .cc-logo {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 85px;
  margin-left: -15px; }
  @media (min-width: 300px) and (max-width: 768px) {
    .add-payment-method-modal .cc-logo {
      display: none; } }

.add-payment-method-modal .sc-tt {
  margin-left: -15px; }

.add-payment-method-modal .modal-dialog {
  max-width: 950px;
  width: 100%; }

.add-payment-method-modal .toggle-payment-type, .add-payment-method-modal .card-logos {
  margin-bottom: 20px; }

.add-payment-method-modal .toggle-payment-type {
  width: 59%; }
  @media (min-width: 300px) and (max-width: 768px) {
    .add-payment-method-modal .toggle-payment-type {
      width: 100%; } }
  .add-payment-method-modal .toggle-payment-type .active {
    background-color: #1E3575;
    color: #ffffff; }
  .add-payment-method-modal .toggle-payment-type button {
    width: 50%;
    height: 45px;
    font-size: 18px;
    font-size: 1.125em;
    padding-left: 40px;
    padding-right: 40px; }
    @media (min-width: 300px) and (max-width: 768px) {
      .add-payment-method-modal .toggle-payment-type button {
        display: block;
        width: 100%; } }

.add-payment-method-modal .styled-checkbox span:nth-child(3) {
  padding-left: 15px; }

.add-payment-method-modal .input-group-addon {
  padding-right: 0px;
  border: 0;
  background-color: transparent; }

.add-payment-method-modal .credit-cards {
  display: none; }

.add-payment-method-modal .bank-radio-btns {
  height: 85px;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.add-payment-method-modal .modal-footer {
  padding: 0 40px 20px;
  margin-top: 0;
  background-color: #fff;
  border: 0; }
  .add-payment-method-modal .modal-footer button {
    width: 100%; }

@media print {
  #footer {
    display: none; } }

.address-search .address-form-container label {
  color: #505357;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 4px; }

.address-search .address-form-container .optional-text {
  color: #505357;
  font-weight: 400; }

.address-search .address-form-container ::-webkit-input-placeholder {
  color: #505357;
  font-size: 14px;
  opacity: 1;
  /* Firefox */ }

.address-search .address-form-container ::-moz-placeholder {
  color: #505357;
  font-size: 14px;
  opacity: 1;
  /* Firefox */ }

.address-search .address-form-container ::placeholder {
  color: #505357;
  font-size: 14px;
  opacity: 1;
  /* Firefox */ }

.address-search .address-form-container :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #505357;
  font-size: 14px; }

.address-search .address-form-container ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #505357;
  font-size: 14px; }

.address-search .address-form-container .address-search-form-title {
  padding-bottom: 20px; }
  .address-search .address-form-container .address-search-form-title h5 {
    color: #2B2B2B;
    margin: 0px; }

.address-search .address-form-container .street-address-field .tooltip {
  left: 10px !important; }

.address-search .address-form-container .street-address-field .tooltip-arrow {
  left: 33% !important; }

.address-search .address-results-container .resultsTitle {
  color: #2B2B2B;
  font-size: 18px;
  padding: 0px 0px 10px 0px; }
  .address-search .address-results-container .resultsTitle p {
    padding: 0px; }

.address-search .address-results-container .custom-radio {
  background-repeat: no-repeat;
  height: 18px;
  width: 18px;
  margin-right: 20px; }

.address-search .address-results-container .suggested-address-title {
  color: #2B2B2B;
  font-size: 16px;
  font-weight: 600; }

.address-search .address-results-container .loadMore.PADB15:hover {
  color: #1e3575; }

.address-search .address-results-container .editAddressToggle.PADB15:hover {
  color: #1e3575; }

.address-search .address-results-container .suggested-addresses-container {
  padding-top: 10px; }
  .address-search .address-results-container .suggested-addresses-container .loadMore,
  .address-search .address-results-container .suggested-addresses-container .editAddressToggle {
    color: #0072CE;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    margin-left: 30px; }
  @media (min-width: 300px) and (max-width: 768px) {
    .address-search .address-results-container .suggested-addresses-container .loadMore {
      margin-left: 0px; } }

.address-search .address-results-container .suggestedOptions {
  color: #505357;
  font-size: 14px;
  padding-bottom: 12px; }

@media (min-width: 300px) and (max-width: 768px) {
  .address-search select#unitType {
    text-align: left; } }

.address-search .faux-label {
  color: #404040; }

.address-search .tobtm {
  margin-top: 35px;
  margin-bottom: 10px; }
  @media (min-width: 300px) and (max-width: 530px) {
    .address-search .tobtm {
      margin-top: 10px; } }
  @media (min-width: 300px) and (max-width: 768px) {
    .address-search .tobtm {
      margin-top: 10px; } }

.address-search .faux-label {
  display: block; }

.address-search .state-txt {
  display: block;
  margin-bottom: 10px;
  color: #505357;
  font-style: italic; }

.address-search .mimo-pri-btn {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px; }

.address-search .search {
  margin: 30px 0 30px 0;
  width: auto; }

.address-search .styled-checkbox .checkbox {
  font-size: 26px;
  height: 27px;
  width: 27px;
  line-height: 27px;
  margin-right: 5px;
  margin-bottom: 20px; }

@media (min-width: 1025px) {
  .address-search .suggested-addresses-container .address-validation-panel {
    padding: 15px;
    border: 1px solid #a1a1a4;
    width: 100%;
    height: auto;
    color: #1E3575; }
    .address-search .suggested-addresses-container .address-validation-panel option:selected {
      color: #fff;
      background: #1E3575; }
  .address-search .suggested-addresses-container::after {
    content: '';
    display: none; } }

@media (min-width: 300px) and (max-width: 530px) {
  .address-search .suggested-addresses-container::after {
    content: ''; } }

@media (min-width: 300px) and (max-width: 768px) {
  .address-search .suggested-addresses-container::after {
    content: ''; } }

.example-text {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #505357;
  padding-top: 5px; }

.state-disabled {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px; }

.label-required-img {
  color: #e31937;
  font-weight: 600;
  margin-right: 4px; }

.width-300 {
  width: 300px !important; }

.height-36 {
  height: 36px; }

.address-search-holder {
  padding-top: 20px; }

.back-link {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #0072ce !important;
  padding-left: 14px; }

.disabled-state-formgroup {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #2b2b2b; }

.form-new-label {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600 !important;
  font-size: 14px;
  line-height: 20px;
  color: #505357; }

.system_update_msg {
  display: none; }

.add-payment-method {
  display: none;
  border: 1px solid #1E3575;
  color: #1E3575;
  font-size: 14px;
  height: 35px;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 6px; }

@media (min-width: 992px) {
  .coreMIMO .container {
    padding: 0;
    width: 100%;
    padding: 0 !important;
    margin: 0 !important; } }

.print-icon-hidden {
  display: none; }

@media (max-width: 992px) {
  .coreMIMO .container {
    padding: 0;
    width: 100%;
    margin-bottom: -14px; } }

@media (max-width: 767px) {
  .padding-mob-0px {
    padding: 0px;
    margin-left: -5px; } }

@media (min-width: 1025px) {
  #hideOption {
    display: none; } }

.pidInput {
  width: 100%; }

@media (min-width: 768px) {
  .kbqContainer .kbqBox {
    width: 600px; } }

.kbqContainer {
  display: block;
  text-align: center; }
  .kbqContainer .kbqBox .kbqModelBody {
    height: 250px; }
  .kbqContainer .kbqBox h3 {
    margin: 30px 0 55px;
    font-size: 16px;
    color: #404040; }

.pidFont {
  color: #505357;
  font-weight: normal;
  font-style: normal; }

.pidMrBt {
  margin-bottom: 20px; }

.pidFont2 {
  color: #505357;
  font-size: 14px !important;
  padding-bottom: 0px; }

.pidH3 {
  font-size: 18px !important;
  margin-bottom: 5px !important;
  margin-top: 0px;
  color: #2B2B2B; }

.pidLabel {
  color: #505357 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  margin-bottom: 20px; }

.pidLabelMain {
  color: #505357 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  margin-bottom: 5px; }

.personal-identification.panel-body.verifyIdBody {
  padding-top: 15px !important; }

.continueBox {
  text-align: center; }
  .continueBox .nextContinue {
    height: 40px;
    width: 215px;
    font-size: 18px; }

.pidWidth {
  width: 310px; }
  .pidWidth input[type='text'],
  .pidWidth input[type='search'],
  .pidWidth input[type='email'],
  .pidWidth input[type='tel'],
  .pidWidth input[type='number'],
  .pidWidth input[type='password'] {
    height: 36px; }

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

.otpBtn {
  text-align: center; }
  .otpBtn button {
    height: 40px;
    width: 215px !important;
    margin-top: 20px;
    font-size: 18px; }
  .otpBtn .otpDisclaimerCancel {
    background: #fff; }

.row.autoPayUnEnroll {
  border: 1px solid #d9d9d9; }

span.text.underline {
  text-decoration: none !important; }

.enrollEmail {
  color: #505357; }

.row.paddingChange {
  margin-left: -18px; }

.col-xs-10.col-sm-8.col-md-4.bill-sortby {
  margin-top: -17px; }

.row.row-fluid.account-header {
  border: 1px solid #d9d9d9;
  border-bottom: none; }

.moreInfoText {
  color: #404040;
  font-size: 16px !important; }
  .moreInfoText a {
    color: #0072CE !important;
    text-decoration: underline; }

.verifyPersonalInfoForm .custom-select select, .verifyPersonalInfoForm .address-search .suggested-addresses-container select, .address-search .verifyPersonalInfoForm .suggested-addresses-container select {
  font-size: 14px;
  color: #404040;
  font-weight: normal;
  height: 36px; }

.error-message {
  color: #e31937 !important; }

.error-message2 {
  color: #e31937; }

.personal-identification label {
  font-size: 14px;
  font-weight: 600; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.personal-identification .mt-30 {
  margin-top: 60px; }

.personal-identification .mb-40 {
  margin-bottom: 10px; }

.personal-identification .mb-60 {
  margin-bottom: 30px; }

.prevAddressBox.input-error {
  outline-color: #E31937 !important;
  border: 1px solid #E31937 !important;
  -moz-box-shadow: 0 0 5px 1px red;
       box-shadow: 0 0 5px 1px red; }

.PADD0PX {
  padding: 0; }

.PADD0PXIMP {
  padding: 0 !important; }

.PADDL0PXIMP {
  padding-left: 0px !important; }

.PADDL10PX {
  padding-left: 10px; }

.PADDL10PXIMP {
  padding-left: 10px !important; }

.PADDL20PX {
  padding-left: 20px; }

.PADDR10PX {
  padding-right: 10px; }

.PADDR20PX {
  padding-right: 20px; }

.PADDL30PXIMP {
  padding-left: 30px !important; }

.mstep3border {
  border: solid #d9d9d9;
  border-width: 1px 1px 0 1px; }

h4.modal-terms {
  font-weight: 100;
  font-size: 22px !important; }

button.text-only {
  color: #0072ce;
  text-decoration: none !important; }

.add-payment-method {
  display: inline-block;
  border: 1px solid #1E3575;
  color: #1E3575;
  font-size: 14px;
  height: 35px;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 6px;
  background-color: white; }

@media (max-width: 767px) {
  .phone-center {
    text-align: center; }
  .container .mimo-collapse-container .ci-bg-grouping > .row > div[class*='col-'] {
    padding-left: 20px !important;
    padding-right: 20px !important; } }

@media (max-width: 992px) {
  .ci-bg-grouping .span2 {
    padding-left: 20px; }
  .titleTextSize {
    font-size: 22px !important; } }

.icon-plus-svg {
  background-image: url(../../commercial/images/icon-plus-svg.svg);
  -moz-background-size: 16px;
       background-size: 16px;
  background-repeat: no-repeat;
  background-position: right;
  height: 16px;
  width: 16px;
  display: inline-block; }

.icon-minus-svg {
  background-image: url(../../commercial/images/icon-minus-svg.svg);
  -moz-background-size: 16px;
       background-size: 16px;
  background-repeat: no-repeat;
  background-position: right;
  height: 16px;
  width: 16px;
  display: inline-block; }

@media (max-width: 767px) {
  .nav_home_img {
    margin-top: 14px;
    width: -moz-calc(100%);
    width: calc(100%); } }

.forgot-password {
  font-weight: 600; }

@media (max-width: 767px) {
  .DTE-header-logo-mobile {
    width: 112px;
    margin-top: 16px; }
  .mobileDataCancel {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
    right: 12px; }
  #actionHeaderButton {
    border: none;
    padding: 5px 10px;
    margin-top: 10px; }
  .mobileData {
    padding-top: 8px; }
  .header-mobileDataCancel {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    top: 7px;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: 25px !important; }
    .header-mobileDataCancel #actionHeaderButton {
      margin: 0;
      font-size: 16px; }
  .mobileTextData {
    padding-top: 9px; } }

#actionHeaderButton {
  font-weight: 600; }

@media (min-width: 768px) {
  .nav_home_img {
    margin: 15px 0; }
  .ipadDTE {
    margin: 27px 0 25px !important; }
  .DTE-header-logo {
    margin: 32px 0 32px !important; }
  .MIMOHeader {
    padding: 0px 30px 0px 0px; }
  #actionHeaderButton {
    margin-top: 27px;
    margin-bottom: 27px; } }

@media (min-width: 300px) and (max-width: 768px) {
  .ipadDTE {
    margin: 30px 0 25px !important; } }

@media (max-width: 768px) {
  .loginModalUnauth {
    padding: 5px 15px 0 0; } }

@media (min-width: 992px) {
  .nav_home_img {
    margin: 45px 0px 25px 20px; } }

@media (min-width: 769px) {
  .header-stack {
    padding-top: 8px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .mobileDataCancel {
    padding-top: 0px !important; } }

.productContainer {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }

.custCheckWidth {
  width: auto !important; }

.infoCustIcon {
  margin-left: 5px; }

.grayComponentBorder {
  border: 1px solid #D9D9D9; }

.BorderTopOnly {
  border-top: 1px solid #D9D9D9; }

.PADDB10PX {
  padding-bottom: 10px; }

.PADDB20PX {
  padding-bottom: 20px; }

.PADDB30PX {
  padding-bottom: 30px; }

.displayErrorText {
  color: #e31937; }
  .displayErrorText a {
    text-decoration: underline; }

.styled-checkmark:before {
  font-size: 28px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 10px; }

.verifyAddressBtn {
  padding-left: 35px; }

.mobileData {
  left: 50px;
  padding-top: 8px; }

.mobileDataCancel {
  padding-top: 8px; }

.suggested-address-label {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #404040;
  padding-bottom: 6px; }

.new-custom-radio {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #505357;
  height: 10px;
  width: 10px; }

.edit-address-link {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */
  /* Interactive / accentBlue */
  color: #0072ce !important; }

.restore_min_due {
  background-color: #FCE8EB;
  padding: 10px;
  margin-top: -27px;
  margin-left: 8px;
  margin-right: 8px; }

.rcnctSecDptMsg {
  font-size: 14px;
  color: #505357;
  width: 80%;
  text-align: center;
  margin: 0 auto;
  display: block; }

.restore_leftnav_Min_text {
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
  color: #505357; }

.restore_leftnav_price {
  font-size: 32px;
  line-height: 44px;
  padding-top: 10px; }

.total-amount-due-heading {
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 22px;
  color: #505357;
  margin-top: 18px; }

.restore-balance {
  font-size: 23px !important;
  font-weight: 400;
  line-height: 31px;
  color: #2B2B2B; }

@media (max-width: 992px) {
  .rcnctSecDptMsg {
    margin-bottom: 6px !important; }
  .restore_leftnav_Min_text {
    font-size: 18px; } }

@media (min-width: 993px) {
  .rcnctSecDptMsg {
    margin-bottom: -43px; } }

@media (min-width: 300px) and (max-width: 768px) {
  .current-bill-detail .ci-section {
    padding: 0px; } }