#invoice-history-list-module-container .invoice-history-module .invoice-table .invoice__amount {
  font-size: 22px;
  margin: 1em 0 0 0;
  color: #30302e;
  letter-spacing: -0.02em;
  line-height: 1em;
  font-family: 'Helvetica', Arial;
  font-weight: 600;
  line-height: 11px;
  text-align: right;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #invoice-history-list-module-container .invoice-history-module .invoice-table .invoice__amount {
    font-size: 20px;
  }
}

@media screen and (max-width: 768px) {
  #invoice-history-list-module-container .invoice-history-module .invoice-table .invoice__amount {
    font-size: 16px;
  }
}

#invoice-history-list-module-container .invoice-history-module .invoice-table .invoice__amount:first-child {
  margin-top: 0;
}

#invoice-history-list-module-container .invoice-history-module .invoice-table .invoice__amount .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #invoice-history-list-module-container .invoice-history-module .invoice-table .invoice__amount {
    font-size: 20px;
  }
}

@media screen and (max-width: 768px) {
  #invoice-history-list-module-container .invoice-history-module .invoice-table .invoice__amount {
    font-size: 16px;
  }
}

#invoice-history-list-module-container .invoice-history-module .invoice-table .invoice__amount:first-child {
  margin-top: 0;
}

#invoice-history-list-module-container .invoice-history-module .invoice-table .invoice__amount .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

#invoice-history-list-module-container .invoice-history-module .invoice-table .invoice__amount span {
  font-size: 14px;
  margin: 1em 0 0 0;
  color: #30302e;
  letter-spacing: -0.02em;
  line-height: 1em;
  font-family: 'Helvetica', Arial;
  font-weight: 600;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #invoice-history-list-module-container .invoice-history-module .invoice-table .invoice__amount span {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  #invoice-history-list-module-container .invoice-history-module .invoice-table .invoice__amount span {
    font-size: 12px;
  }
}

#invoice-history-list-module-container .invoice-history-module .invoice-table .invoice__amount span:first-child {
  margin-top: 0;
}

#invoice-history-list-module-container .invoice-history-module .invoice-table .invoice__amount span .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #invoice-history-list-module-container .invoice-history-module .invoice-table .invoice__amount span {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  #invoice-history-list-module-container .invoice-history-module .invoice-table .invoice__amount span {
    font-size: 12px;
  }
}

#invoice-history-list-module-container .invoice-history-module .invoice-table .invoice__amount span:first-child {
  margin-top: 0;
}

#invoice-history-list-module-container .invoice-history-module .invoice-table .invoice__amount span .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

@media screen and (max-width: 659px) {
  #invoice-history-list-module-container .invoice-history-module .invoice-table .invoice-table__cell--paynow {
    line-height: 39px;
    margin-top: 0;
    text-align: right;
    right: 4px;
  }

  #invoice-history-list-module-container .invoice-history-module .invoice-table .invoice-table__cell--paynow i {
    top: 5px;
    left: 3px;
  }

  #invoice-history-list-module-container .invoice-history-module .invoice-table .invoice-table__unpaid,
  #invoice-history-list-module-container .invoice-history-module .invoice-table .invoice-table__paid {
    text-align: right;
    line-height: 34px!important;
  }
}

.my3-overview-page .overview-module {
  margin-top: 20px;
}

.my3-overview-page .overview-summary-light-box {
  background-color: rgba(255, 255, 255, 0.7);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10000;
}

.my3-overview-page .overview-summary-light-box-header {
  width: 100%;
  height: 51px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}

.my3-overview-page .overview-summary-light-box-paragraph {
  line-height: 51px;
  font-weight: bold;
}

.my3-overview-page .my3-heading h1 {
  display: block;
  text-align: center;
}

.my3-overview-page .my3-heading .btn {
  margin-top: 1.3em;
}

.my3-overview-page .my3-heading .form-control.overview {
  margin-bottom: 0;
  margin-top: 1.3em;
  position: relative;
  height: 70px;
}

.my3-overview-page .my3-heading .admin-subsciption-list-search-icon {
  color: #F7931D;
  font-size: 1.8em;
  position: relative;
  float: right;
  bottom: 47px;
}

body.company .my3-overview-page .my3-heading .admin-subsciption-list-search-icon {
  color: #51c1c1;
}

body.color-section-1 .my3-overview-page .my3-heading .admin-subsciption-list-search-icon {
  color: #F7931D;
}

body.color-section-2 .my3-overview-page .my3-heading .admin-subsciption-list-search-icon {
  color: #F37875;
}

body.color-section-3 .my3-overview-page .my3-heading .admin-subsciption-list-search-icon {
  color: #EE4A56;
}

body.company.color-section-1 .my3-overview-page .my3-heading .admin-subsciption-list-search-icon {
  color: #51c1c1;
}

body.company.color-section-2 .my3-overview-page .my3-heading .admin-subsciption-list-search-icon {
  color: #1f99c9;
}

body.company.color-section-3 .my3-overview-page .my3-heading .admin-subsciption-list-search-icon {
  color: #009692;
}

@media screen and (max-width: 1024px) {
  .my3-overview-page .my3-heading {
    /*.form-control {
        &.overview {
          margin-top: 0;
        }
      }*/
  }

  .my3-overview-page .my3-heading .btn {
    margin-top: 0;
  }
}

@media screen and (max-width: 659px) {
  .my3-overview-page .my3-heading .btn {
    margin-top: 1.5em;
  }

  .my3-overview-page .my3-heading .form-control.overview {
    margin-top: 1em;
  }

  .my3-overview-page .my3-heading .admin-subsciption-list-search-icon {
    bottom: 43px;
  }
}

#overview-notification-invoice-module .overview-notification-invoice-header {
  *background-color: #ec7575;
  background-image: linear-gradient(to right, #f18d2d, #ec7575);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff18d2d', endColorstr='#ffec7575', GradientType=1);
  padding: 3em 0 2.5em 0;
}

.company #overview-notification-invoice-module .overview-notification-invoice-header {
  *background-color: #1f99c9;
  background-image: linear-gradient(to right, #51c1c1, #1f99c9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff51c1c1', endColorstr='#ff1f99c9', GradientType=1);
}

#overview-notification-invoice-module .overview-notification-invoice-header h2 {
  display: inline-block;
  color: #fff;
}

#overview-notification-invoice-module .overview-notification-invoice-header a {
  display: inline-block;
  margin-left: 3em;
  position: relative;
  bottom: 3px;
  width: 200px;
}

@media screen and (max-width: 659px) {
  #overview-notification-invoice-module .overview-notification-invoice-header {
    padding: 2.2em 0 1.9em 0;
  }

  #overview-notification-invoice-module .overview-notification-invoice-header h2 {
    margin-top: .7em;
  }

  #overview-notification-invoice-module .overview-notification-invoice-header a {
    display: inline-block;
    margin-left: 2em;
    margin-top: 0em;
    width: 120px;
    float: right;
  }
}

@media screen and (max-width: 1024px) {
  #overview-notification-invoice-module .overview-notification-invoice-header a {
    width: 140px;
  }
}

@media screen and (max-width: 768px) {
  #overview-notification-invoice-module .overview-notification-invoice-header a {
    display: block;
    margin-left: 0;
    top: 2px;
  }
}

.overview-notification-invoice-container {
  min-height: 160px;
  padding: 2em 0;
}

.overview-notification-invoice-container .container {
  padding-left: 0!important;
}

@media screen and (max-width: 768px) {
  .overview-notification-invoice-container {
    min-height: 0px;
  }

  .overview-notification-invoice-container .container {
    padding-left: 25px!important;
  }
}

.my3-overview-usage-summary {
  margin-top: 60px;
}

.my3-overview-usage-summary .items {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-basis: 0;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  border-top: 2px solid;
  border-color: #f2f2f2;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.lt-ie10 .my3-overview-usage-summary .items {
  display: block;
  *zoom: 1;
}

.lt-ie10 .my3-overview-usage-summary .items:before,
.lt-ie10 .my3-overview-usage-summary .items:after {
  display: table;
  content: "";
  line-height: 0;
}

.lt-ie10 .my3-overview-usage-summary .items:after {
  clear: both;
}

.lt-ie10 .my3-overview-usage-summary .items > * {
  float: left;
}

.my3-overview-usage-summary .items > * {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: calc(25% + 0px);
  box-sizing: border-box;
  padding-left: 0px;
  padding-right: 0px;
}

.my3-overview-usage-summary .items > *:nth-child(4n) {
  margin-right: 0px;
}

.my3-overview-usage-summary .items > *:nth-child(4n +1) {
  margin-left: 0px;
}

.lt-ie10 .my3-overview-usage-summary .items > *:nth-child(4n +1) {
  clear: left;
}

@media screen and (max-width: 768px) {
  .my3-overview-usage-summary .items {
    display: block;
  }
}

.my3-overview-usage-summary .items + .flex-list {
  border-top: none;
}

html.lt-ie10 .my3-overview-usage-summary .items {
  max-width: 1280px;
  margin: 0 auto;
}

.my3-overview-usage-summary .items > .flex-list-item {
  position: relative;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border-bottom: 2px solid;
  border-right: 2px solid;
  border-color: #f2f2f2;
}

.my3-overview-usage-summary .items > .flex-list-item:nth-child(4n) {
  border-right: none;
}

.my3-overview-usage-summary .items > .flex-list-item:nth-child(4n) > .inner {
  margin: 0 auto 0 0;
}

.my3-overview-usage-summary .items > .flex-list-item:nth-child(4n - 1) {
  max-width: 320px;
}

.my3-overview-usage-summary .items > .flex-list-item:nth-child(4n - 1):last-child {
  max-width: none;
}

.my3-overview-usage-summary .items > .flex-list-item:nth-child(4n - 1):last-child > .inner {
  margin: 0 auto 0 0;
}

.my3-overview-usage-summary .items > .flex-list-item:nth-child(4n - 2) {
  max-width: 320px;
}

.my3-overview-usage-summary .items > .flex-list-item:nth-child(4n - 2):last-child {
  max-width: none;
}

.my3-overview-usage-summary .items > .flex-list-item:nth-child(4n - 2):last-child > .inner {
  margin: 0 auto 0 0;
}

.my3-overview-usage-summary .items > .flex-list-item:nth-child(4n + 1) > .inner {
  margin: 0 0 0 auto;
}

.my3-overview-usage-summary .items > .flex-list-item:nth-child(4n + 1):last-child > .inner {
  margin: 0 auto;
}

@media (screen and (min-width: 769px)) {
  .my3-overview-usage-summary .items > .flex-list-item:nth-child(4n + 1):last-child > .inner {
    max-width: 25%;
  }
}

.my3-overview-usage-summary .items > .flex-list-item:last-child:first-child > .inner {
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .my3-overview-usage-summary .items > .flex-list-item {
    width: auto;
    max-width: none !important;
    border-right: 0;
    border-left: 0;
  }
}

.my3-overview-usage-summary .items > .flex-list-item > .inner {
  max-width: 320px;
  overflow: hidden;
  padding: 60px 30px 60px 30px;
  box-sizing: border-box;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .my3-overview-usage-summary .items > .flex-list-item > .inner {
    margin: 0 auto;
    padding-left: 25px !important;
    padding-right: 25px !important;
    max-width: 1064px;
    border-right: 0;
    border-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    box-sizing: border-box;
    padding-top: 30px;
    padding-bottom: 30px;
    max-width: none;
  }
}

@media screen and (max-width: 768px) and screen and (min-width: 769px) and (max-width: 1024px) {
  .my3-overview-usage-summary .items > .flex-list-item > .inner {
    max-width: 852px;
  }
}

@media screen and (max-width: 768px) and screen and (min-width: 769px) and (max-width: 1024px) {
  .my3-overview-usage-summary .items > .flex-list-item > .inner {
    max-width: 852px;
  }
}

@media screen and (min-width: 660px) and (max-width: 1024px) {
  .my3-overview-usage-summary .items {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-basis: 0;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    border-top: 2px solid;
    border-color: #f2f2f2;
  }

  .lt-ie10 .my3-overview-usage-summary .items {
    display: block;
    *zoom: 1;
  }

  .lt-ie10 .my3-overview-usage-summary .items:before,
  .lt-ie10 .my3-overview-usage-summary .items:after {
    display: table;
    content: "";
    line-height: 0;
  }

  .lt-ie10 .my3-overview-usage-summary .items:after {
    clear: both;
  }

  .lt-ie10 .my3-overview-usage-summary .items > * {
    float: left;
  }

  .my3-overview-usage-summary .items > * {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: calc(50% + 0px);
    box-sizing: border-box;
    padding-left: 0px;
    padding-right: 0px;
  }

  .my3-overview-usage-summary .items > *:nth-child(2n) {
    margin-right: 0px;
  }

  .my3-overview-usage-summary .items > *:nth-child(2n +1) {
    margin-left: 0px;
  }

  .lt-ie10 .my3-overview-usage-summary .items > *:nth-child(2n +1) {
    clear: left;
  }

  .my3-overview-usage-summary .items + .flex-list {
    border-top: none;
  }

  html.lt-ie10 .my3-overview-usage-summary .items {
    max-width: 1280px;
    margin: 0 auto;
  }

  .my3-overview-usage-summary .items > .flex-list-item {
    position: relative;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-bottom: 2px solid;
    border-right: 2px solid;
    border-color: #f2f2f2;
  }

  .my3-overview-usage-summary .items > .flex-list-item:nth-child(2n) {
    border-right: none;
  }

  .my3-overview-usage-summary .items > .flex-list-item:nth-child(2n) > .inner {
    margin: 0 auto 0 0;
  }

  .my3-overview-usage-summary .items > .flex-list-item:nth-child(2n + 1) > .inner {
    margin: 0 0 0 auto;
  }

  .my3-overview-usage-summary .items > .flex-list-item:nth-child(2n + 1):last-child > .inner {
    margin: 0 auto;
  }

  .my3-overview-usage-summary .items > .flex-list-item:last-child:first-child > .inner {
    margin: 0 auto;
  }

  .my3-overview-usage-summary .items > .flex-list-item > .inner {
    max-width: 640px;
    overflow: hidden;
    padding: 60px 30px 60px 30px;
    box-sizing: border-box;
    text-align: center;
  }

  .my3-overview-usage-summary .items .border {
    display: block;
    background-color: #f2f2f2;
    height: 2px;
    width: 100%;
  }
}

@media screen and (min-width: 660px) and (max-width: 1024px) and screen and (max-width: 768px) {
  .my3-overview-usage-summary .items {
    display: block;
  }
}

@media screen and (min-width: 660px) and (max-width: 1024px) and (screen and (min-width: 769px)) {
  .my3-overview-usage-summary .items > .flex-list-item:nth-child(2n + 1):last-child > .inner {
    max-width: 50%;
  }
}

@media screen and (min-width: 660px) and (max-width: 1024px) and screen and (max-width: 768px) {
  .my3-overview-usage-summary .items > .flex-list-item {
    width: auto;
    max-width: none !important;
    border-right: 0;
    border-left: 0;
  }
}

@media screen and (min-width: 660px) and (max-width: 1024px) and screen and (max-width: 768px) {
  .my3-overview-usage-summary .items > .flex-list-item > .inner {
    margin: 0 auto;
    padding-left: 25px !important;
    padding-right: 25px !important;
    max-width: 1064px;
    border-right: 0;
    border-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    box-sizing: border-box;
    padding-top: 30px;
    padding-bottom: 30px;
    max-width: none;
  }
}

@media screen and (min-width: 660px) and (max-width: 1024px) and screen and (max-width: 768px) and screen and (min-width: 769px) and (max-width: 1024px) {
  .my3-overview-usage-summary .items > .flex-list-item > .inner {
    max-width: 852px;
  }
}

@media screen and (min-width: 660px) and (max-width: 1024px) and screen and (max-width: 768px) and screen and (min-width: 769px) and (max-width: 1024px) {
  .my3-overview-usage-summary .items > .flex-list-item > .inner {
    max-width: 852px;
  }
}

@media screen and (max-width: 659px) {
  .my3-overview-usage-summary .items {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-basis: 0;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    border-top: 2px solid;
    border-color: #f2f2f2;
  }

  .lt-ie10 .my3-overview-usage-summary .items {
    display: block;
    *zoom: 1;
  }

  .lt-ie10 .my3-overview-usage-summary .items:before,
  .lt-ie10 .my3-overview-usage-summary .items:after {
    display: table;
    content: "";
    line-height: 0;
  }

  .lt-ie10 .my3-overview-usage-summary .items:after {
    clear: both;
  }

  .lt-ie10 .my3-overview-usage-summary .items > * {
    float: left;
  }

  .my3-overview-usage-summary .items > * {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: calc(50% + 0px);
    box-sizing: border-box;
    padding-left: 0px;
    padding-right: 0px;
  }

  .my3-overview-usage-summary .items > *:nth-child(2n) {
    margin-right: 0px;
  }

  .my3-overview-usage-summary .items > *:nth-child(2n +1) {
    margin-left: 0px;
  }

  .lt-ie10 .my3-overview-usage-summary .items > *:nth-child(2n +1) {
    clear: left;
  }

  .my3-overview-usage-summary .items + .flex-list {
    border-top: none;
  }

  html.lt-ie10 .my3-overview-usage-summary .items {
    max-width: 1280px;
    margin: 0 auto;
  }

  .my3-overview-usage-summary .items > .flex-list-item {
    position: relative;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-bottom: 2px solid;
    border-right: 2px solid;
    border-color: #f2f2f2;
  }

  .my3-overview-usage-summary .items > .flex-list-item:nth-child(2n) {
    border-right: none;
  }

  .my3-overview-usage-summary .items > .flex-list-item:nth-child(2n) > .inner {
    margin: 0 auto 0 0;
  }

  .my3-overview-usage-summary .items > .flex-list-item:nth-child(2n + 1) > .inner {
    margin: 0 0 0 auto;
  }

  .my3-overview-usage-summary .items > .flex-list-item:nth-child(2n + 1):last-child > .inner {
    margin: 0 auto;
  }

  .my3-overview-usage-summary .items > .flex-list-item:last-child:first-child > .inner {
    margin: 0 auto;
  }

  .my3-overview-usage-summary .items > .flex-list-item > .inner {
    max-width: 640px;
    overflow: hidden;
    padding: 60px 30px 60px 30px;
    box-sizing: border-box;
    text-align: center;
  }

  .my3-overview-usage-summary .items .border {
    display: none;
  }
}

@media screen and (max-width: 659px) and screen and (max-width: 768px) {
  .my3-overview-usage-summary .items {
    display: block;
  }
}

@media screen and (max-width: 659px) and (screen and (min-width: 769px)) {
  .my3-overview-usage-summary .items > .flex-list-item:nth-child(2n + 1):last-child > .inner {
    max-width: 50%;
  }
}

@media screen and (max-width: 659px) and screen and (max-width: 768px) {
  .my3-overview-usage-summary .items > .flex-list-item {
    width: auto;
    max-width: none !important;
    border-right: 0;
    border-left: 0;
  }
}

@media screen and (max-width: 659px) and screen and (max-width: 768px) {
  .my3-overview-usage-summary .items > .flex-list-item > .inner {
    margin: 0 auto;
    padding-left: 25px !important;
    padding-right: 25px !important;
    max-width: 1064px;
    border-right: 0;
    border-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    box-sizing: border-box;
    padding-top: 30px;
    padding-bottom: 30px;
    max-width: none;
  }
}

@media screen and (max-width: 659px) and screen and (max-width: 768px) and screen and (min-width: 769px) and (max-width: 1024px) {
  .my3-overview-usage-summary .items > .flex-list-item > .inner {
    max-width: 852px;
  }
}

@media screen and (max-width: 659px) and screen and (max-width: 768px) and screen and (min-width: 769px) and (max-width: 1024px) {
  .my3-overview-usage-summary .items > .flex-list-item > .inner {
    max-width: 852px;
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.my3-overview-usage-summary .item-container .item {
  -webkit-animation: fadeIn .5s;
  animation: fadeIn .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  margin-left: 25px;
  margin-bottom: 25px;
  margin-top: 25px;
}

@media screen and (max-width: 659px) {
  .my3-overview-usage-summary .item-container .item {
    margin-left: 18px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 10px;
  }
}

.my3-overview-usage-summary .item-container:nth-child(2) .item {
  -webkit-animation-delay: .1s;
  animation-delay: .1s;
}

.my3-overview-usage-summary .item-container:nth-child(3) .item {
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
}

.my3-overview-usage-summary .item-container:nth-child(4) .item {
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}

.my3-overview-usage-summary .items .item h3,
.my3-overview-usage-summary .items .item p {
  margin-top: 0;
  margin-bottom: 0;
  color: #30302e;
}

.my3-overview-usage-summary .items .item h3 {
  width: 95%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 115%;
}

@media screen and (min-width: 660px) and (max-width: 1024px) {
  .my3-overview-usage-summary .items .item h3 {
    width: 100%;
  }
}

@media screen and (max-width: 659px) {
  .my3-overview-usage-summary .items .item h3 {
    width: 65%;
  }
}

.my3-overview-usage-summary .items .item .label {
  font-weight: 600;
}

.my3-overview-usage-summary .items .item .heading {
  margin-top: 6px;
  font-weight: 400;
}

.my3-overview-usage-summary .items .item .action {
  color: #F7931D;
  margin-top: 4px;
  cursor: pointer;
}

body.company .my3-overview-usage-summary .items .item .action {
  color: #51c1c1;
}

body.color-section-1 .my3-overview-usage-summary .items .item .action {
  color: #F7931D;
}

body.color-section-2 .my3-overview-usage-summary .items .item .action {
  color: #F37875;
}

body.color-section-3 .my3-overview-usage-summary .items .item .action {
  color: #EE4A56;
}

body.company.color-section-1 .my3-overview-usage-summary .items .item .action {
  color: #51c1c1;
}

body.company.color-section-2 .my3-overview-usage-summary .items .item .action {
  color: #1f99c9;
}

body.company.color-section-3 .my3-overview-usage-summary .items .item .action {
  color: #009692;
}

.my3-overview-usage-summary .items .item.month .heading {
  text-transform: capitalize;
}

.my3-overview-usage-summary .items .item.month .action {
  position: relative;
}

.my3-overview-usage-summary .items .item.month .action:hover {
  color: #F7931D;
  opacity: 0.8;
}

.company .my3-overview-usage-summary .items .item.month .action:hover {
  color: #51c1c1;
}

.my3-overview-usage-summary .items .item.month .action span {
  padding-left: 20px;
  width: 10px;
  height: 10px;
  display: inline-block;
  padding: 0;
  padding-right: 4px;
}

@media screen and (max-width: 659px) {
  .my3-overview-usage-summary .items .item.month .action span {
    display: none;
  }
}

.my3-overview-usage-summary .items .item.month .action span:after {
  content: '';
  display: inline-block;
  color: inherit;
  position: absolute;
  -webkit-transform: translate(0.4em, 0.4em) rotate(225deg);
  -ms-transform: translate(0.4em, 0.4em) rotate(225deg);
  transform: translate(0.4em, 0.4em) rotate(225deg);
  width: 5px;
  height: 5px;
  border-top: 2px solid;
  border-right: 2px solid;
}

.my3-overview-usage-summary .items .item.month .action span:after {
  left: 0;
}

.my3-overview-usage-summary .items .item.month .action span:after {
  content: '';
  display: inline-block;
  color: inherit;
  position: absolute;
  -webkit-transform: translate(0.4em, 0.4em) rotate(225deg);
  -ms-transform: translate(0.4em, 0.4em) rotate(225deg);
  transform: translate(0.4em, 0.4em) rotate(225deg);
  width: 5px;
  height: 5px;
  border-top: 2px solid;
  border-right: 2px solid;
}

.my3-overview-usage-summary .items .item.month .action span:after {
  left: 0;
}

.my3-overview-usage-summary .items .item.month .action span:after {
  -webkit-transform: translate(0.4em, 0.14em) rotate(225deg);
  -ms-transform: translate(0.4em, 0.14em) rotate(225deg);
  transform: translate(0.4em, 0.14em) rotate(225deg);
}

.my3-overview-usage-summary .items .item.number .action {
  color: #7f7f7c !important;
  cursor: default;
}

.my3-overview-usage-summary .items .item.subscription .action:hover {
  color: #F7931D;
  opacity: 0.8;
}

.company .my3-overview-usage-summary .items .item.subscription .action:hover {
  color: #51c1c1;
}

.my3-overview-usage-summary .items .item.subscription .action span {
  width: 10px;
  height: 10px;
  display: inline-block;
  padding: 0;
  padding-right: 4px;
}

@media screen and (max-width: 659px) {
  .my3-overview-usage-summary .items .item.subscription .action span {
    display: none;
  }
}

.my3-overview-usage-summary .items .item.subscription .action span:after {
  content: '';
  display: inline-block;
  color: inherit;
  position: absolute;
  -webkit-transform: translate(0.4em, 0.4em) rotate(45deg);
  -ms-transform: translate(0.4em, 0.4em) rotate(45deg);
  transform: translate(0.4em, 0.4em) rotate(45deg);
  width: 5px;
  height: 5px;
  border-top: 2px solid;
  border-right: 2px solid;
}

.my3-overview-usage-summary .items .item.subscription .action span:after {
  content: '';
  display: inline-block;
  color: inherit;
  position: absolute;
  -webkit-transform: translate(0.4em, 0.4em) rotate(45deg);
  -ms-transform: translate(0.4em, 0.4em) rotate(45deg);
  transform: translate(0.4em, 0.4em) rotate(45deg);
  width: 5px;
  height: 5px;
  border-top: 2px solid;
  border-right: 2px solid;
}

.my3-overview-usage-summary .items .item.subscription .action span.arrow-left {
  padding-left: 20px;
}

.my3-overview-usage-summary .items .item.subscription .action span.arrow-left:after {
  content: '';
  display: inline-block;
  color: inherit;
  position: absolute;
  -webkit-transform: translate(0.4em, 0.4em) rotate(225deg);
  -ms-transform: translate(0.4em, 0.4em) rotate(225deg);
  transform: translate(0.4em, 0.4em) rotate(225deg);
  width: 5px;
  height: 5px;
  border-top: 2px solid;
  border-right: 2px solid;
}

.my3-overview-usage-summary .items .item.subscription .action span.arrow-left:after {
  left: 0;
}

.my3-overview-usage-summary .items .item.subscription .action span.arrow-left:after {
  content: '';
  display: inline-block;
  color: inherit;
  position: absolute;
  -webkit-transform: translate(0.4em, 0.4em) rotate(225deg);
  -ms-transform: translate(0.4em, 0.4em) rotate(225deg);
  transform: translate(0.4em, 0.4em) rotate(225deg);
  width: 5px;
  height: 5px;
  border-top: 2px solid;
  border-right: 2px solid;
}

.my3-overview-usage-summary .items .item.subscription .action span.arrow-left:after {
  left: 0;
}

.my3-overview-usage-summary .items .item.subscription .action span:after {
  -webkit-transform: translate(0.3em, 0.23em) rotate(45deg);
  -ms-transform: translate(0.3em, 0.23em) rotate(45deg);
  transform: translate(0.3em, 0.23em) rotate(45deg);
}

.my3-overview-usage-summary .items .item.goto .action:hover {
  color: #F7931D;
  opacity: 0.8;
}

.company .my3-overview-usage-summary .items .item.goto .action:hover {
  color: #51c1c1;
}

.my3-overview-usage-summary .items .item.goto .action i {
  width: 10px;
  height: 10px;
  display: inline-block;
  padding: 0;
  padding-right: 4px;
}

@media screen and (max-width: 659px) {
  .my3-overview-usage-summary .items .item.goto .action i {
    display: none;
  }
}

.my3-overview-usage-summary .items .item.goto .action i:after {
  content: '';
  display: inline-block;
  color: inherit;
  position: absolute;
  -webkit-transform: translate(0.4em, 0.4em) rotate(45deg);
  -ms-transform: translate(0.4em, 0.4em) rotate(45deg);
  transform: translate(0.4em, 0.4em) rotate(45deg);
  width: 5px;
  height: 5px;
  border-top: 2px solid;
  border-right: 2px solid;
}

.my3-overview-usage-summary .items .item.goto .action i:after {
  content: '';
  display: inline-block;
  color: inherit;
  position: absolute;
  -webkit-transform: translate(0.4em, 0.4em) rotate(45deg);
  -ms-transform: translate(0.4em, 0.4em) rotate(45deg);
  transform: translate(0.4em, 0.4em) rotate(45deg);
  width: 5px;
  height: 5px;
  border-top: 2px solid;
  border-right: 2px solid;
}

.my3-overview-usage-summary .items .item.goto .action i.arrow-left {
  padding-left: 20px;
}

.my3-overview-usage-summary .items .item.goto .action i.arrow-left:after {
  content: '';
  display: inline-block;
  color: inherit;
  position: absolute;
  -webkit-transform: translate(0.4em, 0.4em) rotate(225deg);
  -ms-transform: translate(0.4em, 0.4em) rotate(225deg);
  transform: translate(0.4em, 0.4em) rotate(225deg);
  width: 5px;
  height: 5px;
  border-top: 2px solid;
  border-right: 2px solid;
}

.my3-overview-usage-summary .items .item.goto .action i.arrow-left:after {
  left: 0;
}

.my3-overview-usage-summary .items .item.goto .action i.arrow-left:after {
  content: '';
  display: inline-block;
  color: inherit;
  position: absolute;
  -webkit-transform: translate(0.4em, 0.4em) rotate(225deg);
  -ms-transform: translate(0.4em, 0.4em) rotate(225deg);
  transform: translate(0.4em, 0.4em) rotate(225deg);
  width: 5px;
  height: 5px;
  border-top: 2px solid;
  border-right: 2px solid;
}

.my3-overview-usage-summary .items .item.goto .action i.arrow-left:after {
  left: 0;
}

.my3-overview-usage-summary .items .item.goto .action i:after {
  -webkit-transform: translate(0.3em, 0.23em) rotate(45deg);
  -ms-transform: translate(0.3em, 0.23em) rotate(45deg);
  transform: translate(0.3em, 0.23em) rotate(45deg);
}

.my3-overview-usage-summary .items .item.export .action {
  position: relative;
}

.my3-overview-usage-summary .items .item.export .action:hover {
  color: #F7931D;
  opacity: 0.8;
}

.company .my3-overview-usage-summary .items .item.export .action:hover {
  color: #51c1c1;
}

.my3-overview-usage-summary .items .item.export .action i {
  font-size: 80px;
  font-style: normal;
  font-family: "treiconNeue2", sans-serif;
  font-weight: 300;
  line-height: 1em;
  color: #F7931D;
  content: "9";
  font-size: 50px;
  font-weight: 400;
  position: absolute;
  -webkit-transform: translate(-7px, -12px);
  -ms-transform: translate(-7px, -12px);
  transform: translate(-7px, -12px);
}

@media screen and (max-width: 659px) {
  .my3-overview-usage-summary .items .item.export .action i {
    display: none;
  }
}

.my3-overview-usage-summary .items .item.export .action i:after {
  content: "9";
}

.company .my3-overview-usage-summary .items .item.export .action i {
  color: #51c1c1;
}

.color-section-2 .my3-overview-usage-summary .items .item.export .action i {
  color: #F37875;
}

.color-section-2.company .my3-overview-usage-summary .items .item.export .action i {
  color: #1f99c9;
}

.color-section-3 .my3-overview-usage-summary .items .item.export .action i {
  color: #EE4A56;
}

.color-section-3.company .my3-overview-usage-summary .items .item.export .action i {
  color: #009692;
}

.my3-overview-usage-summary .items .item.loading {
  -webkit-animation: none;
  animation: none;
  opacity: 1;
}

.my3-overview-usage-summary .items .item.loading .mt {
  height: 7px;
}

@media screen and (max-width: 659px) {
  .my3-overview-usage-summary .items .item.loading .mt {
    height: 5px;
  }
}

.my3-overview-usage-summary .items .item.loading .label {
  height: 14px;
  width: 60%;
  background-color: #f2f2f2;
}

@media screen and (max-width: 659px) {
  .my3-overview-usage-summary .items .item.loading .label {
    height: 12px;
  }
}

.my3-overview-usage-summary .items .item.loading .heading {
  height: 22px;
  width: 60%;
  background-color: #f2f2f2;
  margin-top: 10px;
}

@media screen and (max-width: 659px) {
  .my3-overview-usage-summary .items .item.loading .heading {
    height: 18px;
  }
}

.my3-overview-usage-summary .items .item.loading .action {
  background-color: #f2f2f2;
  height: 16px;
  width: 60%;
  margin-top: 8px;
}

@media screen and (max-width: 659px) {
  .my3-overview-usage-summary .items .item.loading .action {
    height: 14px;
  }
}

.my3-overview-usage-summary .items .item.loading .mb {
  height: 5px;
}

@media screen and (max-width: 659px) {
  .my3-overview-usage-summary .items .item.loading .mb {
    height: 3px;
  }
}

@media screen and (min-width: 660px) and (max-width: 1024px) {
  .my3-overview-usage-summary .items .item.loading .mb {
    height: 3px;
  }
}

@media screen and (min-width: 1025px) {
  .my3-overview-usage-summary .items > div .item {
    border-right: 2px solid #f2f2f2;
  }

  .my3-overview-usage-summary .items > div:last-child .item {
    border-right: none;
  }

  .my3-overview-usage-summary .items {
    border-bottom: 2px solid #f2f2f2;
  }
}

@media screen and (min-width: 660px) and (max-width: 1024px) {
  .my3-overview-usage-summary .items > div:nth-child(odd) .item {
    border-right: 2px solid #f2f2f2;
  }

  .my3-overview-usage-summary .items {
    border-bottom: 2px solid #f2f2f2;
  }

  .my3-overview-usage-summary .items > div:nth-child(-n+2) {
    border-bottom: 2px solid #f2f2f2;
  }
}

@media screen and (max-width: 659px) {
  .my3-overview-usage-summary .items {
    border-top: none;
  }

  .my3-overview-usage-summary .items > div:nth-child(-n+2) {
    border-bottom: 2px solid #f2f2f2;
  }

  .my3-overview-usage-summary .items > div:nth-child(-n+2) .item {
    padding-top: 0;
    padding-bottom: 10px;
  }

  .my3-overview-usage-summary .items > div:nth-child(n+3) .item {
    padding-top: 10px;
    padding-bottom: 0;
  }

  .my3-overview-usage-summary .items > div:nth-child(odd) {
    border-right: 2px solid #f2f2f2;
  }

  .my3-overview-usage-summary .items > div:nth-child(odd) .item {
    margin-left: 0;
  }
}

.usage-back-button {
  position: relative;
  z-index: 99;
  cursor: pointer;
}

.usage-back-button span {
  position: absolute;
  top: 15px;
  left: 20px;
  color: #F7931D;
  padding-left: 20px;
}

.company .usage-back-button span {
  color: #51c1c1;
}

.usage-back-button span:hover {
  color: #F7931D;
  opacity: 0.8;
}

.company .usage-back-button span:hover {
  color: #51c1c1;
}

.usage-back-button span:after {
  content: '';
  display: inline-block;
  color: inherit;
  position: absolute;
  -webkit-transform: translate(0.4em, 0.4em) rotate(225deg);
  -ms-transform: translate(0.4em, 0.4em) rotate(225deg);
  transform: translate(0.4em, 0.4em) rotate(225deg);
  width: 5px;
  height: 5px;
  border-top: 2px solid;
  border-right: 2px solid;
}

.usage-back-button span:after {
  left: 0;
}

.usage-back-button span:after {
  content: '';
  display: inline-block;
  color: inherit;
  position: absolute;
  -webkit-transform: translate(0.4em, 0.4em) rotate(225deg);
  -ms-transform: translate(0.4em, 0.4em) rotate(225deg);
  transform: translate(0.4em, 0.4em) rotate(225deg);
  width: 5px;
  height: 5px;
  border-top: 2px solid;
  border-right: 2px solid;
}

.usage-back-button span:after {
  left: 0;
}

.usage-back-button span:after {
  -webkit-transform: translate(9px, 3px) rotate(225deg);
  -ms-transform: translate(9px, 3px) rotate(225deg);
  transform: translate(9px, 3px) rotate(225deg);
  width: 6px;
  height: 6px;
}

@media screen and (max-width: 659px) {
  .usage-back-button span {
    left: -5px;
  }
}

#overview-usage-summary .module-loader {
  display: block;
  margin: 160px auto;
}

#overview-usage-summary .usage-summary-module {
  position: relative;
}

#overview-usage-summary .usage-summary-module .usage-summary-history-discs.default-cursor a {
  cursor: default!important;
}

#overview-usage-summary .usage-summary-module .inactive {
  display: none;
}

#overview-usage-summary .container .usage-summary-disc {
  margin-bottom: 80px;
}

@media screen and (max-width: 659px) {
  #overview-usage-summary .container .usage-summary-disc {
    margin-bottom: 30px;
  }
}

#overview-usage-summary .usage-sum-history {
  background: #223036;
}

#overview-usage-summary .usage-sum-history .header {
  padding: 30px 0;
  background-color: #1A2429;
  color: #fff;
}

#overview-usage-summary .usage-sum-history .header h2 {
  font-size: 2.76923077em;
  text-transform: capitalize;
  color: #fff;
}

#overview-usage-summary .usage-sum-history .header .icon-calculator {
  font-size: 1.5em;
  margin-right: .3em;
}

#overview-usage-summary .usage-sum-history .header .usage {
  font-size: 1em;
  font-weight: 600;
}

#overview-usage-summary .usage-sum-history .header .amount {
  font-size: 28px;
  margin: 1em 0 0 0;
  color: #30302e;
  letter-spacing: -0.02em;
  line-height: 1em;
  font-family: 'Helvetica', Arial;
  font-weight: 600;
  color: #fff;
  font-weight: normal;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #overview-usage-summary .usage-sum-history .header .amount {
    font-size: 24px;
  }
}

@media screen and (max-width: 768px) {
  #overview-usage-summary .usage-sum-history .header .amount {
    font-size: 18px;
  }
}

#overview-usage-summary .usage-sum-history .header .amount:first-child {
  margin-top: 0;
}

#overview-usage-summary .usage-sum-history .header .amount .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #overview-usage-summary .usage-sum-history .header .amount {
    font-size: 24px;
  }
}

@media screen and (max-width: 768px) {
  #overview-usage-summary .usage-sum-history .header .amount {
    font-size: 18px;
  }
}

#overview-usage-summary .usage-sum-history .header .amount:first-child {
  margin-top: 0;
}

#overview-usage-summary .usage-sum-history .header .amount .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

#overview-usage-summary .usage-sum-history .header .currency {
  font-size: 18px;
  margin: 1em 0 0 0;
  color: #30302e;
  letter-spacing: -0.02em;
  line-height: 1em;
  font-family: 'Helvetica', Arial;
  font-weight: 600;
  color: #fff;
  font-weight: normal;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #overview-usage-summary .usage-sum-history .header .currency {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  #overview-usage-summary .usage-sum-history .header .currency {
    font-size: 14px;
  }
}

#overview-usage-summary .usage-sum-history .header .currency:first-child {
  margin-top: 0;
}

#overview-usage-summary .usage-sum-history .header .currency .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #overview-usage-summary .usage-sum-history .header .currency {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  #overview-usage-summary .usage-sum-history .header .currency {
    font-size: 14px;
  }
}

#overview-usage-summary .usage-sum-history .header .currency:first-child {
  margin-top: 0;
}

#overview-usage-summary .usage-sum-history .header .currency .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

#overview-usage-summary .usage-sum-history .header .close-history-summary span {
  font-size: 1.07692308em;
  font-width: 400;
}

@media screen and (max-width: 659px) {
  #overview-usage-summary .usage-sum-history .header {
    height: 110px;
  }

  #overview-usage-summary .usage-sum-history .header .total-usage-history {
    margin-top: 1em;
  }

  #overview-usage-summary .usage-sum-history .header .usage {
    font-size: 14px;
    font-weight: bold;
  }

  #overview-usage-summary .usage-sum-history .header .amount {
    line-height: 34px;
    margin: 0;
  }
}

.usage-vinyls-buttons .subscriber-settings {
  min-height: 74px;
  padding-top: 1.5em;
}

.usage-vinyls-buttons .subscriber-settings .export-usage-holder {
  display: none;
  padding-right: 30px;
}

.usage-vinyls-buttons .subscriber-settings .export-usage-holder .export-usage {
  float: right;
  line-height: 1.5em;
  cursor: pointer;
  -ms-word-break: break-all;
  word-break: break-all;
}

.usage-vinyls-buttons .subscriber-settings .export-usage-holder .export-usage i {
  font-size: 80px;
  font-style: normal;
  font-family: "treiconNeue2", sans-serif;
  font-weight: 300;
  line-height: 1em;
  color: #F7931D;
  content: "";
  font-size: 50px;
  font-weight: 400;
  margin-top: -15px;
  margin-left: -5px;
  display: inline-block;
  position: absolute;
}

.usage-vinyls-buttons .subscriber-settings .export-usage-holder .export-usage i:after {
  content: "";
}

.company .usage-vinyls-buttons .subscriber-settings .export-usage-holder .export-usage i {
  color: #51c1c1;
}

.color-section-2 .usage-vinyls-buttons .subscriber-settings .export-usage-holder .export-usage i {
  color: #F37875;
}

.color-section-2.company .usage-vinyls-buttons .subscriber-settings .export-usage-holder .export-usage i {
  color: #1f99c9;
}

.color-section-3 .usage-vinyls-buttons .subscriber-settings .export-usage-holder .export-usage i {
  color: #EE4A56;
}

.color-section-3.company .usage-vinyls-buttons .subscriber-settings .export-usage-holder .export-usage i {
  color: #009692;
}

.usage-vinyls-buttons .subscriber-settings .export-usage-holder .export-usage i:after {
  content: "";
}

.company .usage-vinyls-buttons .subscriber-settings .export-usage-holder .export-usage i {
  color: #51c1c1;
}

.color-section-2 .usage-vinyls-buttons .subscriber-settings .export-usage-holder .export-usage i {
  color: #F37875;
}

.color-section-2.company .usage-vinyls-buttons .subscriber-settings .export-usage-holder .export-usage i {
  color: #1f99c9;
}

.color-section-3 .usage-vinyls-buttons .subscriber-settings .export-usage-holder .export-usage i {
  color: #EE4A56;
}

.color-section-3.company .usage-vinyls-buttons .subscriber-settings .export-usage-holder .export-usage i {
  color: #009692;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .usage-vinyls-buttons .subscriber-settings .export-usage-holder .export-usage i {
    font-size: 50px;
    font-weight: 400;
  }
}

.usage-vinyls-buttons .subscriber-settings .export-usage-holder .export-usage i.symbol-xsmall {
  font-size: 40px;
  font-weight: 400;
}

.usage-vinyls-buttons .subscriber-settings .export-usage-holder .export-usage i.symbol-small {
  font-size: 50px;
  font-weight: 400;
}

.usage-vinyls-buttons .subscriber-settings .export-usage-holder .export-usage i.symbol-large {
  font-size: 100px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .usage-vinyls-buttons .subscriber-settings .export-usage-holder .export-usage i.symbol-large {
    font-size: 80px;
    font-weight: 300;
  }
}

.usage-vinyls-buttons .subscriber-settings .btn {
  text-align: center;
  min-width: 120px;
  padding: 15px 0;
  float: right;
}

.usage-vinyls-buttons .total-usage-summary-unbilled .usage {
  color: #F7931D;
}

body.company .usage-vinyls-buttons .total-usage-summary-unbilled .usage {
  color: #51c1c1;
}

body.color-section-1 .usage-vinyls-buttons .total-usage-summary-unbilled .usage {
  color: #F7931D;
}

body.color-section-2 .usage-vinyls-buttons .total-usage-summary-unbilled .usage {
  color: #F37875;
}

body.color-section-3 .usage-vinyls-buttons .total-usage-summary-unbilled .usage {
  color: #EE4A56;
}

body.company.color-section-1 .usage-vinyls-buttons .total-usage-summary-unbilled .usage {
  color: #51c1c1;
}

body.company.color-section-2 .usage-vinyls-buttons .total-usage-summary-unbilled .usage {
  color: #1f99c9;
}

body.company.color-section-3 .usage-vinyls-buttons .total-usage-summary-unbilled .usage {
  color: #009692;
}

.usage-vinyls-buttons .previous-period {
  color: #F7931D;
  position: relative;
  bottom: 5px;
  cursor: pointer;
}

body.company .usage-vinyls-buttons .previous-period {
  color: #51c1c1;
}

body.color-section-1 .usage-vinyls-buttons .previous-period {
  color: #F7931D;
}

body.color-section-2 .usage-vinyls-buttons .previous-period {
  color: #F37875;
}

body.color-section-3 .usage-vinyls-buttons .previous-period {
  color: #EE4A56;
}

body.company.color-section-1 .usage-vinyls-buttons .previous-period {
  color: #51c1c1;
}

body.company.color-section-2 .usage-vinyls-buttons .previous-period {
  color: #1f99c9;
}

body.company.color-section-3 .usage-vinyls-buttons .previous-period {
  color: #009692;
}

.usage-vinyls-buttons .previous-period i {
  margin-right: 5px;
}

.usage-vinyls-buttons .back-to-current-period {
  position: relative;
  min-height: 74px;
}

.usage-vinyls-buttons .back-to-current-period.black-background:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -999em;
  right: -999em;
  content: "";
  background-color: black;
  z-index: -1;
}

.usage-vinyls-buttons .back-to-current-period i {
  margin-right: 5px;
}

#admin-subscription-list {
  margin-top: .5em;
}

#admin-subscription-list .header {
  background-color: #1A2429;
  height: 97px;
}

#admin-subscription-list .header h2 {
  margin-top: 1.2em;
  color: #fff;
}

#admin-subscription-list .header .close-details {
  margin-top: 2.8em;
  display: block;
  text-align: right;
}

#admin-subscription-list .subscription-list-item {
  margin-bottom: 2em;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-top: 1rem;
}

.lt-ie10 #admin-subscription-list .subscription-list-item {
  display: block;
  *zoom: 1;
}

.lt-ie10 #admin-subscription-list .subscription-list-item:before,
.lt-ie10 #admin-subscription-list .subscription-list-item:after {
  display: table;
  content: "";
  line-height: 0;
}

.lt-ie10 #admin-subscription-list .subscription-list-item:after {
  clear: both;
}

.lt-ie10 #admin-subscription-list .subscription-list-item > * {
  float: left;
}

#admin-subscription-list .subscription-list-item > * {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: calc(Infinity% + Infinitypx);
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
}

#admin-subscription-list .subscription-list-item > *:nth-child(0n) {
  margin-right: -15px;
}

#admin-subscription-list .subscription-list-item > *:nth-child(0n +1) {
  margin-left: -15px;
}

.lt-ie10 #admin-subscription-list .subscription-list-item > *:nth-child(0n +1) {
  clear: left;
}

#admin-subscription-list .subscription-list-item > * {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-basis: 0;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 !important;
}

#admin-subscription-list .subscription-list-item > *:first-child {
  padding-left: 0;
}

#admin-subscription-list .subscription-list-item > *:last-child {
  padding-right: 0;
}

.lt-ie10 #admin-subscription-list .subscription-list-item {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  position: relative;
  z-index: 10;
}

.lt-ie10 #admin-subscription-list .subscription-list-item:after,
.lt-ie10 #admin-subscription-list .subscription-list-item:before {
  display: none;
}

.lt-ie10 #admin-subscription-list .subscription-list-item > * {
  float: none;
  display: table-cell;
  vertical-align: top;
  margin: 0;
}

#admin-subscription-list .subscription-list-item > .grow-2 {
  -webkit-flex-grow: 2.1;
  -moz-flex-grow: 2.1;
  -ms-flex-grow: 2.1;
  -ms-flex-positive: 2.1;
  flex-grow: 2.1;
}

#admin-subscription-list .subscription-list-item > .grow-3 {
  -webkit-flex-grow: 3.2;
  -moz-flex-grow: 3.2;
  -ms-flex-grow: 3.2;
  -ms-flex-positive: 3.2;
  flex-grow: 3.2;
}

@media screen and (max-width: 768px) {
  #admin-subscription-list .subscription-list-item {
    display: block;
  }

  #admin-subscription-list .subscription-list-item > div {
    padding: 0;
  }

  #admin-subscription-list .subscription-list-item > div + div {
    margin-top: 1rem !important;
  }
}

#admin-subscription-list .subscription-list-item > div:first-child {
  -webkit-flex-grow: 2.1;
  -moz-flex-grow: 2.1;
  -ms-flex-grow: 2.1;
  -ms-flex-positive: 2.1;
  flex-grow: 2.1;
}

#admin-subscription-list .subscription-list-item img {
  float: left;
  margin-right: 30px;
  height: 62px;
  width: 62px;
}

#admin-subscription-list p {
  color: #30302e;
}

#admin-subscription-list .info p {
  color: #30302e;
  margin-top: 0;
  line-height: 1.2em;
}

#admin-subscription-list .info p:first-child {
  margin-top: .2em;
}

#admin-subscription-list .info p:first-child + p {
  margin-top: .2em;
}

#admin-subscription-list .info {
  color: #30302e;
  font-weight: normal;
  line-height: 1.2em;
}

#admin-subscription-list .amount-usage {
  font-size: 22px;
  font-weight: bold;
  margin-top: .7em;
  text-align: right;
}

#admin-subscription-list .amount-usage span {
  font-weight: normal;
  font-size: 14px;
}

#admin-subscription-list .amount-cost {
  font-size: 22px;
  font-weight: bold;
  margin-top: .7em;
}

#admin-subscription-list .amount-cost span {
  font-weight: normal;
  font-size: 14px;
}

#admin-subscription-list .btn {
  margin-top: 0.8em;
}

@media screen and (max-width: 659px) {
  #admin-subscription-list .flex-columns {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  #admin-subscription-list .flex-columns div {
    margin: 0!important;
  }

  #admin-subscription-list .tariff-name {
    font-weight: bold;
    font-size: 22px;
  }

  #admin-subscription-list .amount-cost {
    text-align: right;
    font-weight: bold;
    margin-top: 0;
  }

  #admin-subscription-list .amount-cost span {
    font-weight: normal;
  }

  #admin-subscription-list .info {
    font-weight: normal;
    margin: 0;
  }

  #admin-subscription-list .amount-usage {
    font-weight: bold;
    text-align: left;
    margin-top: 0;
    line-height: 30px;
    text-align: right;
  }

  #admin-subscription-list .amount-usage span {
    font-weight: normal;
  }

  #admin-subscription-list .btn {
    margin-bottom: 2em;
  }
}

.usage-sum {
  position: relative;
}

.usage-sum .roaming-header {
  color: #fff;
  font-weight: bold;
  margin-top: .6em;
}

.usage-sum .surfpass-info {
  padding: .8em 0;
}

.usage-sum .buy-more-data,
.usage-sum .activate-surf {
  margin-top: 2px;
}

.usage-sum .back-to-single-disc {
  cursor: pointer;
}

.usage-sum .back-to-single-disc p {
  color: #F7931D;
  font-size: 1em;
  font-weight: 600;
}

body.company .usage-sum .back-to-single-disc p {
  color: #51c1c1;
}

body.color-section-1 .usage-sum .back-to-single-disc p {
  color: #F7931D;
}

body.color-section-2 .usage-sum .back-to-single-disc p {
  color: #F37875;
}

body.color-section-3 .usage-sum .back-to-single-disc p {
  color: #EE4A56;
}

body.company.color-section-1 .usage-sum .back-to-single-disc p {
  color: #51c1c1;
}

body.company.color-section-2 .usage-sum .back-to-single-disc p {
  color: #1f99c9;
}

body.company.color-section-3 .usage-sum .back-to-single-disc p {
  color: #009692;
}

.usage-sum .back-to-single-disc p i {
  color: #F7931D;
  margin-right: .6em;
}

body.company .usage-sum .back-to-single-disc p i {
  color: #51c1c1;
}

body.color-section-1 .usage-sum .back-to-single-disc p i {
  color: #F7931D;
}

body.color-section-2 .usage-sum .back-to-single-disc p i {
  color: #F37875;
}

body.color-section-3 .usage-sum .back-to-single-disc p i {
  color: #EE4A56;
}

body.company.color-section-1 .usage-sum .back-to-single-disc p i {
  color: #51c1c1;
}

body.company.color-section-2 .usage-sum .back-to-single-disc p i {
  color: #1f99c9;
}

body.company.color-section-3 .usage-sum .back-to-single-disc p i {
  color: #009692;
}

.usage-sum .header {
  background: #1A2429;
  height: 97px;
}

.usage-sum .header h2 {
  color: #fff;
  margin-top: 1.2em;
}

.usage-sum .header i {
  color: #fff;
}

.usage-sum .header .small {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  margin-left: 1.3em;
  margin-top: 1.3em;
  margin-bottom: .4em;
}

.usage-sum .header .accumulated-time,
.usage-sum .header .accumulated-cost {
  color: #fff;
  font-size: 28px;
  font-weight: normal;
  margin-left: .3em;
}

.usage-sum .header .accumulated-time span,
.usage-sum .header .accumulated-cost span {
  font-size: 18px;
  font-weight: bold;
}

.usage-sum .header .details [class*="span"] {
  min-height: 1px;
}

.usage-sum .header .details i {
  float: left;
  position: relative;
  font-size: 1.5em;
  top: 23px;
  right: 0;
}

.usage-sum .header .close-details {
  margin-top: 2.6em;
  text-align: right;
}

.usage-sum .highlight {
  color: #fff;
  padding: 14px 0 18px 0;
}

.usage-sum .highlight .legend {
  margin: 7px 0 0 0;
  font-size: 22px;
  font-weight: normal;
}

.usage-sum .highlight .used-units {
  margin-top: 1.3em;
  text-align: right;
}

.usage-sum .highlight .used-units .usage {
  font-size: 28px;
  font-weight: normal;
}

.usage-sum .highlight .used-units .unit {
  font-size: 14px;
  font-weight: normal;
  margin-right: 12px;
  opacity: .7;
}

.usage-sum .highlight .span12.usage-bar {
  margin: 14px 0 0 0;
  height: 24px;
  background: rgba(0, 0, 0, 0.16);
  border-radius: 12px;
  display: block;
  position: relative;
  padding: 3px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2) inset;
  box-sizing: border-box;
  /* add compatability  */
}

.usage-sum .highlight .span12.usage-bar span.fill {
  display: block;
  height: 18px;
  background: #fff;
  border-radius: 9px;
  min-width: 18px;
}

.usage-sum .highlight .total-units {
  margin-top: .67em;
  font-size: 28px;
  font-weight: normal;
}

.usage-sum .highlight .total-units span {
  font-size: 14px;
  font-weight: normal;
  opacity: .7;
  margin-right: 12px;
}

@media screen and (max-width: 659px) {
  .usage-sum .header {
    height: 138px;
  }

  .usage-sum .close-details-phone {
    display: block;
    margin-top: 1.65em!important;
  }

  .usage-sum .highlight .used-units {
    margin-top: 1.65em;
    margin-left: 0.2em;
  }

  .usage-sum .highlight .used-units .usage {
    display: inline-block;
  }
}

.usage-sum .highlight.calls {
  background: #009640;
}

.usage-sum .highlight.sms {
  background: #64c5f3;
}

.usage-sum .highlight.data {
  background: #5D2F7F;
}

.usage-sum .highlight.other {
  background: #e6007e;
}

.usage-sum .highlight.voice-prepaid {
  background: #0076BB;
}

.usage-sum .highlight.roaming {
  background: #008D8E;
}

.usage-sum .highlight.roaming.light-fill {
  background: #00A9A8;
}

.usage-breakdown-container {
  margin: 2em auto 3em auto;
  color: #30302e;
}

.usage-breakdown-container .no-usage {
  margin-top: 1em;
}

.usage-breakdown-container .usage-breakdown {
  margin: 1.5em 0;
}

.usage-breakdown-container .usage-breakdown .toggle-details {
  width: 20%;
}

.usage-breakdown-container .usage-breakdown .cost {
  width: 20%;
}

.usage-breakdown-container .usage-breakdown .amount {
  width: 20%;
}

@media screen and (max-width: 659px) {
  .usage-breakdown-container .usage-breakdown .action-toggle-details {
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
  }

  .usage-breakdown-container .usage-breakdown .action-toggle-details i {
    font-size: 2em;
    position: relative;
    top: 3px;
    left: 4px;
  }

  .usage-breakdown-container .usage-breakdown .toggle-details {
    width: 10%;
  }

  .usage-breakdown-container .usage-breakdown .cost {
    width: 15%;
  }

  .usage-breakdown-container .usage-breakdown .amount {
    width: 20%;
  }
}

.usage-breakdown-container .usage-breakdown.calls div.details .row.table .cost span {
  color: #009640;
}

.usage-breakdown-container .usage-breakdown.calls .container .amount span {
  color: #009640;
}

.usage-breakdown-container .usage-breakdown.calls .container .cta a,
.usage-breakdown-container .usage-breakdown.calls .container .cta span {
  color: #009640;
}

.usage-breakdown-container .usage-breakdown.sms div.details .row.table .cost span {
  color: #64c5f3;
}

.usage-breakdown-container .usage-breakdown.sms .container .amount span {
  color: #64c5f3;
}

.usage-breakdown-container .usage-breakdown.sms .container .cta a,
.usage-breakdown-container .usage-breakdown.sms .container .cta span {
  color: #64c5f3;
}

.usage-breakdown-container .usage-breakdown.data div.details .row.table .cost span {
  color: #5D2F7F;
}

.usage-breakdown-container .usage-breakdown.data .container .amount span {
  color: #5D2F7F;
}

.usage-breakdown-container .usage-breakdown.data .container .cta a,
.usage-breakdown-container .usage-breakdown.data .container .cta span {
  color: #5D2F7F;
}

.usage-breakdown-container .usage-breakdown.other div.details .row.table .cost span {
  color: #e6007e;
}

.usage-breakdown-container .usage-breakdown.other .container .amount span {
  color: #e6007e;
}

.usage-breakdown-container .usage-breakdown.other .container .cta a,
.usage-breakdown-container .usage-breakdown.other .container .cta span {
  color: #e6007e;
}

.usage-breakdown-container .usage-breakdown.roaming div.details .row.table .cost span {
  color: #008D8E;
}

.usage-breakdown-container .usage-breakdown.roaming .container .amount span {
  color: #008D8E;
}

.usage-breakdown-container .usage-breakdown.roaming .container .cta a,
.usage-breakdown-container .usage-breakdown.roaming .container .cta span {
  color: #008D8E;
}

#subscriber-information {
  margin-top: 1em;
  margin-bottom: 1em;
}

#subscriber-information h2 {
  margin-top: .5em;
}

#subscriber-information .info {
  color: #30302e;
  margin-top: .5em;
}

#subscriber-information .single-subscriber div:first-of-type > i {
  display: inline-block;
  font-size: 80px;
  font-style: normal;
  font-family: "treiconNeue2", sans-serif;
  font-weight: 300;
  line-height: 1em;
  color: #F7931D;
  content: "";
}

#subscriber-information .single-subscriber div:first-of-type > i.voice:after {
  content: "M";
}

#subscriber-information .single-subscriber div:first-of-type > i.data:after {
  content: "P";
}

#subscriber-information .single-subscriber div:first-of-type > i:after {
  content: "";
}

.company #subscriber-information .single-subscriber div:first-of-type > i {
  color: #51c1c1;
}

.color-section-2 #subscriber-information .single-subscriber div:first-of-type > i {
  color: #F37875;
}

.color-section-2.company #subscriber-information .single-subscriber div:first-of-type > i {
  color: #1f99c9;
}

.color-section-3 #subscriber-information .single-subscriber div:first-of-type > i {
  color: #EE4A56;
}

.color-section-3.company #subscriber-information .single-subscriber div:first-of-type > i {
  color: #009692;
}

#subscriber-information .single-subscriber div:first-of-type > i:after {
  content: "";
}

.company #subscriber-information .single-subscriber div:first-of-type > i {
  color: #51c1c1;
}

.color-section-2 #subscriber-information .single-subscriber div:first-of-type > i {
  color: #F37875;
}

.color-section-2.company #subscriber-information .single-subscriber div:first-of-type > i {
  color: #1f99c9;
}

.color-section-3 #subscriber-information .single-subscriber div:first-of-type > i {
  color: #EE4A56;
}

.color-section-3.company #subscriber-information .single-subscriber div:first-of-type > i {
  color: #009692;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #subscriber-information .single-subscriber div:first-of-type > i {
    font-size: 50px;
    font-weight: 400;
  }
}

#subscriber-information .single-subscriber div:first-of-type > i.symbol-xsmall {
  font-size: 40px;
  font-weight: 400;
}

#subscriber-information .single-subscriber div:first-of-type > i.symbol-small {
  font-size: 50px;
  font-weight: 400;
}

#subscriber-information .single-subscriber div:first-of-type > i.symbol-large {
  font-size: 100px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #subscriber-information .single-subscriber div:first-of-type > i.symbol-large {
    font-size: 80px;
    font-weight: 300;
  }
}

#subscriber-information .single-subscriber div:first-of-type > i:after {
  color: #30302e;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #subscriber-information .single-subscriber div:first-of-type > i {
    font-size: 80px;
    font-weight: 300;
  }
}

@media screen and (min-width: 660px) and (max-width: 768px) {
  #subscriber-information .single-subscriber div:first-of-type > i {
    font-size: 60px;
  }
}

@media screen and (max-width: 659px) {
  #subscriber-information .single-subscriber div:first-of-type > i {
    font-size: 60px;
    float: right;
  }
}

#invoice-overview-module p,
#invoice-overview-module-phone p {
  color: #30302e;
}

#invoice-overview-module .no-invoice,
#invoice-overview-module-phone .no-invoice {
  font-size: 14px;
  margin: 1em 0 0 0;
  letter-spacing: -0.02em;
  line-height: 1em;
  font-family: 'Helvetica', Arial;
  font-weight: 600;
  color: #30302e;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #invoice-overview-module .no-invoice,
  #invoice-overview-module-phone .no-invoice {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  #invoice-overview-module .no-invoice,
  #invoice-overview-module-phone .no-invoice {
    font-size: 12px;
  }
}

#invoice-overview-module .no-invoice:first-child,
#invoice-overview-module-phone .no-invoice:first-child {
  margin-top: 0;
}

#invoice-overview-module .no-invoice .pre-heading,
#invoice-overview-module-phone .no-invoice .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #invoice-overview-module .no-invoice,
  #invoice-overview-module-phone .no-invoice {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  #invoice-overview-module .no-invoice,
  #invoice-overview-module-phone .no-invoice {
    font-size: 12px;
  }
}

#invoice-overview-module .no-invoice:first-child,
#invoice-overview-module-phone .no-invoice:first-child {
  margin-top: 0;
}

#invoice-overview-module .no-invoice .pre-heading,
#invoice-overview-module-phone .no-invoice .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

#invoice-overview-module .module-loader,
#invoice-overview-module-phone .module-loader {
  display: block;
  margin: 160px auto;
}

#invoice-overview-module #overview-section h4,
#invoice-overview-module-phone #overview-section h4 {
  color: #F7931D;
  margin-bottom: .8em;
}

body.company #invoice-overview-module #overview-section h4,
body.company #invoice-overview-module-phone #overview-section h4 {
  color: #51c1c1;
}

body.color-section-1 #invoice-overview-module #overview-section h4,
body.color-section-1 #invoice-overview-module-phone #overview-section h4 {
  color: #F7931D;
}

body.color-section-2 #invoice-overview-module #overview-section h4,
body.color-section-2 #invoice-overview-module-phone #overview-section h4 {
  color: #F37875;
}

body.color-section-3 #invoice-overview-module #overview-section h4,
body.color-section-3 #invoice-overview-module-phone #overview-section h4 {
  color: #EE4A56;
}

body.company.color-section-1 #invoice-overview-module #overview-section h4,
body.company.color-section-1 #invoice-overview-module-phone #overview-section h4 {
  color: #51c1c1;
}

body.company.color-section-2 #invoice-overview-module #overview-section h4,
body.company.color-section-2 #invoice-overview-module-phone #overview-section h4 {
  color: #1f99c9;
}

body.company.color-section-3 #invoice-overview-module #overview-section h4,
body.company.color-section-3 #invoice-overview-module-phone #overview-section h4 {
  color: #009692;
}

#invoice-overview-module #overview-section .info,
#invoice-overview-module-phone #overview-section .info {
  font-size: 14px;
  margin: 1em 0 0 0;
  letter-spacing: -0.02em;
  line-height: 1em;
  font-family: 'Helvetica', Arial;
  font-weight: 600;
  color: #30302e;
  margin-top: 0;
  line-height: 1.6em;
  font-weight: bold;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #invoice-overview-module #overview-section .info,
  #invoice-overview-module-phone #overview-section .info {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  #invoice-overview-module #overview-section .info,
  #invoice-overview-module-phone #overview-section .info {
    font-size: 12px;
  }
}

#invoice-overview-module #overview-section .info:first-child,
#invoice-overview-module-phone #overview-section .info:first-child {
  margin-top: 0;
}

#invoice-overview-module #overview-section .info .pre-heading,
#invoice-overview-module-phone #overview-section .info .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #invoice-overview-module #overview-section .info,
  #invoice-overview-module-phone #overview-section .info {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  #invoice-overview-module #overview-section .info,
  #invoice-overview-module-phone #overview-section .info {
    font-size: 12px;
  }
}

#invoice-overview-module #overview-section .info:first-child,
#invoice-overview-module-phone #overview-section .info:first-child {
  margin-top: 0;
}

#invoice-overview-module #overview-section .info .pre-heading,
#invoice-overview-module-phone #overview-section .info .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

#invoice-overview-module #overview-section .info span,
#invoice-overview-module-phone #overview-section .info span {
  font-weight: normal;
}

#invoice-overview-module #overview-section .see-specification,
#invoice-overview-module-phone #overview-section .see-specification {
  font-size: 14px;
  margin: 1em 0 0 0;
  color: #30302e;
  letter-spacing: -0.02em;
  line-height: 1em;
  font-family: 'Helvetica', Arial;
  font-weight: 600;
  color: #F7931D;
  font-weight: bold;
  margin-top: .8em;
  display: block;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #invoice-overview-module #overview-section .see-specification,
  #invoice-overview-module-phone #overview-section .see-specification {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  #invoice-overview-module #overview-section .see-specification,
  #invoice-overview-module-phone #overview-section .see-specification {
    font-size: 12px;
  }
}

#invoice-overview-module #overview-section .see-specification:first-child,
#invoice-overview-module-phone #overview-section .see-specification:first-child {
  margin-top: 0;
}

#invoice-overview-module #overview-section .see-specification .pre-heading,
#invoice-overview-module-phone #overview-section .see-specification .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #invoice-overview-module #overview-section .see-specification,
  #invoice-overview-module-phone #overview-section .see-specification {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  #invoice-overview-module #overview-section .see-specification,
  #invoice-overview-module-phone #overview-section .see-specification {
    font-size: 12px;
  }
}

#invoice-overview-module #overview-section .see-specification:first-child,
#invoice-overview-module-phone #overview-section .see-specification:first-child {
  margin-top: 0;
}

#invoice-overview-module #overview-section .see-specification .pre-heading,
#invoice-overview-module-phone #overview-section .see-specification .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

body.company #invoice-overview-module #overview-section .see-specification,
body.company #invoice-overview-module-phone #overview-section .see-specification {
  color: #51c1c1;
}

body.color-section-1 #invoice-overview-module #overview-section .see-specification,
body.color-section-1 #invoice-overview-module-phone #overview-section .see-specification {
  color: #F7931D;
}

body.color-section-2 #invoice-overview-module #overview-section .see-specification,
body.color-section-2 #invoice-overview-module-phone #overview-section .see-specification {
  color: #F37875;
}

body.color-section-3 #invoice-overview-module #overview-section .see-specification,
body.color-section-3 #invoice-overview-module-phone #overview-section .see-specification {
  color: #EE4A56;
}

body.company.color-section-1 #invoice-overview-module #overview-section .see-specification,
body.company.color-section-1 #invoice-overview-module-phone #overview-section .see-specification {
  color: #51c1c1;
}

body.company.color-section-2 #invoice-overview-module #overview-section .see-specification,
body.company.color-section-2 #invoice-overview-module-phone #overview-section .see-specification {
  color: #1f99c9;
}

body.company.color-section-3 #invoice-overview-module #overview-section .see-specification,
body.company.color-section-3 #invoice-overview-module-phone #overview-section .see-specification {
  color: #009692;
}

#invoice-overview-module #overview-section .see-specification:hover,
#invoice-overview-module-phone #overview-section .see-specification:hover {
  text-decoration: none;
}

#invoice-overview-module #overview-section .greybox,
#invoice-overview-module-phone #overview-section .greybox {
  margin-top: 1em;
  background-color: #f2f2f2;
  padding: 10px 20px 10px 20px;
}

#invoice-overview-module #overview-section .greybox p,
#invoice-overview-module-phone #overview-section .greybox p {
  color: #30302e;
}

#invoice-overview-module #overview-section .greybox .to-pay,
#invoice-overview-module-phone #overview-section .greybox .to-pay {
  font-size: 14px;
  margin: 1em 0 0 0;
  color: #30302e;
  letter-spacing: -0.02em;
  line-height: 1em;
  font-family: 'Helvetica', Arial;
  font-weight: 600;
  font-weight: bold;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #invoice-overview-module #overview-section .greybox .to-pay,
  #invoice-overview-module-phone #overview-section .greybox .to-pay {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  #invoice-overview-module #overview-section .greybox .to-pay,
  #invoice-overview-module-phone #overview-section .greybox .to-pay {
    font-size: 12px;
  }
}

#invoice-overview-module #overview-section .greybox .to-pay:first-child,
#invoice-overview-module-phone #overview-section .greybox .to-pay:first-child {
  margin-top: 0;
}

#invoice-overview-module #overview-section .greybox .to-pay .pre-heading,
#invoice-overview-module-phone #overview-section .greybox .to-pay .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #invoice-overview-module #overview-section .greybox .to-pay,
  #invoice-overview-module-phone #overview-section .greybox .to-pay {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  #invoice-overview-module #overview-section .greybox .to-pay,
  #invoice-overview-module-phone #overview-section .greybox .to-pay {
    font-size: 12px;
  }
}

#invoice-overview-module #overview-section .greybox .to-pay:first-child,
#invoice-overview-module-phone #overview-section .greybox .to-pay:first-child {
  margin-top: 0;
}

#invoice-overview-module #overview-section .greybox .to-pay .pre-heading,
#invoice-overview-module-phone #overview-section .greybox .to-pay .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

#invoice-overview-module #overview-section .greybox .amount,
#invoice-overview-module-phone #overview-section .greybox .amount {
  font-size: 28px;
  margin: 1em 0 0 0;
  color: #30302e;
  letter-spacing: -0.02em;
  line-height: 1em;
  font-family: 'Helvetica', Arial;
  font-weight: 600;
  margin: 0em 0 0 0;
  font-weight: bold;
  display: inline-block;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #invoice-overview-module #overview-section .greybox .amount,
  #invoice-overview-module-phone #overview-section .greybox .amount {
    font-size: 24px;
  }
}

@media screen and (max-width: 768px) {
  #invoice-overview-module #overview-section .greybox .amount,
  #invoice-overview-module-phone #overview-section .greybox .amount {
    font-size: 18px;
  }
}

#invoice-overview-module #overview-section .greybox .amount:first-child,
#invoice-overview-module-phone #overview-section .greybox .amount:first-child {
  margin-top: 0;
}

#invoice-overview-module #overview-section .greybox .amount .pre-heading,
#invoice-overview-module-phone #overview-section .greybox .amount .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #invoice-overview-module #overview-section .greybox .amount,
  #invoice-overview-module-phone #overview-section .greybox .amount {
    font-size: 24px;
  }
}

@media screen and (max-width: 768px) {
  #invoice-overview-module #overview-section .greybox .amount,
  #invoice-overview-module-phone #overview-section .greybox .amount {
    font-size: 18px;
  }
}

#invoice-overview-module #overview-section .greybox .amount:first-child,
#invoice-overview-module-phone #overview-section .greybox .amount:first-child {
  margin-top: 0;
}

#invoice-overview-module #overview-section .greybox .amount .pre-heading,
#invoice-overview-module-phone #overview-section .greybox .amount .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

#invoice-overview-module #overview-section .greybox .amount span,
#invoice-overview-module-phone #overview-section .greybox .amount span {
  font-size: 14px;
  margin: 1em 0 0 0;
  color: #30302e;
  letter-spacing: -0.02em;
  line-height: 1em;
  font-family: 'Helvetica', Arial;
  font-weight: 600;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #invoice-overview-module #overview-section .greybox .amount span,
  #invoice-overview-module-phone #overview-section .greybox .amount span {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  #invoice-overview-module #overview-section .greybox .amount span,
  #invoice-overview-module-phone #overview-section .greybox .amount span {
    font-size: 12px;
  }
}

#invoice-overview-module #overview-section .greybox .amount span:first-child,
#invoice-overview-module-phone #overview-section .greybox .amount span:first-child {
  margin-top: 0;
}

#invoice-overview-module #overview-section .greybox .amount span .pre-heading,
#invoice-overview-module-phone #overview-section .greybox .amount span .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #invoice-overview-module #overview-section .greybox .amount span,
  #invoice-overview-module-phone #overview-section .greybox .amount span {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  #invoice-overview-module #overview-section .greybox .amount span,
  #invoice-overview-module-phone #overview-section .greybox .amount span {
    font-size: 12px;
  }
}

#invoice-overview-module #overview-section .greybox .amount span:first-child,
#invoice-overview-module-phone #overview-section .greybox .amount span:first-child {
  margin-top: 0;
}

#invoice-overview-module #overview-section .greybox .amount span .pre-heading,
#invoice-overview-module-phone #overview-section .greybox .amount span .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

#invoice-overview-module #overview-section .greybox .pay-now-btn,
#invoice-overview-module-phone #overview-section .greybox .pay-now-btn {
  margin-left: 15em;
}

#invoice-overview-module #overview-section .greybox .price-box span,
#invoice-overview-module-phone #overview-section .greybox .price-box span {
  font-weight: bold;
}

#invoice-overview-module #overview-section .greybox .btn-link-invoice,
#invoice-overview-module-phone #overview-section .greybox .btn-link-invoice {
  margin-top: 1.2em;
}

#invoice-overview-module #overview-section .greybox .not-paid,
#invoice-overview-module-phone #overview-section .greybox .not-paid {
  position: relative;
  top: 15px;
  font-weight: bold;
}

#invoice-overview-module #overview-section .greybox .invoice-paid,
#invoice-overview-module-phone #overview-section .greybox .invoice-paid {
  font-weight: bold;
  display: inline-block;
  float: right;
  line-height: 10px;
  margin-right: 2em;
}

#invoice-overview-module #overview-section .greybox .btn-link-invoice,
#invoice-overview-module-phone #overview-section .greybox .btn-link-invoice {
  display: inline-block;
  float: right;
  position: relative;
  bottom: 34px;
}

#invoice-overview-module #overview-section .greybox .btn-hide-invoice,
#invoice-overview-module-phone #overview-section .greybox .btn-hide-invoice {
  float: right;
  position: relative;
  bottom: 16px;
}

#invoice-overview-module #overview-section .greybox .btn-see-invoice i,
#invoice-overview-module-phone #overview-section .greybox .btn-see-invoice i {
  position: relative;
  font-size: 2.3em;
  top: 7px;
  left: 5px;
  line-height: 0;
}

#invoice-overview-module #overview-section .greybox .float-right,
#invoice-overview-module-phone #overview-section .greybox .float-right {
  float: right;
}

#invoice-overview-module #overview-section .greybox .payment h3,
#invoice-overview-module-phone #overview-section .greybox .payment h3 {
  color: #30302e;
}

#invoice-overview-module #overview-section .greybox .payment .inputs label,
#invoice-overview-module-phone #overview-section .greybox .payment .inputs label {
  font-size: 14px;
  margin: 1em 0 0 0;
  color: #30302e;
  letter-spacing: -0.02em;
  line-height: 1em;
  font-family: 'Helvetica', Arial;
  font-weight: 600;
  font-weight: bold;
  margin-left: .8em;
  margin-right: 1.6em;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #invoice-overview-module #overview-section .greybox .payment .inputs label,
  #invoice-overview-module-phone #overview-section .greybox .payment .inputs label {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  #invoice-overview-module #overview-section .greybox .payment .inputs label,
  #invoice-overview-module-phone #overview-section .greybox .payment .inputs label {
    font-size: 12px;
  }
}

#invoice-overview-module #overview-section .greybox .payment .inputs label:first-child,
#invoice-overview-module-phone #overview-section .greybox .payment .inputs label:first-child {
  margin-top: 0;
}

#invoice-overview-module #overview-section .greybox .payment .inputs label .pre-heading,
#invoice-overview-module-phone #overview-section .greybox .payment .inputs label .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #invoice-overview-module #overview-section .greybox .payment .inputs label,
  #invoice-overview-module-phone #overview-section .greybox .payment .inputs label {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  #invoice-overview-module #overview-section .greybox .payment .inputs label,
  #invoice-overview-module-phone #overview-section .greybox .payment .inputs label {
    font-size: 12px;
  }
}

#invoice-overview-module #overview-section .greybox .payment .inputs label:first-child,
#invoice-overview-module-phone #overview-section .greybox .payment .inputs label:first-child {
  margin-top: 0;
}

#invoice-overview-module #overview-section .greybox .payment .inputs label .pre-heading,
#invoice-overview-module-phone #overview-section .greybox .payment .inputs label .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

#invoice-overview-module #overview-section .greybox .payment-buttons,
#invoice-overview-module-phone #overview-section .greybox .payment-buttons {
  margin-top: 1em;
}

#invoice-overview-module .black,
#invoice-overview-module-phone .black {
  color: black;
}

#invoice-overview-module .period,
#invoice-overview-module-phone .period {
  font-size: 18px;
  margin: 1em 0 0 0;
  color: #30302e;
  letter-spacing: -0.02em;
  line-height: 1em;
  font-family: 'Helvetica', Arial;
  font-weight: 600;
  color: #F7931D;
  font-weight: bold;
  text-transform: capitalize;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #invoice-overview-module .period,
  #invoice-overview-module-phone .period {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  #invoice-overview-module .period,
  #invoice-overview-module-phone .period {
    font-size: 14px;
  }
}

#invoice-overview-module .period:first-child,
#invoice-overview-module-phone .period:first-child {
  margin-top: 0;
}

#invoice-overview-module .period .pre-heading,
#invoice-overview-module-phone .period .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #invoice-overview-module .period,
  #invoice-overview-module-phone .period {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  #invoice-overview-module .period,
  #invoice-overview-module-phone .period {
    font-size: 14px;
  }
}

#invoice-overview-module .period:first-child,
#invoice-overview-module-phone .period:first-child {
  margin-top: 0;
}

#invoice-overview-module .period .pre-heading,
#invoice-overview-module-phone .period .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

body.company #invoice-overview-module .period,
body.company #invoice-overview-module-phone .period {
  color: #51c1c1;
}

body.color-section-1 #invoice-overview-module .period,
body.color-section-1 #invoice-overview-module-phone .period {
  color: #F7931D;
}

body.color-section-2 #invoice-overview-module .period,
body.color-section-2 #invoice-overview-module-phone .period {
  color: #F37875;
}

body.color-section-3 #invoice-overview-module .period,
body.color-section-3 #invoice-overview-module-phone .period {
  color: #EE4A56;
}

body.company.color-section-1 #invoice-overview-module .period,
body.company.color-section-1 #invoice-overview-module-phone .period {
  color: #51c1c1;
}

body.company.color-section-2 #invoice-overview-module .period,
body.company.color-section-2 #invoice-overview-module-phone .period {
  color: #1f99c9;
}

body.company.color-section-3 #invoice-overview-module .period,
body.company.color-section-3 #invoice-overview-module-phone .period {
  color: #009692;
}

#invoice-overview-module .label,
#invoice-overview-module-phone .label {
  font-size: 14px;
  margin: 1em 0 0 0;
  color: #30302e;
  letter-spacing: -0.02em;
  line-height: 1em;
  font-family: 'Helvetica', Arial;
  font-weight: 600;
  font-weight: bold;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #invoice-overview-module .label,
  #invoice-overview-module-phone .label {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  #invoice-overview-module .label,
  #invoice-overview-module-phone .label {
    font-size: 12px;
  }
}

#invoice-overview-module .label:first-child,
#invoice-overview-module-phone .label:first-child {
  margin-top: 0;
}

#invoice-overview-module .label .pre-heading,
#invoice-overview-module-phone .label .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #invoice-overview-module .label,
  #invoice-overview-module-phone .label {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  #invoice-overview-module .label,
  #invoice-overview-module-phone .label {
    font-size: 12px;
  }
}

#invoice-overview-module .label:first-child,
#invoice-overview-module-phone .label:first-child {
  margin-top: 0;
}

#invoice-overview-module .label .pre-heading,
#invoice-overview-module-phone .label .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

#invoice-overview-module h2,
#invoice-overview-module-phone h2 {
  color: #F7931D;
  font-weight: bold;
}

body.company #invoice-overview-module h2,
body.company #invoice-overview-module-phone h2 {
  color: #51c1c1;
}

body.color-section-1 #invoice-overview-module h2,
body.color-section-1 #invoice-overview-module-phone h2 {
  color: #F7931D;
}

body.color-section-2 #invoice-overview-module h2,
body.color-section-2 #invoice-overview-module-phone h2 {
  color: #F37875;
}

body.color-section-3 #invoice-overview-module h2,
body.color-section-3 #invoice-overview-module-phone h2 {
  color: #EE4A56;
}

body.company.color-section-1 #invoice-overview-module h2,
body.company.color-section-1 #invoice-overview-module-phone h2 {
  color: #51c1c1;
}

body.company.color-section-2 #invoice-overview-module h2,
body.company.color-section-2 #invoice-overview-module-phone h2 {
  color: #1f99c9;
}

body.company.color-section-3 #invoice-overview-module h2,
body.company.color-section-3 #invoice-overview-module-phone h2 {
  color: #009692;
}

#invoice-overview-module .shortText,
#invoice-overview-module-phone .shortText {
  margin-top: 1.4em;
}

#invoice-overview-module .action-btn,
#invoice-overview-module-phone .action-btn {
  background-color: #ec7575;
}

@media screen and (max-width: 659px) {
  #invoice-overview-module #invoice-overview-module-phone #overview-section .period,
  #invoice-overview-module-phone #invoice-overview-module-phone #overview-section .period {
    font-size: 1.36363636em;
    font-weight: 600;
  }

  #invoice-overview-module #invoice-overview-module-phone #overview-section .greybox,
  #invoice-overview-module-phone #invoice-overview-module-phone #overview-section .greybox {
    width: 92%;
  }

  #invoice-overview-module #invoice-overview-module-phone #overview-section .greybox .info,
  #invoice-overview-module-phone #invoice-overview-module-phone #overview-section .greybox .info {
    font-weight: bold;
  }

  #invoice-overview-module #invoice-overview-module-phone #overview-section .greybox .info span,
  #invoice-overview-module-phone #invoice-overview-module-phone #overview-section .greybox .info span {
    font-weight: normal;
  }

  #invoice-overview-module #invoice-overview-module-phone #overview-section .greybox .info .amount,
  #invoice-overview-module-phone #invoice-overview-module-phone #overview-section .greybox .info .amount {
    font-size: 2.36363636em;
    font-weight: 600;
  }

  #invoice-overview-module #invoice-overview-module-phone #overview-section .greybox .info .amount span,
  #invoice-overview-module-phone #invoice-overview-module-phone #overview-section .greybox .info .amount span {
    font-size: 0.42307692em;
    font-weight: 600 !important;
  }

  #invoice-overview-module #invoice-overview-module-phone #overview-section .greybox .info .btn-see-invoice,
  #invoice-overview-module-phone #invoice-overview-module-phone #overview-section .greybox .info .btn-see-invoice {
    font-size: 1em;
  }

  #invoice-overview-module #invoice-overview-module-phone #overview-section .payment .header,
  #invoice-overview-module-phone #invoice-overview-module-phone #overview-section .payment .header {
    font-size: 1.09090909em;
    font-weight: 600 !important;
  }

  #invoice-overview-module #invoice-overview-module-phone #overview-section .payment .inputs label,
  #invoice-overview-module-phone #invoice-overview-module-phone #overview-section .payment .inputs label {
    font-size: 1em;
    font-weight: 400;
    margin-left: .8em;
    margin-right: 1.6em;
  }
}

#notification-overview-module .module-loader,
#notification-overview-module-phone .module-loader {
  display: block;
  margin: 160px auto;
}

#notification-overview-module .no-notifications,
#notification-overview-module-phone .no-notifications {
  color: #30302e;
  font-size: 14px;
}

#notification-overview-module .notification-item,
#notification-overview-module-phone .notification-item {
  padding: 0 0 2em 0;
}

#notification-overview-module .notification-item h4,
#notification-overview-module-phone .notification-item h4 {
  color: #F7931D;
  line-height: 20px;
}

body.company #notification-overview-module .notification-item h4,
body.company #notification-overview-module-phone .notification-item h4 {
  color: #51c1c1;
}

body.color-section-1 #notification-overview-module .notification-item h4,
body.color-section-1 #notification-overview-module-phone .notification-item h4 {
  color: #F7931D;
}

body.color-section-2 #notification-overview-module .notification-item h4,
body.color-section-2 #notification-overview-module-phone .notification-item h4 {
  color: #F37875;
}

body.color-section-3 #notification-overview-module .notification-item h4,
body.color-section-3 #notification-overview-module-phone .notification-item h4 {
  color: #EE4A56;
}

body.company.color-section-1 #notification-overview-module .notification-item h4,
body.company.color-section-1 #notification-overview-module-phone .notification-item h4 {
  color: #51c1c1;
}

body.company.color-section-2 #notification-overview-module .notification-item h4,
body.company.color-section-2 #notification-overview-module-phone .notification-item h4 {
  color: #1f99c9;
}

body.company.color-section-3 #notification-overview-module .notification-item h4,
body.company.color-section-3 #notification-overview-module-phone .notification-item h4 {
  color: #009692;
}

#notification-overview-module .notification-item .short-text,
#notification-overview-module-phone .notification-item .short-text {
  font-size: 14px;
  margin: 1em 0 0 0;
  letter-spacing: -0.02em;
  line-height: 1em;
  font-family: 'Helvetica', Arial;
  font-weight: 600;
  font-weight: bold;
  color: #30302e;
  line-height: 1.6em;
  margin-left: .5em;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #notification-overview-module .notification-item .short-text,
  #notification-overview-module-phone .notification-item .short-text {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  #notification-overview-module .notification-item .short-text,
  #notification-overview-module-phone .notification-item .short-text {
    font-size: 12px;
  }
}

#notification-overview-module .notification-item .short-text:first-child,
#notification-overview-module-phone .notification-item .short-text:first-child {
  margin-top: 0;
}

#notification-overview-module .notification-item .short-text .pre-heading,
#notification-overview-module-phone .notification-item .short-text .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #notification-overview-module .notification-item .short-text,
  #notification-overview-module-phone .notification-item .short-text {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  #notification-overview-module .notification-item .short-text,
  #notification-overview-module-phone .notification-item .short-text {
    font-size: 12px;
  }
}

#notification-overview-module .notification-item .short-text:first-child,
#notification-overview-module-phone .notification-item .short-text:first-child {
  margin-top: 0;
}

#notification-overview-module .notification-item .short-text .pre-heading,
#notification-overview-module-phone .notification-item .short-text .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

#notification-overview-module .notification-item .description,
#notification-overview-module-phone .notification-item .description {
  margin: 1em 0 1em 0;
  display: block;
  font-weight: normal;
  color: #30302e;
  line-height: 1.5em;
}

@media screen and (max-width: 659px) {
  #notification-overview-module .notification-item .short-text,
  #notification-overview-module-phone .notification-item .short-text {
    font-size: 22px;
    margin: 1em 0 0 0;
    color: #30302e;
    letter-spacing: -0.02em;
    line-height: 1em;
    font-family: 'Helvetica', Arial;
    font-weight: 600;
    margin: .3em 0 .3em 0;
    font-weight: bold;
    line-height: 34px;
  }

  #notification-overview-module .notification-item .short-text:first-child,
  #notification-overview-module-phone .notification-item .short-text:first-child {
    margin-top: 0;
  }

  #notification-overview-module .notification-item .short-text .pre-heading,
  #notification-overview-module-phone .notification-item .short-text .pre-heading {
    display: block;
    font-size: 16px;
    line-height: 1em;
    margin-bottom: 5px;
  }

  #notification-overview-module .notification-item .short-text:first-child,
  #notification-overview-module-phone .notification-item .short-text:first-child {
    margin-top: 0;
  }

  #notification-overview-module .notification-item .short-text .pre-heading,
  #notification-overview-module-phone .notification-item .short-text .pre-heading {
    display: block;
    font-size: 16px;
    line-height: 1em;
    margin-bottom: 5px;
  }

  #notification-overview-module .notification-item .description,
  #notification-overview-module-phone .notification-item .description {
    color: #30302e;
    margin: 0 0 1.5em 0;
  }
}

@media screen and (max-width: 659px) and screen and (min-width: 769px) and (max-width: 1024px) {
  #notification-overview-module .notification-item .short-text,
  #notification-overview-module-phone .notification-item .short-text {
    font-size: 20px;
  }
}

@media screen and (max-width: 659px) and screen and (max-width: 768px) {
  #notification-overview-module .notification-item .short-text,
  #notification-overview-module-phone .notification-item .short-text {
    font-size: 16px;
  }
}

@media screen and (max-width: 659px) and screen and (min-width: 769px) and (max-width: 1024px) {
  #notification-overview-module .notification-item .short-text,
  #notification-overview-module-phone .notification-item .short-text {
    font-size: 20px;
  }
}

@media screen and (max-width: 659px) and screen and (max-width: 768px) {
  #notification-overview-module .notification-item .short-text,
  #notification-overview-module-phone .notification-item .short-text {
    font-size: 16px;
  }
}

.subscription-settings-module .my3-heading h1 {
  display: block;
  text-align: center;
}

.subscription-settings-module .topup-subscription {
  border-bottom: 2px solid #f2f2f2;
  margin-bottom: 2em;
}

.subscription-settings-module .module-loader {
  display: block;
  margin: 160px auto;
}

@media screen and (max-width: 659px) {
  .subscription-settings-module .subscription-settings {
    margin-top: 1em;
  }

  .subscription-settings-module .action-bar-settings ul li {
    margin-top: 1em;
  }
}

.subscription-settings-activate-sim h3 {
  margin-top: 1em;
}

.subscription-settings-activate-sim p {
  color: #30302e;
  line-height: 1.85em;
}

.subscription-settings-activate-sim .info {
  margin-top: 1em;
}

.subscription-settings-activate-sim .btn {
  width: 40%;
}

.subscription-settings-activate-sim input[type="text"] {
  margin-top: .5em;
  width: 80%;
}

@media screen and (max-width: 659px) {
  .subscription-settings-activate-sim {
    text-align: left;
    padding-top: 0.5em;
  }

  .subscription-settings-activate-sim .up-arrow-light:before {
    right: 0.5em;
  }

  .subscription-settings-activate-sim .info {
    margin-bottom: 2em;
  }

  .subscription-settings-activate-sim .info ul {
    list-style-type: disc !important;
    list-style-position: inside !important;
  }

  .subscription-settings-activate-sim .form {
    margin-left: 0;
  }

  .subscription-settings-activate-sim .form input[type="text"] {
    margin-left: 0em;
  }

  .subscription-settings-activate-sim .btn {
    width: 100%;
    margin-bottom: .5em;
  }

  .subscription-settings-activate-sim input[type="text"] {
    margin-top: .5em;
    width: 100%;
  }
}

.my3-register-user .up-arrow {
  position: relative;
}

.my3-register-user .up-arrow:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  top: -0.8em;
  right: 18.7em;
  border-left: 0.923em solid rgba(255, 255, 255, 0);
  border-right: 0.923em solid rgba(255, 255, 255, 0);
  border-bottom: 0.923em solid #F7931D;
}

.my3-register-user .up-arrow-light {
  position: relative;
}

.my3-register-user .up-arrow-light:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  top: -0.8em;
  right: 18.7em;
  border-left: 0.923em solid rgba(255, 255, 255, 0);
  border-right: 0.923em solid rgba(255, 255, 255, 0);
  border-bottom: 0.923em solid #f2f2f2;
}

.my3-register-user .up-arrow-light:after {
  bottom: .8em;
}

.my3-register-user .no-up-arrows {
  margin-top: 0;
}

.my3-register-user .no-up-arrows .up-arrow:before,
.my3-register-user .no-up-arrows .up-arrow-light:before {
  border: 0;
}

.my3-register-user .expandable {
  margin-top: 0;
}

.my3-register-user.unregistered-user-arrow-pos .up-arrow-light:before {
  right: 0;
  left: 6.8em;
}

.my3-register-user.unregistered-user-arrow-pos .up-arrow:before {
  right: 0;
  left: 12.2em;
}

.my3-register-user .radio {
  margin-bottom: 1em;
}

.my3-register-user i.icon-close,
.my3-register-user i.icon-dropdown {
  font-size: 2.9em;
  margin-left: 0.5em;
  color: #f48158;
  vertical-align: middle;
  line-height: 0px;
}

.my3-register-user .register-button {
  width: 50%;
}

.my3-expander-register-user .up-arrow {
  position: relative;
}

.my3-expander-register-user .up-arrow:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  top: -0.8em;
  right: 18.7em;
  border-left: 0.923em solid rgba(255, 255, 255, 0);
  border-right: 0.923em solid rgba(255, 255, 255, 0);
  border-bottom: 0.923em solid #F7931D;
}

.my3-expander-register-user .up-arrow-light {
  position: relative;
}

.my3-expander-register-user .up-arrow-light:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  top: -0.8em;
  right: 18.7em;
  border-left: 0.923em solid rgba(255, 255, 255, 0);
  border-right: 0.923em solid rgba(255, 255, 255, 0);
  border-bottom: 0.923em solid #f2f2f2;
}

.my3-expander-register-user .up-arrow-light:after {
  bottom: .8em;
}

.my3-expander-register-user .no-up-arrows {
  margin-top: 0;
}

.my3-expander-register-user .no-up-arrows .up-arrow:before,
.my3-expander-register-user .no-up-arrows .up-arrow-light:before {
  border: 0;
}

.my3-expander-register-user .expandable {
  margin-top: 0;
}

.my3-expander-register-user.unregistered-user-arrow-pos .up-arrow-light:before {
  right: 0;
  left: 6.8em;
}

.my3-expander-register-user.unregistered-user-arrow-pos .up-arrow:before {
  right: 0;
  left: 12.2em;
}

.my3-expander-register-user .radio {
  margin-bottom: 1em;
}

.my3-expander-register-user i.icon-close,
.my3-expander-register-user i.icon-dropdown {
  font-size: 2.9em;
  margin-left: 0.5em;
  color: #f48158;
  vertical-align: middle;
  line-height: 0px;
}

.my3-expander-register-user .register-button {
  width: 50%;
}

.my3-expander-register-user-unregistered .up-arrow {
  position: relative;
}

.my3-expander-register-user-unregistered .up-arrow:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  top: -0.8em;
  right: 18.7em;
  border-left: 0.923em solid rgba(255, 255, 255, 0);
  border-right: 0.923em solid rgba(255, 255, 255, 0);
  border-bottom: 0.923em solid #F7931D;
}

.my3-expander-register-user-unregistered .up-arrow-light {
  position: relative;
}

.my3-expander-register-user-unregistered .up-arrow-light:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  top: -0.8em;
  right: 18.7em;
  border-left: 0.923em solid rgba(255, 255, 255, 0);
  border-right: 0.923em solid rgba(255, 255, 255, 0);
  border-bottom: 0.923em solid #f2f2f2;
}

.my3-expander-register-user-unregistered .up-arrow-light:after {
  bottom: .8em;
}

.my3-expander-register-user-unregistered .no-up-arrows {
  margin-top: 0;
}

.my3-expander-register-user-unregistered .no-up-arrows .up-arrow:before,
.my3-expander-register-user-unregistered .no-up-arrows .up-arrow-light:before {
  border: 0;
}

.my3-expander-register-user-unregistered .expandable {
  margin-top: 0;
}

.my3-expander-register-user-unregistered.unregistered-user-arrow-pos .up-arrow-light:before {
  right: 0;
  left: 6.8em;
}

.my3-expander-register-user-unregistered.unregistered-user-arrow-pos .up-arrow:before {
  right: 0;
  left: 12.2em;
}

.my3-expander-register-user-unregistered .radio {
  margin-bottom: 1em;
}

.my3-expander-register-user-unregistered i.icon-close,
.my3-expander-register-user-unregistered i.icon-dropdown {
  font-size: 2.9em;
  margin-left: 0.5em;
  color: #f48158;
  vertical-align: middle;
  line-height: 0px;
}

.my3-expander-register-user-unregistered .register-button {
  width: 50%;
}

.my3-expander-register-user-unregistered .expand-link {
  color: #F7931D;
}

body.company .my3-expander-register-user-unregistered .expand-link {
  color: #51c1c1;
}

body.color-section-1 .my3-expander-register-user-unregistered .expand-link {
  color: #F7931D;
}

body.color-section-2 .my3-expander-register-user-unregistered .expand-link {
  color: #F37875;
}

body.color-section-3 .my3-expander-register-user-unregistered .expand-link {
  color: #EE4A56;
}

body.company.color-section-1 .my3-expander-register-user-unregistered .expand-link {
  color: #51c1c1;
}

body.company.color-section-2 .my3-expander-register-user-unregistered .expand-link {
  color: #1f99c9;
}

body.company.color-section-3 .my3-expander-register-user-unregistered .expand-link {
  color: #009692;
}

.my3-expander-register-user-unregistered .expand-link i.icon-close,
.my3-expander-register-user-unregistered .expand-link i.icon-dropdown {
  color: #F7931D;
  font-size: 2.7em;
  margin-left: 0.5em;
  vertical-align: middle;
  line-height: 0px;
}

body.company .my3-expander-register-user-unregistered .expand-link i.icon-close,
body.company .my3-expander-register-user-unregistered .expand-link i.icon-dropdown {
  color: #51c1c1;
}

body.color-section-1 .my3-expander-register-user-unregistered .expand-link i.icon-close,
body.color-section-1 .my3-expander-register-user-unregistered .expand-link i.icon-dropdown {
  color: #F7931D;
}

body.color-section-2 .my3-expander-register-user-unregistered .expand-link i.icon-close,
body.color-section-2 .my3-expander-register-user-unregistered .expand-link i.icon-dropdown {
  color: #F37875;
}

body.color-section-3 .my3-expander-register-user-unregistered .expand-link i.icon-close,
body.color-section-3 .my3-expander-register-user-unregistered .expand-link i.icon-dropdown {
  color: #EE4A56;
}

body.company.color-section-1 .my3-expander-register-user-unregistered .expand-link i.icon-close,
body.company.color-section-1 .my3-expander-register-user-unregistered .expand-link i.icon-dropdown {
  color: #51c1c1;
}

body.company.color-section-2 .my3-expander-register-user-unregistered .expand-link i.icon-close,
body.company.color-section-2 .my3-expander-register-user-unregistered .expand-link i.icon-dropdown {
  color: #1f99c9;
}

body.company.color-section-3 .my3-expander-register-user-unregistered .expand-link i.icon-close,
body.company.color-section-3 .my3-expander-register-user-unregistered .expand-link i.icon-dropdown {
  color: #009692;
}

.my3-expander-register-user-unregistered .row .span9 {
  width: 100%;
}

.my3-register-user-form h3 {
  margin-top: 1em;
  margin-bottom: 1em;
}

.my3-register-user-form p {
  color: #30302e;
}

.my3-register-user-form .register-tf p.c-input {
  margin-top: 3em;
}

.my3-register-user-form .register-tf p.c-input:first-child {
  margin-top: 1em;
}

.my3-register-user-form .register-tf input {
  margin-top: 0.5em;
}

.my3-register-user-form .checker {
  vertical-align: top;
}

.my3-register-user-form .register-code-on-its-way-content,
.my3-register-user-form .register-completion,
.my3-register-user-form .register-complete {
  margin-top: 1.2em;
  text-align: center;
}

.my3-register-user-form .register-code-on-its-way-content .register-code-btn,
.my3-register-user-form .register-completion .register-code-btn,
.my3-register-user-form .register-complete .register-code-btn,
.my3-register-user-form .register-code-on-its-way-content .btn-completed-ok,
.my3-register-user-form .register-completion .btn-completed-ok,
.my3-register-user-form .register-complete .btn-completed-ok {
  width: 20%;
}

.my3-register-user-form .register-code-on-its-way-content .error-message,
.my3-register-user-form .register-completion .error-message,
.my3-register-user-form .register-complete .error-message {
  color: #fff;
}

.no-up-arrows .my3-register-user-form .register-code-on-its-way-content,
.no-up-arrows .my3-register-user-form .register-completion,
.no-up-arrows .my3-register-user-form .register-complete {
  margin-top: 0;
}

.my3-register-user-form .number-listing {
  margin-top: 2em;
  display: inline-block;
  text-align: left;
}

.my3-register-user-form .number-listing .accept-listing {
  float: left;
}

.my3-register-user-form .number-listing .accept-listing-info {
  margin-top: 0;
}

.my3-register-user-form .list-number {
  text-align: center;
}

.my3-register-user-form .list-number .send button {
  width: 40%;
}

.my3-register-user-form .complete-reg {
  margin-top: 1em;
  display: inline-block;
  width: 49%;
  text-align: left;
}

.my3-register-user-form .complete-reg .code-input {
  display: inline-block;
  width: 50%;
}

.my3-register-user-form .complete-reg .send {
  display: inline-block;
  float: right;
  width: 45%;
}

.my3-register-user-form .c-approve-agreement {
  display: inline-block;
}

.my3-register-user-form .approve-agreement-label {
  display: inline-block;
}

.my3-register-user-form .approve-agreement {
  vertical-align: top;
  margin-top: 0.27em;
}

@media screen and (max-width: 659px) {
  .my3-register-user.unregistered-user-arrow-pos .up-arrow-light:before {
    left: auto;
    right: 1em;
  }

  .my3-expander-register-user-unregistered .expand-link {
    float: right;
    margin-right: 0.5em;
  }

  .my3-register-user-form .tac {
    text-align: left;
  }

  .my3-register-user-form .register-code-on-its-way-content .register-code-btn,
  .my3-register-user-form .register-completion .register-code-btn,
  .my3-register-user-form .register-complete .register-code-btn,
  .my3-register-user-form .register-code-on-its-way-content .btn-completed-ok,
  .my3-register-user-form .register-completion .btn-completed-ok,
  .my3-register-user-form .register-complete .btn-completed-ok {
    width: 100%;
  }

  .my3-register-user-form .register-completion .button {
    width: 100%;
  }

  .my3-register-user-form .number-listing {
    margin-top: 2em;
    display: block;
    width: 100%;
    text-align: left;
  }

  .my3-register-user-form .number-listing .accept-listing {
    float: left;
  }

  .my3-register-user-form .number-listing .accept-listing-info {
    margin-top: 0;
  }

  .my3-register-user-form .list-number {
    text-align: center;
  }

  .my3-register-user-form .list-number .send button {
    width: 100%;
  }

  .my3-register-user-form .complete-reg {
    margin-top: 1em;
    display: block;
    width: 100%;
    text-align: left;
  }

  .my3-register-user-form .complete-reg .code-input {
    display: block;
    width: 100%;
  }

  .my3-register-user-form .complete-reg .send {
    margin-top: 1em;
    display: block;
    width: 100%;
  }

  .my3-register-user-form div .row .span10 {
    width: 100%;
  }

  .my3-register-user-form div .row .register-tf {
    margin-left: 0;
  }

  .my3-register-user-form div .row .offset2,
  .my3-register-user-form div .row .span12 {
    margin-left: 0;
    width: 100%;
  }

  .my3-register-user-form div .row .offset12,
  .my3-register-user-form div .row .span5 {
    margin-left: 0;
    width: 100%;
  }

  .my3-register-user-form div .row .span5 {
    width: 100%;
  }

  .my3-register-user-form .c-radios-numbervisible {
    margin-top: 2em;
  }

  .my3-register-user-form .send-registration-btn {
    margin-top: 1em;
  }

  .my3-register-user-form .approve-agreement-label {
    display: block;
  }
}

.subscription-other-settings [class*="color-fill"] p {
  color: #30302e;
}

.subscription-other-settings .number-porting #setup-number-dropdown {
  margin-top: 1em;
  margin-bottom: 1em;
}

.subscription-other-settings .setup-number-port {
  margin-top: 1em;
}

.subscription-other-settings .setup-number-port-details {
  margin-bottom: 3em;
}

.subscription-other-settings .setup-number-port-details .number-port-field {
  margin-top: 1em;
  margin-bottom: 1em;
}

.account-details table {
  margin-top: 2em;
}

.account-details table td {
  color: #30302e;
  border: 0;
}

.account-details table td:first-child {
  font-weight: bold;
}

.activePrenumerations h3 {
  margin-top: 1em;
  margin-bottom: .5em;
}

.activePrenumerations p {
  color: #30302e;
}

.activePrenumerations .c-rows .row,
.activePrenumerations .c-rows-header .row {
  margin-top: 0em;
  margin-bottom: 1em;
  line-height: 3em;
}

.activePrenumerations .c-rows-header {
  font-weight: bold;
  margin-bottom: .5em;
}

.activePrenumerations .c-error-messages p {
  text-align: center;
}

.activePrenumerations .action-link [class*="icon"] {
  font-size: 3em;
  color: #F7931D;
}

.activePrenumerations .edit-recurring-info .container:first-child:before {
  top: -0.8em;
  border-bottom: 0.923em solid #fff;
}

.activePrenumerations .edit-recurring-info .light-color-fill .container:first-child:before {
  top: -0.8em;
  border-bottom: 0.923em solid #f5f5f5;
}

.activePrenumerations .edit-recurring-info .padded-row {
  padding: 10px 0;
}

.activePrenumerations .edit-recurring-info .mtl {
  margin-top: 2em;
}

.activePrenumerations .edit-recurring-info li {
  font-size: 0.9em;
}

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

@media screen and (max-width: 659px) {
  .activePrenumerations .row [class*="span"] {
    margin-left: 0;
  }

  .activePrenumerations .row [class*="span"] p {
    margin-top: 0;
  }

  .activePrenumerations .row {
    position: relative;
    padding-bottom: 1em;
  }

  .activePrenumerations select {
    display: block;
  }

  .activePrenumerations a.button {
    display: block;
  }

  .activePrenumerations .action-link [class*="icon"] {
    font-size: 3em;
  }
}

.topup-subscription .topup-info,
.topup-register .topup-info {
  color: #30302e;
  line-height: 1.85em;
  margin-top: 1em;
}

.topup-subscription .voucher-form .wrap,
.topup-register .voucher-form .wrap {
  margin-top: 2em;
}

.topup-subscription .choose-method .form-control,
.topup-register .choose-method .form-control {
  margin-bottom: 12px;
}

.topup-subscription .add-number-form .form-control,
.topup-register .add-number-form .form-control {
  margin-top: .5em;
}

.topup-subscription .expand-button a,
.topup-register .expand-button a,
.topup-subscription .expand-button button,
.topup-register .expand-button button {
  width: 15em;
}

.topup-subscription .expandable,
.topup-register .expandable {
  margin-top: 4em;
}

.topup-subscription .up-arrow,
.topup-register .up-arrow {
  position: relative;
}

.topup-subscription .up-arrow:before,
.topup-register .up-arrow:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  top: -0.6em;
  right: 15em;
  border-left: 0.923em solid rgba(255, 255, 255, 0);
  border-right: 0.923em solid rgba(255, 255, 255, 0);
  border-bottom: 0.923em solid #F7931D;
}

.topup-subscription .up-arrow-light,
.topup-register .up-arrow-light {
  position: relative;
}

.topup-subscription .up-arrow-light:before,
.topup-register .up-arrow-light:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  top: -0.8em;
  right: 18.7em;
  border-left: 0.923em solid rgba(255, 255, 255, 0);
  border-right: 0.923em solid rgba(255, 255, 255, 0);
  border-bottom: 0.923em solid #f2f2f2;
}

.topup-subscription .up-arrow-light:after,
.topup-register .up-arrow-light:after {
  bottom: .8em;
}

.topup-subscription .radio,
.topup-register .radio {
  margin-bottom: 1em;
}

.topup-subscription .light-color-fill .voucher-usp ul li,
.topup-register .light-color-fill .voucher-usp ul li {
  clear: left;
  color: #30302e;
}

.topup-subscription .voucher-usp,
.topup-register .voucher-usp {
  color: #30302e;
}

.topup-subscription .voucher-usp ul li,
.topup-register .voucher-usp ul li {
  clear: left;
}

.topup-subscription i.icon-close,
.topup-register i.icon-close,
.topup-subscription i.icon-dropdown,
.topup-register i.icon-dropdown {
  font-size: 2.9em;
  margin-left: 0.5em;
  color: #f48158;
  vertical-align: middle;
  line-height: 0px;
  cursor: pointer;
}

.topup-subscription {
  margin-top: 1.5em;
}

.topup-subscription i[class~="icon-star"] {
  margin-left: 0.1em;
  font-size: 1.9em;
}

.topup-subscription .color-negative {
  color: #fff;
}

.topup-subscription .color-light {
  color: #f2f2f2;
}

.topup-subscription .color-medium {
  color: #EE4A56;
}

.topup-subscription .color-cb-enabled {
  color: #cccccc;
}

.topup-subscription .color-cb-disabled {
  color: #fff;
}

.topup-subscription .color-cb-selected {
  color: #EE4A56;
}

@media screen and (max-width: 659px) {
  .topup-subscription .topup-info,
  .topup-register .topup-info {
    width: 100%;
    margin-bottom: 1em;
  }

  .topup-subscription .add-number-form,
  .topup-register .add-number-form {
    margin-left: 0;
    width: 100%;
  }

  .topup-subscription .add-number-form .field-label,
  .topup-register .add-number-form .field-label {
    display: none;
  }

  .topup-subscription .add-number-form .expand-button a,
  .topup-register .add-number-form .expand-button a,
  .topup-subscription .add-number-form .expand-button button,
  .topup-register .add-number-form .expand-button button {
    width: 100%;
  }

  .topup-subscription .add-number-form .expand-button i,
  .topup-register .add-number-form .expand-button i {
    display: none;
  }

  .topup-subscription .add-number-form .expand-button i:before,
  .topup-register .add-number-form .expand-button i:before {
    content: "X";
  }

  .topup-subscription .add-number-form .expand-button.st-active a,
  .topup-register .add-number-form .expand-button.st-active a,
  .topup-subscription .add-number-form .expand-button.st-active button,
  .topup-register .add-number-form .expand-button.st-active button {
    width: 85%;
  }

  .topup-subscription .add-number-form .expand-button.st-active i,
  .topup-register .add-number-form .expand-button.st-active i {
    display: inline-block;
  }

  .topup-subscription .voucher-usp ul,
  .topup-register .voucher-usp ul {
    margin-bottom: 2em;
    margin-left: .5em;
  }

  .topup-subscription .voucher-usp ul li,
  .topup-register .voucher-usp ul li {
    clear: left;
  }

  .topup-subscription .span9,
  .topup-register .span9 {
    width: 100%;
  }
}

.topup-subscription .iframe-container {
  height: 190px;
  margin: 0 auto 30px auto;
  max-width: 1064px;
}

.topup-subscription .iframe-container iframe {
  width: 997px;
  height: 370px;
  border: 0;
  margin-bottom: 0px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .topup-subscription .iframe-container {
    max-width: 852px;
  }
}

@media screen and (max-width: 1066px) {
  .topup-subscription .iframe-container {
    width: 100%;
    height: 400px;
    margin-bottom: 20px;
  }

  .topup-subscription .iframe-container iframe {
    width: 100%;
    height: 100%;
  }
}

.topup-subscription .header-container {
  padding-top: 30px;
}

.topup-subscription #useVoucherForm .use-voucher-successful {
  margin-top: 20px;
}

.topup-subscription #useVoucherForm .use-voucher-failed {
  margin-top: 20px;
}

.topup-subscription .bank-object-wrapper {
  margin-bottom: 1.5em;
}

.topup-form h3,
.topup-form .freq-label p:first-child {
  margin-top: 16px !important;
}

.topup-form .topup-frequency .choose-topup-freq .form-control + .form-control {
  margin-top: 0;
}

.topup-form table,
.topup-form tr,
.topup-form td {
  border: 1px solid black;
}

.topup-form .frequency-notifier {
  visibility: hidden;
  float: right;
  margin-right: 8.5em;
  margin-bottom: 0.5em;
}

.topup-form .freq-label p {
  font-size: 14px;
  margin: 1em 0 0 0;
  color: #30302e;
  letter-spacing: -0.02em;
  line-height: 1em;
  font-family: 'Helvetica', Arial;
  font-weight: 600;
  color: #30302e !important;
  font-weight: bold;
  margin-left: .3em;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .topup-form .freq-label p {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  .topup-form .freq-label p {
    font-size: 12px;
  }
}

.topup-form .freq-label p:first-child {
  margin-top: 0;
}

.topup-form .freq-label p .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .topup-form .freq-label p {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  .topup-form .freq-label p {
    font-size: 12px;
  }
}

.topup-form .freq-label p:first-child {
  margin-top: 0;
}

.topup-form .freq-label p .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

.topup-form .c-error-messages p {
  font-size: 14px;
  margin: 1em 0 0 0;
  color: #30302e;
  letter-spacing: -0.02em;
  line-height: 1em;
  font-family: 'Helvetica', Arial;
  font-weight: 600;
  color: #EE4A56;
  font-weight: bold;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .topup-form .c-error-messages p {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  .topup-form .c-error-messages p {
    font-size: 12px;
  }
}

.topup-form .c-error-messages p:first-child {
  margin-top: 0;
}

.topup-form .c-error-messages p .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .topup-form .c-error-messages p {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  .topup-form .c-error-messages p {
    font-size: 12px;
  }
}

.topup-form .c-error-messages p:first-child {
  margin-top: 0;
}

.topup-form .c-error-messages p .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

.topup-form .voucher-choice.color-cb-selected .color-cb-enabled {
  color: #EE4A56;
}

.topup-form .voucher-form .voucher-info {
  margin-top: 3em;
}

.topup-form .voucher-form .voucher-info p {
  margin-bottom: 2.3em;
}

.topup-form .voucher-form .icon-holder img {
  display: block;
  margin: auto;
}

.topup-form .voucher-form .isp .separator-light {
  display: none;
}

.topup-form .voucher-form .isp .c-radio {
  margin-left: 1.2em;
}

.topup-form .voucher-form .c-subinfo {
  display: inline-block;
  width: 30%;
  min-height: 12em;
  vertical-align: top;
  margin-right: 1%;
}

.topup-form .voucher-form .c-subinfo.group-start {
  display: block;
}

.topup-form .voucher-form .c-subinfo.isp {
  min-height: 0;
  width: auto;
}

.topup-form .voucher-form .c-subinfo .price {
  margin-left: 0.5em;
  margin-right: 0.3em;
  font-size: 1.2em;
}

.topup-form .voucher-form .c-subinfo .currency {
  font-size: 0.9em;
  font-weight: 300;
}

.topup-form .voucher-form .c-subinfo .c-radio {
  vertical-align: top;
  margin-top: 0.5em;
}

.topup-form .voucher-form .c-subinfo .c-info {
  margin-top: 1em;
  margin-left: 2em;
  padding-bottom: 1em;
}

@media screen and (max-width: 659px) {
  .topup-form .topup-frequency h3 {
    margin-bottom: .8em;
  }

  .topup-form .topup-frequency .input-freq {
    margin-top: 1em;
    margin-left: 1em;
    width: 100%;
  }

  .topup-form .topup-frequency .choose-topup-freq .freq-amount,
  .topup-form .topup-frequency .choose-topup-freq .freq-interval,
  .topup-form .topup-frequency .choose-topup-freq .freq-year,
  .topup-form .topup-frequency .choose-topup-freq .freq-month,
  .topup-form .topup-frequency .choose-topup-freq .freq-day {
    margin-left: 0 !important;
    width: 100% !important;
  }

  .topup-form .voucher-form .voucher-info {
    display: none;
  }

  .topup-form .voucher-form .icon-holder img {
    display: none;
    margin: auto;
  }

  .topup-form .voucher-form .voucher-item,
  .topup-form .voucher-form .voucher-item-eparator {
    width: 100%;
    display: none;
  }

  .topup-form .voucher-form .c-subinfo {
    min-height: 0;
    margin-left: 0;
    width: 100%;
    display: none;
  }

  .topup-form .voucher-form .c-subinfo .c-radio {
    display: none;
  }

  .topup-form .voucher-form .c-subinfo .c-info {
    margin-left: 0;
  }

  .topup-form .choose-payment-method .choose-method .form-control {
    margin-bottom: 12px;
  }

  .topup-form .choose-payment-method .action-btns .c-cancel {
    margin-bottom: 1em;
  }

  .topup-form .choose-payment-method .action-btns .c-cancel,
  .topup-form .choose-payment-method .action-btns .c-pay {
    margin-left: 0;
    width: 100%;
  }

  .topup-form .choose-payment-method .c-error-messages {
    margin-left: 0;
  }
}

.topup-history {
  margin-top: 4em;
}

.topup-history p {
  color: #30302e;
}

.topup-history .c-rows,
.topup-history .c-rows-header {
  font-weight: bold;
}

.topup-history .c-rows .row,
.topup-history .c-rows-header .row {
  margin-top: 1em;
  margin-bottom: .3em;
}

@media screen and (max-width: 659px) {
  .topup-history .row [class*="span"] {
    margin-left: 0;
  }

  .topup-history .row [class*="span"] p {
    margin-top: 0;
  }

  .topup-history .row {
    position: relative;
    padding-bottom: 1em;
  }

  .topup-history .row .cost {
    position: absolute;
    right: 0.5em;
    top: -1.1em;
    margin-top: 1em;
    width: auto;
    font-size: 1.6em;
    color: #455456;
  }
}

.notification .my3-heading h1 {
  display: block;
  text-align: center;
}

.notification #notifications-list-container {
  margin-top: 1em;
}

.notification .module-loader {
  display: block;
  margin: 160px auto;
}

.notification .no-notifications {
  padding: 2em 0 12em 0;
}

.notification p {
  font-size: 14px;
  margin: 1em 0 0 0;
  letter-spacing: -0.02em;
  line-height: 1em;
  font-family: 'Helvetica', Arial;
  font-weight: 600;
  color: #30302e;
  font-weight: normal;
  line-height: normal;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .notification p {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  .notification p {
    font-size: 12px;
  }
}

.notification p:first-child {
  margin-top: 0;
}

.notification p .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .notification p {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  .notification p {
    font-size: 12px;
  }
}

.notification p:first-child {
  margin-top: 0;
}

.notification p .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

.notification .bar {
  padding: 1em 0;
  min-height: 100px;
}

.notification .info-bar.row [class*="span"] {
  min-height: 50px;
}

.notification .info-bar .date {
  color: #F7931D;
}

body.company .notification .info-bar .date {
  color: #51c1c1;
}

body.color-section-1 .notification .info-bar .date {
  color: #F7931D;
}

body.color-section-2 .notification .info-bar .date {
  color: #F37875;
}

body.color-section-3 .notification .info-bar .date {
  color: #EE4A56;
}

body.company.color-section-1 .notification .info-bar .date {
  color: #51c1c1;
}

body.company.color-section-2 .notification .info-bar .date {
  color: #1f99c9;
}

body.company.color-section-3 .notification .info-bar .date {
  color: #009692;
}

.notification .info-bar .date.new:before,
.notification .info-bar .date.unread:before {
  margin-right: 0.7em;
  content: "";
  display: inline-block;
  width: 0.7em;
  height: 0.7em;
  background-color: #F37875;
  border-radius: 0.7em;
}

.company .notification .info-bar .date.new:before,
.company .notification .info-bar .date.unread:before {
  background-color: #1f99c9;
}

.notification .info-bar .status {
  line-height: 25px;
}

.notification .text {
  -webkit-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  transform: translateY(-15px);
}

.notification .action-btn {
  position: relative;
  top: .5em;
}

.notification .see-all {
  margin-left: 4em;
  vertical-align: text-bottom;
  background: #c84c31;
  background: rgba(255, 255, 255, 0.2);
}

.notification .see-all i {
  font-size: 1.6em;
  vertical-align: sub;
  margin-right: 0.6em;
}

.notification .show-more a i {
  position: relative;
  left: 6px;
  bottom: 1px;
}

@media screen and (max-width: 659px) {
  .notification .text {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }

  .notification .see-all {
    margin-left: 0.5em;
    margin-top: 1.5em;
  }

  .notification .unread-reset.unread:after {
    margin-left: 0em;
    width: 0em;
    height: 0em;
    background-color: #EE4A56;
    border-radius: 0em;
  }

  .notification .info-bar.row [class*="span"] {
    min-height: 1px;
  }

  .notification .info-bar .status {
    margin-bottom: .2em;
  }

  .notification .info-bar .date {
    margin-bottom: .4em;
  }

  .notification .info-bar .date strong {
    font-weight: 300;
  }

  .notification .info-bar .date.read {
    margin-left: 1em;
  }

  .notification .info-bar .date.unread {
    margin-left: 0;
    width: 100%;
  }

  .notification .info-bar .date.unread:before {
    margin-right: 0.4em;
  }

  .notification .info-bar .date.unread:after {
    margin-left: 0em;
    width: 0em;
    height: 0em;
    background-color: #EE4A56;
    border-radius: 0em;
  }

  .notification .info-bar .expand-link {
    float: right;
    margin-top: 1em;
    margin-right: 0.5em;
  }

  .notification .action-btn {
    position: static;
    margin-top: .6em;
  }

  .notification .expandable {
    margin: 0;
  }

  .notification .expandable > .container:before {
    top: -0.9em;
    right: 0.87em;
  }
}

.my3-settings-page {
  padding-bottom: 50px;
}

.my3-settings-page p {
  color: #30302e;
  line-height: 1.5em;
}

.my3-settings-page h5 + p {
  margin-top: 0;
}

.my3-settings-page h3 {
  position: relative;
}

.my3-settings-page h3 i {
  font-size: 2em;
  line-height: 1em;
  position: absolute;
  -webkit-transform: translate(10px, -11px);
  -ms-transform: translate(10px, -11px);
  transform: translate(10px, -11px);
}

.my3-settings-page h3.edit {
  cursor: pointer;
}

.my3-settings-page h3.edit:hover {
  color: #F7931D;
}

body.company .my3-settings-page h3.edit:hover {
  color: #51c1c1;
}

body.color-section-1 .my3-settings-page h3.edit:hover {
  color: #F7931D;
}

body.color-section-2 .my3-settings-page h3.edit:hover {
  color: #F37875;
}

body.color-section-3 .my3-settings-page h3.edit:hover {
  color: #EE4A56;
}

body.company.color-section-1 .my3-settings-page h3.edit:hover {
  color: #51c1c1;
}

body.company.color-section-2 .my3-settings-page h3.edit:hover {
  color: #1f99c9;
}

body.company.color-section-3 .my3-settings-page h3.edit:hover {
  color: #009692;
}

@media screen and (max-width: 659px) {
  .my3-settings-page .email-container {
    margin-top: 1em;
  }

  .my3-settings-page .edit-contact-container {
    margin-top: 20px;
  }
}

.my3-settings-page .radios {
  margin-top: 1em;
  *zoom: 1;
}

.my3-settings-page .radios:before,
.my3-settings-page .radios:after {
  display: table;
  content: "";
  line-height: 0;
}

.my3-settings-page .radios:after {
  clear: both;
}

.my3-settings-page .radios label {
  cursor: pointer;
  float: left;
  width: 50%;
}

@media screen and (max-width: 659px) {
  .my3-settings-page .radios label {
    margin-top: 0;
  }
}

.my3-settings-page .radios label .radio {
  margin-right: 15px;
}

.my3-settings-page .button + .button {
  margin-left: 0.5em;
}

.my3-settings-page .password-view-container p {
  margin: 1em auto;
}

.my3-settings-page .settings-links a {
  *zoom: 1;
  display: block;
  line-height: 62px;
  font-size: 2.69230769em;
  margin-top: 1em;
  color: #000;
}

.my3-settings-page .settings-links a:before,
.my3-settings-page .settings-links a:after {
  display: table;
  content: "";
  line-height: 0;
}

.my3-settings-page .settings-links a:after {
  clear: both;
}

.my3-settings-page .settings-links a:hover {
  text-decoration: none;
}

.my3-settings-page .settings-links a:first-of-type {
  margin-top: 0;
}

.my3-settings-page .settings-links img {
  display: block;
  float: left;
  width: 62px;
  height: 62px;
  margin-right: 0.5em;
}

.my3-settings-page .settings-links span {
  display: block;
  float: left;
}

@media screen and (max-width: 659px) {
  .my3-settings-page .settings-links {
    margin-top: 1em;
  }

  .my3-settings-page .settings-links a {
    font-size: 18px;
    line-height: 50px;
    margin-top: 0;
  }

  .my3-settings-page .settings-links img {
    height: 50px;
    width: 50px;
  }
}

.my3-settings-page .edit-area .message-bar {
  margin-bottom: 10px;
}

.my3-settings-page .edit-area .view-content {
  background-color: #f2f2f2;
  border-radius: 3px;
  width: auto !important;
  padding: 20px;
  opacity: 1 !important;
  margin-top: 1em;
  box-sizing: border-box;
}

.my3-settings-page .edit-area .view-content p:first-child {
  margin-top: 0;
}

.my3-settings-page .edit-area .view-content .disabled {
  background-color: #e5e5e5;
}

.my3-settings-page .edit-area .input-wrapper {
  margin-bottom: 1em;
}

@media screen and (max-width: 659px) {
  .my3-settings-page .edit-area .btn {
    width: 100%;
  }

  .my3-settings-page .edit-area .btn:first-child {
    margin-bottom: 1em;
  }
}

.my3-settings-page .input-wrapper {
  margin-top: 0 !important;
}

.my3-settings-page .dots-loader-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
  display: none;
  z-index: 3;
  padding-bottom: 30px;
  margin-left: -20px;
}

.my3-settings-page .dots-loader-container .dots-loader {
  top: 50%;
  left: 50%;
  margin-left: -3.5em;
}

.my3-settings-page section {
  position: relative;
}

.my3-settings-page .deals-settings-view-container {
  padding-bottom: 5px;
}

.my3-settings-page .long-text-checkbox {
  position: relative;
}

.my3-settings-page .long-text-checkbox div {
  display: inline-block;
}

.my3-settings-page .long-text-checkbox .text {
  position: absolute;
  left: 10px;
  top: -2px;
}

@media screen and (max-width: 659px) {
  .my3-settings-page .long-text-checkbox .text {
    top: -5px;
  }
}

.my3-settings-page .long-text-checkbox .checkbox-item {
  position: absolute;
  left: 0;
  top: -10px;
  margin-top: 0;
}

.my3-settings-page .long-text-checkbox p {
  line-height: 1.5;
  padding-left: 20px;
}

.repair-module .repair-status {
  font-weight: 600;
}

.repair-module .expandable {
  margin-top: 0em;
}

.repair-module .info-shape {
  display: inline-block;
  padding: 1em 1.429em;
  font-weight: 600;
  box-sizing: border-box;
  border: none;
  border-radius: 0.286em;
  background-color: #000;
  color: #fff;
  text-align: center;
}

.repair-module .info-shape p {
  margin: 0;
}

.repair-module .pull-right {
  float: right;
}

.repair-module a {
  text-decoration: none;
}

.repair-module i[class*="icon"] {
  position: relative;
  line-height: 1;
  font-size: 3em;
  top: 0.13em;
  margin-left: 0.34em;
  margin-right: 0.5em;
}

.repair-module ul {
  padding-left: 1em;
}

.repair-module .order-status strong {
  margin: 1em 0 0 0;
}

.repair-module .order-status .tm {
  margin-top: .42em;
}

.repair-module .pb {
  padding-bottom: .7em;
}

.repair-module .mt-sep {
  margin-top: 1.6em;
}

.repair-module .nml {
  margin-left: 0;
}

.repair-module .nmt {
  margin-top: 0;
}

.repair-module .list-device p {
  margin-top: 0;
}

.repair-module .no-device-on-record h1 {
  margin-top: 1.9em;
}

.repair-module .no-device-on-record .last-row-margin {
  margin-top: 2.2em;
}

.repair-module .insurance-information p {
  margin-top: 0;
}

.repair-module .error-description .selector {
  margin-top: 1em;
}

.repair-module .error-description textarea {
  width: 100%;
  resize: none;
}

.repair-module .di {
  display: inline;
}

.repair-module .cost-proposal-amount {
  color: #EE4A56;
  font-size: 1.2em;
}

.repair-module .repair-orders .expandable {
  margin-top: 0em;
}

.repair-module .repair-orders .iconspan {
  margin-top: -1.5em;
}

.repair-module .repair-response-message .container.up-arrow:before {
  right: 15.5em;
}

.repair-module .repair-response-message .receipt-url-repair-order {
  margin-right: 20px;
  margin-bottom: 20px;
}

.repair-module .repair-response-message .create-new-repair-order {
  clear: both;
}

.repair-module #confirm-cost-estimate {
  background-color: white;
}

.repair-module #confirm-cost-estimate .span14.offset12.separator {
  margin-top: 1em !important;
}

.repair-module #confirm-cost-estimate .error-message.colored.api-error {
  margin-top: 2em;
}

.repair-module .validate-confirm-cost a {
  margin-bottom: 1em;
}

@media screen and (max-width: 659px) {
  .repair-module .cost-proposal-header {
    margin-left: 1.3% !important;
  }

  .repair-module .cost-proposal-description {
    margin-top: 0!important;
  }

  .repair-module .cost-proposal-description-from-epi p {
    margin-left: 0!important;
    float: none;
    clear: both;
    display: block!important;
  }

  .repair-module .cost-proposal-description-from-epi p strong {
    margin: 0 0 0 0.8em!important;
  }

  .repair-module .orderstatus-row {
    margin-left: 1.6%!important;
  }

  .repair-module section .container .row .insurance-text {
    margin-left: 1.6%!important;
  }

  .repair-module .expandable {
    margin-top: 2em;
  }

  .repair-module ul {
    padding-left: 1.3em;
  }

  .repair-module .create-repair-order-button {
    float: right !important;
  }

  .repair-module .order-status strong,
  .repair-module .order-status a,
  .repair-module .order-status i {
    float: left;
    display: inline;
  }

  .repair-module .order-status a .icon-edit-voicemail {
    float: right;
  }

  .repair-module .order-status p {
    float: left;
    margin-left: 0.5em;
  }

  .repair-module .order-status .cost-proposal-header strong {
    margin-left: 0;
  }

  .repair-module .c-accept-terms .c-info {
    margin-left: 2em;
    width: 80%;
  }

  .repair-module .c-create-repair-order-buttons {
    width: 100%;
  }

  .repair-module .c-create-repair-order-buttons .c-cancel {
    margin: 0 0 1em 0;
    width: 100%;
  }

  .repair-module .c-create-repair-order-buttons .c-send {
    margin: 0;
    width: 100%;
  }

  .repair-module .repair-order-form .more-cost-details {
    color: #f2f2f2;
    font-weight: bold;
  }

  .repair-module .device-to-repair .c-input {
    width: 10%;
  }

  .repair-module .device-to-repair .c-name {
    margin-left: 0;
    width: 80%;
    margin-bottom: 2em;
  }

  .repair-module .device-to-repair .c-info {
    display: block;
    margin: 0 0 0 3em;
    width: 80%;
  }

  .repair-module .device-to-repair .c-info p {
    display: inline;
    margin-top: 0.5em;
    font-weight: bold;
  }

  .repair-module .device-to-repair .c-info p span {
    font-weight: normal;
  }

  .repair-module #confirm-cost-estimate-mobile .info-text,
  .repair-module .confirm-cost-estimate .info-text {
    margin-left: 0;
    width: 100% !important;
  }

  .repair-module #confirm-cost-estimate-mobile .sub-head,
  .repair-module .confirm-cost-estimate .sub-head {
    margin-top: 1em;
  }

  .repair-module #confirm-cost-estimate-mobile .c-radio,
  .repair-module .confirm-cost-estimate .c-radio {
    margin-left: 0;
  }

  .repair-module #confirm-cost-estimate-mobile .c-radio-label,
  .repair-module .confirm-cost-estimate .c-radio-label {
    margin-left: 2em;
    width: 80%;
  }

  .repair-module #confirm-cost-estimate-mobile .c-action-confirm-cost,
  .repair-module .confirm-cost-estimate .c-action-confirm-cost,
  .repair-module #confirm-cost-estimate-mobile .c-cancel-confirm-cost,
  .repair-module .confirm-cost-estimate .c-cancel-confirm-cost {
    margin-left: 0;
    width: 100%;
  }

  .repair-module #confirm-cost-estimate-mobile .c-action-confirm-cost,
  .repair-module .confirm-cost-estimate .c-action-confirm-cost {
    margin-top: 1em;
  }

  .repair-module #confirm-cost-estimate-mobile .error-message,
  .repair-module .confirm-cost-estimate .error-message {
    margin-left: 0;
  }

  .repair-module #confirm-cost-estimate-mobile p,
  .repair-module .confirm-cost-estimate p {
    display: inline;
  }

  .repair-module #confirm-cost-estimate-mobile strong,
  .repair-module .confirm-cost-estimate strong {
    margin-left: 0em !important;
  }

  .repair-module #confirm-cost-estimate-mobile .span24,
  .repair-module .confirm-cost-estimate .span24 {
    margin-left: 0;
  }

  .repair-module .device-list strong {
    margin-left: 0.5em;
  }

  .repair-module .fetcher-icon {
    float: right !important;
  }
}

.shared-data-module .datasharing-top h3 {
  float: left;
  padding-right: 0.3em;
}

.shared-data-module .datasharing-top p {
  margin-top: 0em;
}

.shared-data-module .datasharing-top ul {
  padding: 0 0 0 1.3em;
  margin: 0em 0 0 0;
}

.shared-data-module .datasharing-top .cancel-service-button {
  background-color: #e6e6e6;
  color: #f48158 !important;
  float: left;
}

.shared-data-module .datasharing-top .icon-sharing {
  float: right;
  margin-right: 2em;
}

.datasharing-module .shared-data-actions a {
  margin-right: 1.4em;
  min-width: 17.4em;
}

.datasharing-module .select-devices-share {
  margin-top: 3.5em;
  padding: 30px;
}

.datasharing-module .display-inline {
  display: inline;
}

.datasharing-module .no-border {
  border: none;
}

@media screen and (max-width: 659px) {
  .shared-data-module .datasharing-top .cancel-service-button {
    margin-top: 0.5em !important;
  }

  .shared-data-module .datasharing-top .icon-sharing {
    margin-top: 0.3em;
    margin-right: 0em !important;
  }

  .shared-data-module .datasharing-top a {
    float: right;
  }

  .datasharing-module h3 {
    font-size: 1.5em;
  }

  .datasharing-module ul {
    margin: 1em 1em 0 1em !important;
  }

  .datasharing-module .row [class*="span-phone"] {
    margin-left: 0 !important;
  }

  .datasharing-module .row [class*="span"] {
    margin-left: 0 !important;
  }

  .datasharing-module a {
    width: 100%;
    margin-bottom: 1em;
  }
}

.family-module a {
  text-decoration: none;
}

.family-module .align-center {
  text-align: center;
}

.family-module .npr {
  padding-right: 0;
}

.family-module #more-info-family {
  padding: 1em;
  margin-top: 1em;
  float: right;
  width: 35em;
}

.family-module .family-top h3 {
  float: left;
  padding-right: 0.3em;
}

.family-module .family-top p {
  margin-top: 0em;
}

.family-module .checker {
  margin-top: -20px;
}

.family-module .accept-terms {
  margin-top: 1em;
}

.family-module .accept-terms input {
  vertical-align: middle;
}

.family-module .accept-terms label {
  margin-left: 1em;
  display: inline-block;
}

.family-module .span-buy-now {
  float: right;
}

.family-module .no-top-margin {
  margin-top: 0;
}

.family-module #buy-now-family h3 {
  margin-top: 1.3em;
}

.family-module .phone-exchange .padded-row .span1 {
  margin-left: 0;
  float: right;
}

.family-module .phone-exchange .icon-close {
  margin-left: 0;
}

@media screen and (max-width: 659px) {
  .family-module {
    /*.row [class*="span-phone"]:first-child {
        margin-left: 1.694915254237288%;
    }

    .row [class*="span"]:first-child {
        margin-left: 1.694915254237288%;
    }*/
  }

  .family-module .icon-family {
    margin-top: 0.3em;
    margin-right: 0em !important;
    margin-bottom: 0.5em;
  }

  .family-module #more-info-family {
    float: left;
  }

  .family-module ul {
    margin: 1em 0 0 0;
  }

  .family-module .family-top a {
    float: right;
  }

  .family-module .container {
    margin-left: 0.3em;
    margin-right: 0.3em;
  }

  .family-module .row [class*="span-phone"] {
    margin-left: 0 !important;
  }

  .family-module .row [class*="span"] {
    margin-left: 0 !important;
  }

  .family-module .phone-exchange .add-new-user .add-new {
    float: right;
  }

  .family-module .add-new {
    padding: 0 0.8em;
  }

  .family-module .phone-exchange .admin-list .confirm-buttons {
    float: none;
    text-align: center;
  }

  .family-module .span-buy-now i,
  .family-module .admin-list i {
    margin-right: 0.2em;
  }

  .family-module .admin-list i {
    top: 0.5em;
  }
}

.phone-exchange .headline {
  margin: 0 0 0.4em 0;
}

.phone-exchange .expandable {
  width: auto;
  margin-top: 0em;
  padding: 2em 2em 3em 2em;
}

.phone-exchange .expandable .h1 {
  margin: 0 0 0.4em 0;
}

.phone-exchange .direction-options {
  margin: 0 0 0.7em 0;
}

.phone-exchange .direction-options .h1 {
  margin-top: 0;
}

.phone-exchange a {
  cursor: pointer;
  text-decoration: none;
}

.phone-exchange a i {
  vertical-align: sub;
  margin: 0.5em;
  font-size: 2.5em;
}

.phone-exchange .options-chooser {
  padding: 2em 0em;
  text-align: center;
  background-color: #f2f2f2;
}

.phone-exchange .options-chooser .option-icon {
  padding: 3em 2em;
}

.phone-exchange .options-chooser .option-icon img {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.phone-exchange .cancel-service-button {
  display: block;
  padding: 0 1em;
  margin: 0;
  color: #C83E14 !important;
  background-color: #f5f5f5;
  min-width: 10.231em;
  height: 1.846em;
  line-height: 0em;
}

.phone-exchange .cancel-service-button .icon-remove {
  font-size: 1em;
  margin-right: 0.7em;
  vertical-align: top;
}

.phone-exchange .admin-list a {
  cursor: pointer;
  text-decoration: none;
}

.phone-exchange .admin-list .h1 {
  margin-top: 0;
}

.phone-exchange .admin-list .separator {
  *background-color: rgba(1, 1, 1, 0);
  background-image: -o-radial-gradient(circle, #ffffff, rgba(1, 1, 1, 0));
  background-repeat: no-repeat;
  padding-top: 0em;
  padding-bottom: 1px;
  margin-top: 0em;
  margin-bottom: 0em;
}

.phone-exchange .admin-list .list-headings {
  margin: 2em 0 1em 0;
}

.phone-exchange .admin-list .list-headings h3 {
  font-size: 14px;
  margin: 1em 0 0 0;
  letter-spacing: -0.02em;
  line-height: 1em;
  font-family: 'Helvetica', Arial;
  font-weight: 600;
  font-weight: bold;
  color: #30302e;
  margin-top: 0;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .phone-exchange .admin-list .list-headings h3 {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  .phone-exchange .admin-list .list-headings h3 {
    font-size: 12px;
  }
}

.phone-exchange .admin-list .list-headings h3:first-child {
  margin-top: 0;
}

.phone-exchange .admin-list .list-headings h3 .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .phone-exchange .admin-list .list-headings h3 {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  .phone-exchange .admin-list .list-headings h3 {
    font-size: 12px;
  }
}

.phone-exchange .admin-list .list-headings h3:first-child {
  margin-top: 0;
}

.phone-exchange .admin-list .list-headings h3 .pre-heading {
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 5px;
}

.phone-exchange .admin-list .list-items {
  padding-left: 0;
}

.phone-exchange .admin-list .list-row {
  list-style: none;
  clear: both;
}

.phone-exchange .admin-list .list-row .home-switch-edit {
  cursor: pointer;
}

.phone-exchange .admin-list .list-row.medium-color-fill + .list-row {
  margin-top: 0;
}

.phone-exchange .admin-list .list-row .padded-row {
  height: 5.231em;
  line-height: 5.231em;
}

.phone-exchange .admin-list .icon-edit {
  margin-right: 0.6em;
  color: #f48158;
  font-size: 2.6em;
  vertical-align: middle;
}

.phone-exchange .admin-list .icon-close {
  font-size: 2.6em;
  vertical-align: middle;
}

.phone-exchange .admin-list .confirm-buttons {
  display: inline-block;
  float: right;
}

.phone-exchange .choose-new-user {
  padding: 2em 0 0 0;
}

.phone-exchange .choose-new-user select {
  width: 24em;
}

.phone-exchange .choose-new-user .separator {
  margin-top: 2em;
  margin-bottom: 2em;
}

.phone-exchange .add-new-user .separator {
  margin-top: 2em;
  margin-bottom: 2em;
}

.phone-exchange .add-new-user .admin-amount-status {
  margin-right: 1em;
}

.phone-exchange .add-new-user .add-new {
  margin-top: 0em;
  font-size: 1em;
  height: 2.1em;
  line-height: 2.1em;
  font-weight: 600;
  text-align: left;
}

.phone-exchange .icon-plus {
  font-size: 1em;
  margin-left: 3em;
  color: #F7931D;
  vertical-align: initial;
}

.phone-exchange .align-right {
  text-align: right;
}

.phone-exchange .separator {
  width: 100%;
  *background-color: rgba(0, 0, 0, 0);
  background-image: -o-radial-gradient(circle, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-repeat: no-repeat;
  background-size: 100% 1px;
  background-position: 10% 50%;
  padding-top: 1px;
  margin-top: 3em;
  margin-bottom: 2em;
}

.phone-exchange .gap {
  margin-top: 5em;
}

.home-switch-data .home-switch-sorter-up,
.home-switch-data .home-switch-priority {
  line-height: 1.231em;
}

.home-switch-sorter-up {
  display: block;
  margin-top: 1em;
}

.home-switch-priority {
  display: block;
}

.add-new-client {
  margin-top: 1%;
}

.add-new-client .admin-amount-status {
  margin-right: 1em;
  color: #30302e;
}

.home-switch-remove .icon-close {
  margin: 0;
}

#home-switch-container {
  margin-top: 1em;
}

#home-switch-container .choose-new-client {
  margin-top: 1%;
}

#home-switch-container .choose-new-client span {
  float: left;
}

#home-switch-container .choose-new-client p {
  clear: both;
}

#home-switch-msisdn {
  margin-bottom: 1em;
}

.list-row:first-child .home-switch-sorter-up {
  visibility: hidden;
}

#home-switch-container .home-switch-data span {
  color: #30302e;
}

#home-switch-container .options-chooser label {
  font-weight: 600;
}

#home-switch-container .options-chooser .circle {
  margin: 0 auto;
  background: #30302e;
  width: 8em;
  height: 8em;
  border-radius: 50%;
}

#home-switch-container .options-chooser .circle .icon-touchtone,
#home-switch-container .options-chooser .circle .icon-list,
#home-switch-container .options-chooser .circle .icon-multi-phonecalls {
  display: block;
  font-size: 4.5em;
  color: #ffffff;
}

#home-switch-container .options-chooser .circle .icon-touchtone,
#home-switch-container .options-chooser .circle .icon-list,
#home-switch-container .options-chooser .circle .icon-multi-phonecalls {
  padding-top: 0.65em;
}

#home-switch-container .options-chooser .selected {
  background: #F7931D;
}

#home-switch-container .container.admin-list {
  margin-top: 2em;
}

@media screen and (max-width: 659px) {
  #home-switch-container .add-new-client {
    line-height: 3em;
    margin-left: 0.3em;
    padding-left: 0;
  }

  #home-switch-container .add-new-client .admin-amount-status {
    font-weight: 600;
  }

  #home-switch-container .home-switch-error-text h3 {
    line-height: 1.5em;
  }

  #home-switch-container .text-align-center {
    text-align: center;
  }

  #home-switch-container .choose-new-client {
    margin-top: 0;
  }

  #home-switch-container .admin-list .confirm-buttons {
    display: block;
    float: none;
    margin: 1em 1em 0.5em;
  }

  #home-switch-container .admin-list .confirm-buttons .ok {
    display: block;
  }

  #home-switch-container .home-switch-delete-confirmer h3 {
    text-align: center;
    font-size: 1.5em;
    line-height: 1.5em;
  }

  #home-switch-container .home-switch-data .span24 {
    line-height: 1.5em;
  }

  #home-switch-container .home-switch-data .button {
    display: block;
    margin-bottom: 1em;
  }

  #home-switch-container .read-more {
    float: left;
    margin-top: 3em;
    margin-left: 1em;
  }

  #home-switch-container .expandable {
    padding: 2em 1em 2em 1em;
    margin-top: 1em;
  }

  #home-switch-container .options-chooser {
    text-align: left !important;
    padding: 1em 0em !important;
  }

  #home-switch-container .options-chooser span {
    margin-left: 1em;
  }

  #home-switch-container .options-chooser h3 {
    margin-top: 0;
    margin-left: 1em;
  }

  #home-switch-container .options-chooser label {
    margin-left: 1em;
  }

  #home-switch-container .options-chooser .option-icon {
    padding: 0 !important;
    text-align: center;
  }

  #home-switch-container .options-chooser .circle {
    width: 6em;
    height: 6em;
  }

  #home-switch-container .options-chooser .circle .icon-touchtone,
  #home-switch-container .options-chooser .circle .icon-list,
  #home-switch-container .options-chooser .circle .icon-multi-phonecalls {
    display: block;
    font-size: 3.4em;
    color: #ffffff;
  }

  #home-switch-container .row [class*="span"] {
    margin-left: 0;
  }
}

.fsecure-module {
  margin-top: 50px;
}

.fsecure-module .configuration iframe {
  border: none;
  width: 100%;
  height: 44em;
}

.fsecure-module .fsecure-error p {
  margin-left: 4.2em;
  margin-top: 4.2em;
}

.fsecure-module .head {
  *background-color: #ec7575;
  background-image: linear-gradient(to right, #f18d2d, #ec7575);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff18d2d', endColorstr='#ffec7575', GradientType=1);
  padding-top: 2em;
  padding-bottom: 2em;
  text-align: center;
}

.company .fsecure-module .head {
  *background-color: #1f99c9;
  background-image: linear-gradient(to right, #51c1c1, #1f99c9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff51c1c1', endColorstr='#ff1f99c9', GradientType=1);
}

.fsecure-module .head h2 {
  color: #fff;
}

.fsecure-module .add-email-form {
  margin-top: 25px;
  width: 400px;
}

@media screen and (max-width: 659px) {
  .fsecure-module .add-email-form {
    width: 100%;
  }

  .fsecure-module .add-email-form div:last-of-type {
    text-align: center;
  }

  .fsecure-module .add-email-form div:last-of-type a {
    width: 60%;
  }
}

.fsecure-module .add-email-save-response {
  margin-top: 1em;
  padding: 2em 2em;
  width: 50%;
  background: #f2f2f2;
}

.fsecure-module .product-email {
  margin-top: 15px;
  margin-bottom: 15px;
}

.fsecure-module .product-email > p {
  margin-top: 5px;
}

.fsecure-module .content-wrapper {
  margin-top: 3em;
  margin-bottom: 3em;
}

@media screen and (max-width: 659px) {
  .fsecure-module .content-wrapper .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.fsecure-module .content-wrapper .flex-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
}

.lt-ie10 .fsecure-module .content-wrapper .flex-wrapper {
  display: block;
  *zoom: 1;
}

.lt-ie10 .fsecure-module .content-wrapper .flex-wrapper:before,
.lt-ie10 .fsecure-module .content-wrapper .flex-wrapper:after {
  display: table;
  content: "";
  line-height: 0;
}

.lt-ie10 .fsecure-module .content-wrapper .flex-wrapper:after {
  clear: both;
}

.lt-ie10 .fsecure-module .content-wrapper .flex-wrapper > * {
  float: left;
}

@media screen and (max-width: 659px) {
  .fsecure-module .content-wrapper .flex-wrapper {
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.fsecure-module .content-wrapper .flex-wrapper .col-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 20%;
  padding-top: 2em;
}

@media screen and (max-width: 659px) {
  .fsecure-module .content-wrapper .flex-wrapper .col-group {
    margin-top: 4em;
    width: 100%;
    margin: 0 auto;
    padding-left: 25px !important;
    padding-right: 25px !important;
    max-width: 1064px;
  }

  .fsecure-module .content-wrapper .flex-wrapper .col-group.hidden-desktop.fsecure-module .content-wrapper .flex-wrapper .col-group:first-child {
    margin-top: 1em;
  }
}

@media screen and (max-width: 659px) and screen and (min-width: 769px) and (max-width: 1024px) {
  .fsecure-module .content-wrapper .flex-wrapper .col-group {
    max-width: 852px;
  }
}

@media screen and (max-width: 659px) and screen and (min-width: 769px) and (max-width: 1024px) {
  .fsecure-module .content-wrapper .flex-wrapper .col-group {
    max-width: 852px;
  }
}

.fsecure-module .content-wrapper .flex-wrapper .col-group:first-child {
  padding-left: 0;
}

.fsecure-module .content-wrapper .flex-wrapper .col-group .title {
  margin-top: 1em;
}

.fsecure-module .content-wrapper .flex-wrapper .col-group .btn-wrapper {
  -webkit-align-self: flex-end;
  -ms-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  width: 80%;
  margin-top: 2em;
}

@media screen and (max-width: 659px) {
  .fsecure-module .content-wrapper .flex-wrapper .col-group .btn-wrapper {
    width: 60%;
  }
}

.fsecure-module .content-wrapper .flex-wrapper .col-group > div {
  text-align: center;
}

@media screen and (max-width: 659px) {
  .fsecure-module .content-wrapper .flex-wrapper .col-group > div {
    text-align: left;
  }
}

.fsecure-module .content-wrapper .flex-wrapper .col-group > div div {
  text-align: left;
}

.fsecure-module .content-wrapper .flex-wrapper .col-group .price-box {
  margin-top: 0.3rem;
}

@media screen and (max-width: 659px) {
  .fsecure-module .addon-confirm-holder {
    width: 100% !important;
  }

  .fsecure-module .addon-confirm-holder .container {
    margin: 0 auto;
    padding-left: 25px !important;
    padding-right: 25px !important;
    max-width: 1064px;
  }
}

@media screen and (max-width: 659px) and screen and (min-width: 769px) and (max-width: 1024px) {
  .fsecure-module .addon-confirm-holder .container {
    max-width: 852px;
  }
}

@media screen and (max-width: 659px) and screen and (min-width: 769px) and (max-width: 1024px) {
  .fsecure-module .addon-confirm-holder .container {
    max-width: 852px;
  }
}

.fsecure-module .addon-confirm-block {
  text-align: left;
  margin-top: 3em;
  padding-top: 3em;
  padding-bottom: 3em;
}

.fsecure-module .addon-confirm-block .h1 {
  margin-top: 0;
}

.fsecure-module .addon-confirm-block .action-row {
  margin-top: 1em;
}

.fsecure-module .addon-confirm-block .action-row a {
  min-width: 120px;
  margin-right: 15px;
}

@media screen and (max-width: 659px) {
  .fsecure-module .addon-confirm-block .action-row {
    text-align: center;
  }

  .fsecure-module .addon-confirm-block .action-row a {
    margin-top: 1em;
    margin-right: inherit;
    min-width: auto;
    width: 60%;
  }
}

.fsecure-module .addon-confirm-block .button {
  width: 7.53em;
}

.fsecure-module .addon-confirm-block .button.accept {
  background-color: #f18d2d;
}

.fsecure-module .addon-confirm-block .button.decline {
  background-color: #fff;
  color: #F7931D;
}

.fsecure-module .addon-confirm-block .button + .button {
  margin-left: 1.25em;
}

.fsecure-module .addon-description {
  margin: 2em 0 2em 0;
}

.fsecure-module .addon-description img {
  max-width: none;
  margin: 0 2em 0 0;
}

@media screen and (max-width: 659px) {
  .fsecure-module .addon-description {
    margin: 0 auto;
    padding-left: 25px !important;
    padding-right: 25px !important;
    max-width: 1064px;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
}

@media screen and (max-width: 659px) and screen and (min-width: 769px) and (max-width: 1024px) {
  .fsecure-module .addon-description {
    max-width: 852px;
  }
}

@media screen and (max-width: 659px) and screen and (min-width: 769px) and (max-width: 1024px) {
  .fsecure-module .addon-description {
    max-width: 852px;
  }
}

@media screen and (max-width: 659px) {
  .fsecure-module .license-header {
    text-align: center;
  }
}