@charset "UTF-8";
/*font-colors*/
/*borders and boxes*/
/*sizes*/
/*fonts**/
/*layout*/
/*
    Important: keep in sync with header/icomoon/style.css!
*/
.container-main {
  position: relative;
  left: 0;
  top: 0;
  z-index: 89;
  background-color: #FFF;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  overflow-y: hidden;
  /* background-image: url(https://www.t-mobile.at/extern/myT/img/2000x1300_mytbg.jpg); */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-left: 0px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.container-content-main {
  margin-top: 15px; }

.myt2016 {
  font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
  line-height: 1.38; }
  .myt2016 h1,
  .myt2016 h2,
  .myt2016 h3,
  .myt2016 h4 {
    margin: 0; }
  .myt2016 a.marker {
    display: none; }
  .myt2016 a:not([href]) {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    position: relative;
    top: -100px; }
  .myt2016 .clearfix, .myt2016 .collapsible, .myt2016.prepaid .aside .bordered-box .bordered-box-heading.light, .myt2016.cpm .collapsible {
    *zoom: 1; }
    .myt2016 .clearfix:before, .myt2016 .collapsible:before, .myt2016.prepaid .aside .bordered-box .bordered-box-heading.light:before, .myt2016.cpm .collapsible:before, .myt2016 .clearfix:after, .myt2016 .collapsible:after, .myt2016.prepaid .aside .bordered-box .bordered-box-heading.light:after, .myt2016.cpm .collapsible:after {
      display: table;
      content: " "; }
    .myt2016 .clearfix:after, .myt2016 .collapsible:after, .myt2016.prepaid .aside .bordered-box .bordered-box-heading.light:after, .myt2016.cpm .collapsible:after {
      clear: both; }
  .myt2016 .hidden {
    display: none; }
  .myt2016 .no-margin-top {
    margin-top: 0; }
  .myt2016#Content {
    border: 0px; }
  .myt2016 .mobileOnly {
    display: none !important; }
  .myt2016 .noMobile {
    display: block; }
  .myt2016 ul {
    list-style-type: square; }
  .myt2016 .margin-bottom {
    margin-bottom: 30px; }
  .myt2016 .margin-top {
    margin-top: 15px; }
  @media only screen and (max-width: 680px) {
    .myt2016 {
      font-size: 14px; }
      .myt2016 .mobileOnly {
        display: block !important; }
      .myt2016 .noMobile {
        display: none; }
      .myt2016.noMobile {
        display: none; } }

@media print {
  .container-nav,
  #Footer {
    display: none; } }

.myt2016 .row, .portlets_2016 .row {
  min-width: 0;
  height: auto;
  min-height: 14px; }
  .myt2016 .row:before, .myt2016 .row:after, .portlets_2016 .row:before, .portlets_2016 .row:after {
    display: table;
    content: " "; }
  .myt2016 .row:after, .portlets_2016 .row:after {
    clear: both; }
  .myt2016 .row .col, .portlets_2016 .row .col {
    float: left;
    box-sizing: border-box; }
  .myt2016 .row.small-padded, .portlets_2016 .row.small-padded {
    padding: 4px 8px;
    box-sizing: border-box; }
  .myt2016 .row .col:last-child, .myt2016 .row .col.last-child, .portlets_2016 .row .col:last-child, .portlets_2016 .row .col.last-child {
    margin-right: 0; }
  .myt2016 .row .col.c12, .portlets_2016 .row .col.c12 {
    width: 100%; }
  .myt2016 .row .col.c11, .portlets_2016 .row .col.c11 {
    width: 91.66663%; }
  .myt2016 .row .col.c10, .portlets_2016 .row .col.c10 {
    width: 83.33333%; }
  .myt2016 .row .col.c9, .portlets_2016 .row .col.c9 {
    width: 74.99997%; }
  .myt2016 .row .col.c8, .portlets_2016 .row .col.c8 {
    width: 66.66666%; }
  .myt2016 .row .col.c7, .portlets_2016 .row .col.c7 {
    width: 58.33331%; }
  .myt2016 .row .col.c6, .portlets_2016 .row .col.c6 {
    width: 50%; }
  .myt2016 .row .col.c5, .portlets_2016 .row .col.c5 {
    width: 41.66665%; }
  .myt2016 .row .col.c4, .portlets_2016 .row .col.c4 {
    width: 33.33332%; }
  .myt2016 .row .col.c3, .portlets_2016 .row .col.c3 {
    width: 24.99999%; }
  .myt2016 .row .col.c2, .portlets_2016 .row .col.c2 {
    width: 16.66666%; }
  .myt2016 .row .col.c1, .portlets_2016 .row .col.c1 {
    width: 8.33333%; }

.myt2016 .pull-left, .portlets_2016 .pull-left {
  float: left; }

.myt2016 .pull-right, .portlets_2016 .pull-right {
  float: right; }

.myt2016 .grid-spacing, .portlets_2016 .grid-spacing {
  /* GRID SPACING NORMAL */ }
  .myt2016 .grid-spacing .row, .portlets_2016 .grid-spacing .row {
    margin-left: calc(15px / -2);
    margin-right: calc(15px / -2); }
  .myt2016 .grid-spacing .col, .portlets_2016 .grid-spacing .col {
    padding-left: calc(15px / 2);
    padding-right: calc(15px / 2);
    margin-top: 15px; }
    .myt2016 .grid-spacing .col.no-marginTop, .portlets_2016 .grid-spacing .col.no-marginTop {
      margin-top: 0; }
    .myt2016 .grid-spacing .col.no-margin-top, .portlets_2016 .grid-spacing .col.no-margin-top {
      margin-top: 0; }

.myt2016 .row.grid-spacing, .portlets_2016 .row.grid-spacing {
  margin-left: calc(15px / -2);
  margin-right: calc(15px / -2); }
  .myt2016 .row.grid-spacing .col, .portlets_2016 .row.grid-spacing .col {
    padding-left: calc(15px / 2);
    padding-right: calc(15px / 2);
    margin-top: 15px; }
    .myt2016 .row.grid-spacing .col.no-marginTop, .portlets_2016 .row.grid-spacing .col.no-marginTop {
      margin-top: 0; }
    .myt2016 .row.grid-spacing .col.no-margin-top, .portlets_2016 .row.grid-spacing .col.no-margin-top {
      margin-top: 0; }

.myt2016 .grid-spacing-big .row, .portlets_2016 .grid-spacing-big .row {
  margin-left: calc(30px / -2);
  margin-right: calc(30px / -2); }

.myt2016 .grid-spacing-big .col, .portlets_2016 .grid-spacing-big .col {
  padding-left: calc(30px / 2);
  padding-right: calc(30px / 2);
  margin-top: 30px; }
  .myt2016 .grid-spacing-big .col.no-marginTop, .portlets_2016 .grid-spacing-big .col.no-marginTop {
    margin-top: 0; }
  .myt2016 .grid-spacing-big .col.no-margin-top, .portlets_2016 .grid-spacing-big .col.no-margin-top {
    margin-top: 0; }

.myt2016 .grid-spacing-big.overview :nth-child(3n).c4.col, .myt2016 .grid-spacing-big.overview .nth-child3.c4.col, .portlets_2016 .grid-spacing-big.overview :nth-child(3n).c4.col, .portlets_2016 .grid-spacing-big.overview .nth-child3.c4.col {
  margin-right: 0; }

.myt2016 .row.grid-spacing-big, .portlets_2016 .row.grid-spacing-big {
  margin-left: calc(30px / -2);
  margin-right: calc(30px / -2); }
  .myt2016 .row.grid-spacing-big .col, .portlets_2016 .row.grid-spacing-big .col {
    padding-left: calc(30px / 2);
    padding-right: calc(30px / 2);
    margin-top: 30px; }
    .myt2016 .row.grid-spacing-big .col.no-marginTop, .portlets_2016 .row.grid-spacing-big .col.no-marginTop {
      margin-top: 0; }
    .myt2016 .row.grid-spacing-big .col.no-margin-top, .portlets_2016 .row.grid-spacing-big .col.no-margin-top {
      margin-top: 0; }

.myt2016 .minibasket .row .col.c2, .portlets_2016 .minibasket .row .col.c2 {
  width: 20.66666%; }

.myt2016 .minibasket .row .col.c3, .portlets_2016 .minibasket .row .col.c3 {
  width: 20.66666%; }

@media only screen and (min-width: 681px) and (max-width: 1024px) {
  .myt2016 .row .col.c12, .portlets_2016 .row .col.c12 {
    width: 100%; }
  .myt2016 .row .col.c11, .portlets_2016 .row .col.c11 {
    width: 91.66663%; }
  .myt2016 .row .col.c10, .portlets_2016 .row .col.c10 {
    width: 83.33333%; }
  .myt2016 .row .col.c9, .portlets_2016 .row .col.c9 {
    width: 74.99997%; }
  .myt2016 .row .col.c8, .portlets_2016 .row .col.c8 {
    width: 66.66666%; }
  .myt2016 .row .col.c7, .portlets_2016 .row .col.c7 {
    width: 58.33331%; }
  .myt2016 .row .col.c6, .portlets_2016 .row .col.c6 {
    width: 50%; }
  .myt2016 .row .col.c5, .portlets_2016 .row .col.c5 {
    width: 41.66665%; }
  .myt2016 .row .col.c4, .portlets_2016 .row .col.c4 {
    width: 33.33332%; }
  .myt2016 .row .col.c3, .portlets_2016 .row .col.c3 {
    width: 24.99999%; }
  .myt2016 .row .col.c2, .portlets_2016 .row .col.c2 {
    width: 16.66666%; }
  .myt2016 .row .col.c1, .portlets_2016 .row .col.c1 {
    width: 8.33333%; } }

@media only screen and (max-width: 680px) {
  .myt2016 .row, .portlets_2016 .row {
    /* KEEP COLS FOR SM-COL */ }
    .myt2016 .row .col.c1, .myt2016 .row .col.c2, .myt2016 .row .col.c3, .myt2016 .row .col.c4, .myt2016 .row .col.c5, .myt2016 .row .col.c6, .myt2016 .row .col.c7, .myt2016 .row .col.c8, .myt2016 .row .col.c9, .myt2016 .row .col.c10, .myt2016 .row .col.c11, .myt2016 .row .col.c12, .portlets_2016 .row .col.c1, .portlets_2016 .row .col.c2, .portlets_2016 .row .col.c3, .portlets_2016 .row .col.c4, .portlets_2016 .row .col.c5, .portlets_2016 .row .col.c6, .portlets_2016 .row .col.c7, .portlets_2016 .row .col.c8, .portlets_2016 .row .col.c9, .portlets_2016 .row .col.c10, .portlets_2016 .row .col.c11, .portlets_2016 .row .col.c12 {
      width: 100%; }
    .myt2016 .row .col.sm.c12, .myt2016 .row .col.smc12, .portlets_2016 .row .col.sm.c12, .portlets_2016 .row .col.smc12 {
      width: 100%; }
    .myt2016 .row .col.sm.c11, .myt2016 .row .col.smc11, .portlets_2016 .row .col.sm.c11, .portlets_2016 .row .col.smc11 {
      width: 91.66663%; }
    .myt2016 .row .col.sm.c10, .myt2016 .row .col.smc10, .portlets_2016 .row .col.sm.c10, .portlets_2016 .row .col.smc10 {
      width: 83.33333%; }
    .myt2016 .row .col.sm.c9, .myt2016 .row .col.smc9, .portlets_2016 .row .col.sm.c9, .portlets_2016 .row .col.smc9 {
      width: 74.99997%; }
    .myt2016 .row .col.sm.c8, .myt2016 .row .col.smc8, .portlets_2016 .row .col.sm.c8, .portlets_2016 .row .col.smc8 {
      width: 66.66666%; }
    .myt2016 .row .col.sm.c7, .myt2016 .row .col.smc7, .portlets_2016 .row .col.sm.c7, .portlets_2016 .row .col.smc7 {
      width: 58.33331%; }
    .myt2016 .row .col.sm.c6, .myt2016 .row .col.smc6, .portlets_2016 .row .col.sm.c6, .portlets_2016 .row .col.smc6 {
      width: 50%; }
    .myt2016 .row .col.sm.c5, .myt2016 .row .col.smc5, .portlets_2016 .row .col.sm.c5, .portlets_2016 .row .col.smc5 {
      width: 41.66665%; }
    .myt2016 .row .col.sm.c4, .myt2016 .row .col.smc4, .portlets_2016 .row .col.sm.c4, .portlets_2016 .row .col.smc4 {
      width: 33.33332%; }
    .myt2016 .row .col.sm.c3, .myt2016 .row .col.smc3, .portlets_2016 .row .col.sm.c3, .portlets_2016 .row .col.smc3 {
      width: 24.99999%; }
    .myt2016 .row .col.sm.c2, .myt2016 .row .col.smc2, .portlets_2016 .row .col.sm.c2, .portlets_2016 .row .col.smc2 {
      width: 16.66666%; }
    .myt2016 .row .col.sm.c1, .myt2016 .row .col.smc1, .portlets_2016 .row .col.sm.c1, .portlets_2016 .row .col.smc1 {
      width: 8.33333%; } }

.hideItem,
.hidden {
  display: none;
  visibility: hidden; }

.myt2016 .container-content-main {
  width: 100%;
  max-width: 1050px;
  height: auto;
  margin: 0 auto; }

.myt2016 .edit-link {
  font-size: 16px;
  color: #ffffff; }

.myt2016 .bordered-link {
  font-weight: 900;
  font-size: 16px;
  line-height: 42px;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
  height: 42px;
  text-align: center;
  cursor: pointer;
  background: #E20074;
  color: #FFF;
  padding: 0 30px;
  display: inline-block;
  border-radius: 4px; }

.myt2016 .background-darkest, .myt2016.background-darkest {
  background-color: #ffffff;
  color: #333333; }

.myt2016 .background-lightest {
  background-color: #ffffff;
  color: #333333; }

.myt2016.background-image-top,
.myt2016 .background-image-top {
  background-color: #ffffff;
  color: #333333;
  background-image: none;
  background-repeat: repeat-x;
  background-position: top center;
  background-size: auto; }
  .myt2016.background-image-top.myt2016-reset-passwords,
  .myt2016 .background-image-top.myt2016-reset-passwords {
    background-color: #ffffff; }

.myt2016.myt2016-reset-passwords .content.col.c8 {
  margin-top: 0; }

.myt2016 .background-image-bottom {
  background-size: cover;
  padding-bottom: 30px; }

.myt2016 .container-content-segment {
  width: 100%;
  max-width: 1050px;
  margin: 0 auto;
  padding-bottom: 20px;
  box-sizing: border-box; }
  .myt2016 .container-content-segment.section-reset-passwords {
    min-height: 490px; }
    .myt2016 .container-content-segment.section-reset-passwords .content {
      margin-bottom: 30px; }

.myt2016 .section-header {
  padding-bottom: 30px; }
  .myt2016 .section-header .header {
    margin-top: 90px !important; }
    .myt2016 .section-header .header h1 {
      font-weight: 900;
      font-size: 48px;
      color: #333333;
      margin: 0 0 30px 0;
      padding: 0; }
      .myt2016 .section-header .header h1 strong {
        font-weight: 900; }
    .myt2016 .section-header .header.header-small h1 {
      font-size: 38px; }
    .myt2016 .section-header .header h2 {
      font-weight: bold;
      font-size: 18px;
      line-height: 24px;
      color: #333333;
      margin: 0 120px 0 0;
      padding: 0 0 60px 0; }

.myt2016 strong {
  font-weight: 900; }

.myt2016 span.hilight {
  color: #E20074; }

.myt2016.service .section-header {
  margin-top: 0;
  padding-top: 11px;
  padding-bottom: 27px; }

.myt2016 .section-footer {
  padding: 40px 0; }
  .myt2016 .section-footer h2 {
    font-weight: 900;
    font-size: 21px;
    color: #ffffff;
    margin: 0 0 20px 0;
    padding: 0; }
  .myt2016 .section-footer h3 {
    font-weight: 900;
    font-size: 18px;
    line-height: 22px;
    color: #ffffff;
    margin: 20px 0 5px 0;
    padding: 0 80px 0 0; }
  .myt2016 .section-footer p {
    color: #ffffff;
    padding: 10px 0 10px 0;
    margin: 0; }
  .myt2016 .section-footer .video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative; }
    .myt2016 .section-footer .video iframe {
      width: 100%;
      height: 100%;
      position: absolute; }
  .myt2016 .section-footer ul.link-list {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
    margin-bottom: 30px; }
    .myt2016 .section-footer ul.link-list li {
      margin: 0;
      padding: 0;
      background-color: #ffffff;
      border: 1px solid #e6e6e6;
      border-bottom: 1px solid #ffffff; }
      .myt2016 .section-footer ul.link-list li:first-child {
        border-top-right-radius: 4px;
        border-top-left-radius: 4px; }
      .myt2016 .section-footer ul.link-list li:last-child {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-bottom: 1px solid #e6e6e6; }
      .myt2016 .section-footer ul.link-list li a {
        font-weight: 900;
        display: block;
        font-size: 16px;
        line-height: 48px;
        color: #E20074;
        text-decoration: none;
        padding-left: 15px;
        position: relative; }
        @media only screen and (max-width: 680px) {
          .myt2016 .section-footer ul.link-list li a {
            font-size: 14px;
            line-height: 42px; } }
        .myt2016 .section-footer ul.link-list li a:hover {
          color: #E20074; }
        .myt2016 .section-footer ul.link-list li a:after {
          font-family: "icomoon";
          content: "";
          font-weight: normal;
          width: 15px;
          height: 15px;
          position: absolute;
          right: 10px; }

@media only screen and (min-width: 681px) and (max-width: 1024px) {
  .myt2016 .section-header {
    padding: 0 15px 30px 15px;
    box-sizing: border-box; }
  .myt2016 .container-content-segment {
    padding: 0 10px 20px 10px;
    box-sizing: border-box; }
  .myt2016.view-home .section-link-list {
    padding: 25px 10px !important;
    box-sizing: border-box; }
  .myt2016 .section-footer {
    box-sizing: border-box;
    padding: 15px 10px 0 10px; } }

@media only screen and (max-width: 680px) {
  .myt2016.prepaid.background-image-top {
    background-position: top left; }
  .myt2016.prepaid .section-header .header {
    margin-top: -20px; }
  .myt2016.prepaid .background-lightest {
    margin-top: 20px; }
  .myt2016 .background-lightest {
    margin-top: 27px; }
  .myt2016 .bordered-link {
    font-size: 14px;
    line-height: 39px;
    height: 39px; }
  .myt2016 .section-header {
    padding: 0 15px;
    box-sizing: border-box; }
    .myt2016 .section-header .header h1 {
      font-size: 28px;
      margin-bottom: 30px; }
    .myt2016 .section-header.noMobile {
      display: block; }
  .myt2016.view-home .section-link-list {
    padding: 25px 15px !important;
    box-sizing: border-box; }
  .myt2016 .section-footer {
    box-sizing: border-box;
    padding: 15px 15px 0px 15px; }
    .myt2016 .section-footer h2 {
      font-size: 16px;
      margin-top: 30px; }
    .myt2016 .section-footer h3 {
      font-size: 16px; }
    .myt2016 .section-footer p {
      font-size: 14px; }
    .myt2016 .section-footer .edit-link {
      font-size: 14px; }
  .myt2016 .container-content-main {
    margin-top: 0; }
    .myt2016 .container-content-main .header {
      margin-top: 30px; }
  .myt2016 .container-content-segment {
    padding-bottom: 0;
    padding-left: 15px;
    padding-right: 15px; }
  .myt2016 .mobile-footer {
    display: none !important; } }

.myt2016 hr {
  background-color: #e6e6e6;
  border-top: none;
  border-left: none;
  border-bottom: 1px solid #e6e6e6; }
  .myt2016 hr.lightest {
    height: 0;
    display: none; }
    @media only screen and (max-width: 680px) {
      .myt2016 hr.lightest {
        display: none; } }

.myt2016 .icon {
  background-image: url(../img/sprite.png);
  display: inline-block;
  font-family: "icomoon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /*line-height: 1;*/
  -webkit-font-smoothing: antialiased; }
  .myt2016 .icon:before {
    content: '';
    font-family: "icomoon";
    font-size: 12px; }
  .myt2016 .icon.icon-big-alert {
    background: none; }
    .myt2016 .icon.icon-big-alert:before {
      content: "";
      font-size: 25px;
      color: #E20074;
      vertical-align: bottom; }
  .myt2016 .icon.icon-field-error {
    width: 14px;
    height: 15px;
    background-image: none; }
    .myt2016 .icon.icon-field-error:before {
      content: "";
      color: #E20074;
      font-size: 20px;
      line-height: 20px; }
  .myt2016 .icon.icon-popup {
    background: #ffffff;
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    top: 1px;
    right: 4px;
    cursor: pointer; }
    .myt2016 .icon.icon-popup:before {
      content: "";
      color: #E20074;
      font-size: 20px;
      line-height: 20px; }
    .myt2016 .icon.icon-popup.active {
      z-index: 1001; }
  .myt2016 .icon.icon-overviewstatus-notice {
    background-position: -40px -720px;
    width: 28px;
    height: 28px; }
  .myt2016 .icon.icon-overviewstatus-success {
    background-position: 0 -720px;
    width: 28px;
    height: 28px; }
  .myt2016 .icon.icon-reload {
    border: 1px solid #e6e6e6;
    width: 28px;
    height: 28px;
    background: none;
    background-color: #ffffff; }
    .myt2016 .icon.icon-reload:after {
      font-weight: normal;
      font-style: normal;
      text-decoration: inherit;
      font-size: 15px;
      font-family: "icomoon";
      content: "";
      width: 12px;
      height: 15px;
      display: block;
      margin-top: 6px;
      margin-left: 9px; }
    .myt2016 .icon.icon-reload.icon-spinning:after {
      -moz-animation: spin 1.2s infinite linear;
      -o-animation: spin 1.2s infinite linear;
      -webkit-animation: spin 1.2s infinite linear;
      animation: spin 1.2s infinite linear; }
      @media all and (min-width: 0\0) and (min-resolution: 0.001dpcm) {
        .myt2016 .icon.icon-reload.icon-spinning:after {
          content: "";
          background: url(../img/fmc_loading_fb.gif) no-repeat -2px -2px !important;
          background-size: 19px 19px; } }

.myt2016 .button {
  font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 16px;
  box-sizing: border-box;
  height: 42px;
  width: 100%;
  text-align: center;
  cursor: pointer;
  border-radius: 4px; }
  .myt2016 .button:disabled {
    opacity: 0.4;
    cursor: default; }
  .myt2016 .button.magenta {
    background: #E20074;
    border: none;
    color: #FFF; }
    .myt2016 .button.magenta.outline {
      margin-top: 0;
      background-color: #ffffff;
      color: #E20074;
      text-shadow: none;
      box-shadow: none;
      height: 35px; }
  .myt2016 .button.plain {
    border: 0;
    box-shadow: none;
    color: #333333;
    background: #ffffff;
    text-decoration: underline;
    text-shadow: none; }
  .myt2016 .button.grey {
    color: #e20074;
    background-color: #fff;
    border: 1px solid #e6e6e6; }
  .myt2016 .button.button-big {
    margin-top: 9px;
    padding-left: 30px;
    padding-right: 30px; }
  .myt2016 .button.button-inline, .myt2016 .button.button-inline.magenta {
    width: auto; }
    .myt2016 .button.button-inline + .button-inline, .myt2016 .button.button-inline.magenta + .button-inline {
      margin-left: 10px; }
      @media only screen and (max-width: 680px) {
        .myt2016 .button.button-inline + .button-inline, .myt2016 .button.button-inline.magenta + .button-inline {
          margin-left: 0px;
          margin-top: 10px; } }
    @media only screen and (max-width: 680px) {
      .myt2016 .button.button-inline, .myt2016 .button.button-inline.magenta {
        width: 100%; } }
  @media only screen and (min-width: 681px) {
    .myt2016 .button.button-input-height {
      margin-top: 32px;
      height: 35px;
      line-height: 35px;
      padding: 0 22px; } }

.myt2016 a.button {
  text-decoration: none;
  display: inline-block;
  padding-left: 6px;
  padding-right: 6px;
  line-height: 42px; }

.myt2016 .icon-btn {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  font-weight: 900;
  display: block;
  font-size: 16px;
  color: #E20074;
  text-decoration: none; }
  .myt2016 .icon-btn:hover {
    color: #E20074; }
  .myt2016 .icon-btn .icon {
    position: absolute;
    right: 0;
    display: none;
    width: 18px;
    height: 18px;
    background-size: cover; }
    .myt2016 .icon-btn .icon:before {
      content: ''; }
  .myt2016 .icon-btn .icon-details {
    background: none;
    color: #E20074; }
    .myt2016 .icon-btn .icon-details:before {
      content: "";
      font-size: 18px; }
  .myt2016 .icon-btn .icon-edit {
    background-image: none;
    top: -2px; }
    .myt2016 .icon-btn .icon-edit:before {
      content: "";
      font-size: 19px; }
  .myt2016 .icon-btn .icon-edit-round {
    background-image: none;
    top: -2px; }
    .myt2016 .icon-btn .icon-edit-round:before {
      content: "";
      font-size: 18px; }
  .myt2016 .icon-btn .icon-sms {
    background-image: none;
    top: -2px; }
    .myt2016 .icon-btn .icon-sms:before {
      content: "";
      font-size: 19px; }
  .myt2016 .icon-btn .icon-online-bill {
    background-image: none;
    top: -2px; }
    .myt2016 .icon-btn .icon-online-bill:before {
      content: "";
      font-size: 18px; }
  .myt2016 .icon-btn .icon-online-bill-2 {
    background-position: -766px -7px; }
  .myt2016 .icon-btn .icon-payments {
    background-image: none;
    top: -2px; }
    .myt2016 .icon-btn .icon-payments:before {
      content: "";
      font-size: 18px; }
  .myt2016 .icon-btn .icon-payments-2 {
    background-position: -805px -7px; }
  .myt2016 .icon-btn .icon-detail {
    background-image: none;
    top: -2px; }
    .myt2016 .icon-btn .icon-detail:before {
      content: "";
      font-size: 18px; }
  .myt2016 .icon-btn .icon-swap {
    background-position: -1006px -7px; }
  .myt2016 .icon-btn .icon-cancel {
    background-position: -1046px -7px; }
  .myt2016 .icon-btn .icon-reload {
    border: 0; }
    .myt2016 .icon-btn .icon-reload:after {
      font-weight: normal;
      font-style: normal;
      text-decoration: inherit;
      font-size: 15px;
      font-family: "icomoon";
      content: "";
      display: block;
      color: #333333;
      width: 13px;
      height: 15px;
      margin-top: 0;
      margin-left: 8px; }
  .myt2016 .icon-btn .desc {
    padding-right: 0;
    display: block;
    font-weight: 900;
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif; }
  .myt2016 .icon-btn.positioned {
    position: absolute;
    right: 0;
    bottom: 16px;
    width: auto; }
  .myt2016 .icon-btn.disabled {
    cursor: default; }
    .myt2016 .icon-btn.disabled .icon {
      background-color: #e6e6e6; }
    .myt2016 .icon-btn.disabled .icon-reload:after {
      color: #a9a9a9; }
    .myt2016 .icon-btn.disabled .desc {
      color: #a9a9a9; }

.myt2016 .collapsible {
  position: relative; }
  .myt2016 .collapsible.collapsible-reduce {
    opacity: 0.5; }
    @media only screen and (max-width: 680px) {
      .myt2016 .collapsible.collapsible-reduce {
        border-bottom: none; }
        .myt2016 .collapsible.collapsible-reduce .col-wrapper {
          border-left: none;
          border-right: none;
          border-top: none; } }
  .myt2016 .collapsible .col-wrapper .c3 .icon-btn {
    padding-top: 14px; }
    .myt2016 .collapsible .col-wrapper .c3 .icon-btn .desc {
      text-align: right; }
  .myt2016 .collapsible .col-wrapper .c2 .button.grey, .myt2016 .collapsible .col-wrapper .c2 .button.magenta {
    background: none;
    text-align: right;
    color: #E20074;
    height: 16px;
    border: none; }
    .myt2016 .collapsible .col-wrapper .c2 .button.grey:focus, .myt2016 .collapsible .col-wrapper .c2 .button.magenta:focus {
      outline: none; }
  .myt2016 .collapsible .col-wrapper p {
    margin-bottom: 20px; }

.myt2016 .collapse-btn {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 0;
  top: 10px;
  cursor: pointer;
  z-index: 10;
  display: none; }
  .myt2016 .collapse-btn .icon {
    background: none; }
  .myt2016 .collapse-btn .icon-collapse:after {
    width: 16px;
    height: 16px;
    font-family: "icomoon";
    content: "";
    color: #E20074; }
  .myt2016 .collapse-btn.open .icon-collapse:after {
    width: 16px;
    height: 16px;
    font-family: "icomoon";
    content: "";
    color: #E20074; }

.myt2016 .chart-circle {
  position: relative; }
  .myt2016 .chart-circle.centeredChart {
    left: 50%;
    margin-left: -77px;
    overflow: hidden; }
  .myt2016 .chart-circle .circle-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 100; }
    .myt2016 .chart-circle .circle-inner .line {
      float: left;
      clear: left;
      width: 100%;
      height: auto;
      text-align: center;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      padding: 0 20px;
      font-size: 12px;
      line-height: 13px; }
      .myt2016 .chart-circle .circle-inner .line.first {
        margin-top: 50px; }
        .myt2016 .chart-circle .circle-inner .line.first h1 {
          font-weight: 900;
          color: #E20074;
          font-size: 23px;
          line-height: 28px; }
  .myt2016 .chart-circle .circle-front.ani {
    transition: stroke-dashoffset .5s ease;
    -o-transition: stroke-dashoffset .5s ease;
    -ms-transition: stroke-dashoffset .5s ease;
    -moz-transition: stroke-dashoffset .5s ease;
    -webkit-transition: stroke-dashoffset .5s ease; }

.myt2016 .chart-bar {
  float: left;
  clear: left;
  width: 100%;
  height: auto;
  font-size: 12px;
  line-height: 12px;
  vertical-align: top;
  margin-top: 30px;
  position: relative;
  margin-bottom: 10px; }
  .myt2016 .chart-bar .bar {
    float: none;
    clear: none;
    width: auto;
    height: 20px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: -25px;
    background-color: #ffffff !important; }
    .myt2016 .chart-bar .bar .status {
      float: left;
      clear: left;
      width: 0;
      height: 100%;
      display: block;
      background-color: #E20074 !important;
      transition: width .5s ease;
      -o-transition: width .5s ease;
      -ms-transition: width .5s ease;
      -moz-transition: width .5s ease;
      -webkit-transition: width .5s ease; }
  .myt2016 .chart-bar.chart-bar-nolabels .bar {
    left: 0;
    right: 0; }
  .myt2016 .chart-bar .total {
    float: right;
    clear: none;
    width: 35px;
    text-align: right;
    margin-left: 5px;
    font-weight: 900;
    font-size: 16px;
    color: #E20074;
    margin-top: 7px; }
    .myt2016 .chart-bar .total.infin {
      font-size: 32px; }
    @media only screen and (max-width: 680px) {
      .myt2016 .chart-bar .total {
        font-size: 14px; } }
  .myt2016 .chart-bar .used {
    float: left;
    clear: left;
    width: 45px;
    text-align: left;
    margin-right: 2px;
    font-weight: 900;
    font-size: 16px;
    color: #a4a4a4;
    margin-top: 7px; }
    @media only screen and (max-width: 680px) {
      .myt2016 .chart-bar .used {
        font-size: 14px; } }

.myt2016 .extra-spacing {
  letter-spacing: 2px; }

.myt2016 .overlay {
  position: fixed !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1003;
  background-color: #000;
  -ms-filter: "Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.75;
  opacity: 0.75; }

.myt2016.loadIndicator .content {
  border: 3px solid #e3e3e3;
  width: 60px;
  height: 60px;
  background: white;
  position: fixed;
  left: 50%;
  top: 50%;
  text-align: center;
  z-index: 1004;
  box-sizing: border-box;
  padding-top: 11px;
  margin-left: -30px;
  margin-top: -30px; }

.myt2016.loadIndicator .overlay {
  display: block !important; }

.myt2016 .widget .chart-bar .bar {
  box-shadow: inset 0px 0px 0px 1px #e6e6e6; }

.myt2016 .troubleticket .form .label,
.myt2016 .troubleticket .form label {
  display: block;
  font-weight: bold;
  color: #333333;
  margin: 0 0 3px 0; }

.myt2016 .troubleticket .form .value,
.myt2016 .troubleticket .form input,
.myt2016 .troubleticket .form .textarea {
  margin-bottom: 10px;
  display: inline-block; }

.myt2016 .troubleticket .error {
  position: relative; }
  .myt2016 .troubleticket .error input[type="text"],
  .myt2016 .troubleticket .error input[type="password"],
  .myt2016 .troubleticket .error input[type="date"],
  .myt2016 .troubleticket .error input[type="number"],
  .myt2016 .troubleticket .error .textarea {
    border: 2px solid #d90000;
    color: #d90000; }
  .myt2016 .troubleticket .error .error-box {
    display: block;
    background-color: transparent;
    color: #d90000;
    position: static;
    right: 0;
    bottom: 35px;
    padding: 0 0 16px 0; }

.myt2016 .troubleticket .button-holder .col {
  margin-top: 1px; }
  .myt2016 .troubleticket .button-holder .col .button-big {
    margin-top: 0; }
    @media only screen and (max-width: 680px) {
      .myt2016 .troubleticket .button-holder .col .button-big {
        margin-top: 10px;
        width: 100%; } }

.myt2016 .overviewstatus .icon {
  float: left;
  margin: -4px 10px 0 0; }

.myt2016 .overviewstatus .description {
  float: left;
  width: calc(100% - 40px); }

.myt2016 .overviewstatus .hint-row {
  padding: 14px;
  box-sizing: border-box;
  margin-top: 20px;
  display: none; }
  .myt2016 .overviewstatus .hint-row.show-hint {
    display: block; }
  .myt2016 .overviewstatus .hint-row .icon-alert {
    background-image: none;
    width: 40px;
    height: 40px;
    position: absolute;
    margin-top: 0; }
    .myt2016 .overviewstatus .hint-row .icon-alert:before {
      content: "";
      font-size: 32px;
      color: #E20074;
      position: relative;
      top: 4px; }
  .myt2016 .overviewstatus .hint-row .hint {
    font-size: 16px;
    color: #333333;
    display: inline-block;
    margin-left: 50px;
    margin-bottom: 10px;
    min-height: 40px;
    box-sizing: border-box;
    padding-top: 10px; }
    .myt2016 .overviewstatus .hint-row .hint .magenta {
      color: #E20074; }
    .myt2016 .overviewstatus .hint-row .hint .event-ad {
      float: right; }

.myt2016 .popup-info-holder .popup-info {
  display: none;
  background-color: #ffffff;
  color: #333;
  border: none;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 16px;
  text-align: left;
  padding: 20px 10px 10px 10px;
  box-sizing: border-box; }
  .myt2016 .popup-info-holder .popup-info.active {
    display: block;
    z-index: 1000; }

@media only screen and (max-width: 680px) {
  .myt2016 .collapse-btn {
    display: block;
    top: 15px;
    right: 15px; }
  .myt2016 .button {
    /*height: 37px;
            margin-bottom: 7px;*/ }
  .myt2016 .icon-btn .desc {
    font-size: 14px; }
  .myt2016 .icon-btn.positioned {
    bottom: -35px;
    right: 15px; }
  .myt2016 .collapsible:last-child {
    border-bottom: 1px solid #e6e6e6; }
  .myt2016 .collapsible .headline-wrapper {
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    background: none; }
    .myt2016 .collapsible .headline-wrapper.first {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px; }
    .myt2016 .collapsible .headline-wrapper h2 {
      font-size: 14px;
      color: #E20074;
      padding: 0;
      width: 100%; }
  .myt2016 .collapsible.collapsed .headline-wrapper {
    border-bottom: 0; }
  .myt2016 .collapsible.collapsed .icon-btn {
    display: none !important; }
  .myt2016 .collapsible.collapsed .col-wrapper {
    display: none !important; }
  .myt2016 .collapsible.collapsed .edit-btn-holder {
    display: none !important; }
  .myt2016 .collapsible .col-wrapper {
    padding: 0 15px 15px 15px;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6; }
    .myt2016 .collapsible .col-wrapper .c3 .icon-btn {
      padding-top: 0; }
  .myt2016 .hint .event-ad {
    float: none;
    width: 100%; } }

.myt2016 input[type="text"],
.myt2016 input[type="number"],
.myt2016 input[type="password"],
.myt2016 input[type="date"],
.myt2016 select {
  margin-bottom: 20px;
  font-size: 16px;
  height: 42px;
  line-height: 42px;
  border: 1px solid #ccc;
  box-shadow: 1px 1px 0px 0px rgba(255, 255, 255, 0.25);
  display: inline-block;
  width: 100%;
  padding: 0 15px;
  cursor: pointer;
  color: #333333;
  border-radius: 4px;
  outline: 0;
  background: #ffffff;
  font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none; }
  .myt2016 input[type="text"]:disabled,
  .myt2016 input[type="number"]:disabled,
  .myt2016 input[type="password"]:disabled,
  .myt2016 input[type="date"]:disabled,
  .myt2016 select:disabled {
    background-color: #e7e7e7 !important; }
  @media only screen and (max-width: 680px) {
    .myt2016 input[type="text"],
    .myt2016 input[type="number"],
    .myt2016 input[type="password"],
    .myt2016 input[type="date"],
    .myt2016 select {
      font-size: 14px; } }

.myt2016 select {
  font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA2NCA2NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjQgNjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNFMjAwNzQ7fQ0KPC9zdHlsZT4NCjxnPg0KCTxnIHRyYW5zZm9ybT0ibWF0cml4KDAgMSAxIDAgLTIgMikiPg0KCQk8cGF0aCBpZD0iYV8xXyIgY2xhc3M9InN0MCIgZD0iTTE4LjYsNTYuNmMtMC44LDAuOC0wLjcsMi4xLDAsMi44YzAuOCwwLjcsMiwwLjcsMi44LDBsMjQtMjRjMC44LTAuOCwwLjgtMiwwLTIuOGwtMjQtMjQNCgkJCWMtMC44LTAuOC0yLjEtMC43LTIuOCwwYy0wLjcsMC44LTAuNywyLDAsMi44TDQxLjIsMzRMMTguNiw1Ni42eiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K");
  background-repeat: no-repeat;
  background-size: 15px 15px;
  background-position: calc(100% - 13px) center; }

.myt2016 input[type="checkbox"].styled-slider {
  /* Base for label styling */
  /* checkbox aspect */
  /* checked mark aspect */
  /* checked mark aspect changes */
  /* disabled checkbox */ }
  .myt2016 input[type="checkbox"].styled-slider:not(:checked), .myt2016 input[type="checkbox"].styled-slider:checked {
    position: absolute;
    left: -9999px; }
  .myt2016 input[type="checkbox"].styled-slider:not(:checked) + label,
  .myt2016 input[type="checkbox"].styled-slider:checked + label {
    position: relative;
    padding-left: 43px;
    cursor: pointer;
    display: block; }
  .myt2016 input[type="checkbox"].styled-slider.styled-slider-main:not(:checked) + label,
  .myt2016 input[type="checkbox"].styled-slider.styled-slider-main:checked + label {
    bottom: 4px;
    vertical-align: baseline;
    display: inline; }
  .myt2016 input[type="checkbox"].styled-slider:not(:checked) + label:before,
  .myt2016 input[type="checkbox"].styled-slider:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 28px;
    height: 17px;
    border-top: 1px solid #7f7f7f;
    background: #ababab;
    transition: all 0.2s; }
  .myt2016 input[type="checkbox"].styled-slider:checked + label:before {
    border-top: 1px solid #b4005c;
    background: #e20074; }
  .myt2016 input[type="checkbox"].styled-slider:not(:checked) + label:after,
  .myt2016 input[type="checkbox"].styled-slider:checked + label:after {
    content: "";
    position: absolute;
    width: 11px;
    height: 12px;
    background: #fff;
    border-bottom: 1px solid #7f7f7f; }
  .myt2016 input[type="checkbox"].styled-slider:not(:checked) + label:after {
    left: 3px;
    top: 3px;
    transition: all 0.2s; }
  .myt2016 input[type="checkbox"].styled-slider:checked + label:after {
    left: 14px;
    top: 3px;
    border-bottom: 1px solid #b4005c;
    transition: all 0.2s; }
  .myt2016 input[type="checkbox"].styled-slider:disabled:not(:checked) + label:before {
    background: #e6e6e6;
    border-top: 1px solid #d8d8d8; }
  .myt2016 input[type="checkbox"].styled-slider:disabled:not(:checked) + label:after {
    border-bottom: 1px solid #d8d8d8; }
  .myt2016 input[type="checkbox"].styled-slider:disabled:checked + label:before {
    background: #f6b2d5;
    border-top: 1px solid #e8b2ce; }
  .myt2016 input[type="checkbox"].styled-slider:disabled:checked + label:after {
    border-bottom: 1px solid #e8b2ce; }

.myt2016 .textarea {
  display: block;
  width: 100%;
  height: 140px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  padding-left: 6px; }
  .myt2016 .textarea:disabled {
    background-color: #e7e7e7 !important; }

.myt2016 .content {
  /* input[type="password"] {
            border:0;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }*/ }
  .myt2016 .content input[type="radio"],
  .myt2016 .content input[type="checkbox"] {
    appearance: radio !important;
    -webkit-appearance: radio !important;
    -moz-webkit-appearance: radio !important;
    -ms-webkit-appearance: radio !important;
    -o-webkit-appearance: radio !important;
    width: 15px; }
  .myt2016 .content input[type="checkbox"] {
    appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    -moz-webkit-appearance: checkbox !important;
    -ms-webkit-appearance: checkbox !important;
    -o-webkit-appearance: checkbox !important;
    width: 15px; }
  .myt2016 .content form label,
  .myt2016 .content .form label {
    position: relative; }
    .myt2016 .content form label .popup-info-holder,
    .myt2016 .content .form label .popup-info-holder {
      position: absolute;
      top: -6px;
      right: 1px; }
  .myt2016 .content form.editable .edit-btn-holder,
  .myt2016 .content .form.editable .edit-btn-holder {
    display: inline;
    position: absolute;
    right: 0;
    bottom: 10px;
    text-align: right;
    width: 210px; }
    .myt2016 .content form.editable .edit-btn-holder a,
    .myt2016 .content .form.editable .edit-btn-holder a {
      display: inline-block;
      max-width: 100px; }
      .myt2016 .content form.editable .edit-btn-holder a.grey,
      .myt2016 .content .form.editable .edit-btn-holder a.grey {
        background-color: #ffffff;
        color: #333333;
        text-decoration: underline;
        box-shadow: none;
        border: none; }
  .myt2016 .content form.editable .button,
  .myt2016 .content .form.editable .button {
    margin-top: 5px; }
  .myt2016 .content form.editable .selected-option,
  .myt2016 .content .form.editable .selected-option {
    display: none; }
  .myt2016 .content form.editable .icon-btn.positioned,
  .myt2016 .content .form.editable .icon-btn.positioned {
    display: none; }
  .myt2016 .content form.editable .statusTxt_checked,
  .myt2016 .content form.editable .statusTxt_not_checked,
  .myt2016 .content .form.editable .statusTxt_checked,
  .myt2016 .content .form.editable .statusTxt_not_checked {
    display: none; }
  .myt2016 .content form.editable input[type="text"],
  .myt2016 .content form.editable input[type="password"],
  .myt2016 .content form.editable input[type="date"],
  .myt2016 .content form.editable input[type="number"],
  .myt2016 .content form.editable select,
  .myt2016 .content .form.editable input[type="text"],
  .myt2016 .content .form.editable input[type="password"],
  .myt2016 .content .form.editable input[type="date"],
  .myt2016 .content .form.editable input[type="number"],
  .myt2016 .content .form.editable select {
    /*border: 0px;
                    border-bottom: 1px solid $border-light;
                    box-shadow: none;*/ }
  .myt2016 .content form.editable .checkbox-list,
  .myt2016 .content .form.editable .checkbox-list {
    list-style-type: none; }
    .myt2016 .content form.editable .checkbox-list li,
    .myt2016 .content .form.editable .checkbox-list li {
      display: list-item;
      padding: 3px 0; }
      .myt2016 .content form.editable .checkbox-list li label,
      .myt2016 .content .form.editable .checkbox-list li label {
        margin: 0;
        display: inline-block; }
        .myt2016 .content form.editable .checkbox-list li label .txt,
        .myt2016 .content .form.editable .checkbox-list li label .txt {
          margin-left: 5Px; }
        .myt2016 .content form.editable .checkbox-list li label input,
        .myt2016 .content .form.editable .checkbox-list li label input {
          margin-top: 3px; }
  .myt2016 .content form.editable .radio-group,
  .myt2016 .content .form.editable .radio-group {
    margin-top: 10px; }
    .myt2016 .content form.editable .radio-group input[type="radio"],
    .myt2016 .content .form.editable .radio-group input[type="radio"] {
      margin-top: 3px; }
    .myt2016 .content form.editable .radio-group.single-row input[type="radio"],
    .myt2016 .content .form.editable .radio-group.single-row input[type="radio"] {
      margin-top: 3px;
      margin-left: 0; }
    .myt2016 .content form.editable .radio-group.single-row label,
    .myt2016 .content .form.editable .radio-group.single-row label {
      margin-bottom: 10px;
      display: block; }
      .myt2016 .content form.editable .radio-group.single-row label:last-child,
      .myt2016 .content .form.editable .radio-group.single-row label:last-child {
        margin-bottom: 0; }
      .myt2016 .content form.editable .radio-group.single-row label.hidden,
      .myt2016 .content .form.editable .radio-group.single-row label.hidden {
        margin: -5px 0 0 0; }
  .myt2016 .content form.editable.progressed .show-progressed,
  .myt2016 .content .form.editable.progressed .show-progressed {
    display: block; }
  .myt2016 .content form.editable.progressed .hide-progressed,
  .myt2016 .content .form.editable.progressed .hide-progressed {
    display: none; }
  .myt2016 .content form.editable.progressed .checkbox-list,
  .myt2016 .content .form.editable.progressed .checkbox-list {
    list-style-type: none; }
    .myt2016 .content form.editable.progressed .checkbox-list li,
    .myt2016 .content .form.editable.progressed .checkbox-list li {
      display: none; }
      .myt2016 .content form.editable.progressed .checkbox-list li.checked,
      .myt2016 .content .form.editable.progressed .checkbox-list li.checked {
        display: list-item; }
      .myt2016 .content form.editable.progressed .checkbox-list li label .txt,
      .myt2016 .content .form.editable.progressed .checkbox-list li label .txt {
        margin-left: 0; }
  .myt2016 .content form.editable.progressed input,
  .myt2016 .content form.editable.progressed select,
  .myt2016 .content .form.editable.progressed input,
  .myt2016 .content .form.editable.progressed select {
    display: none; }
  .myt2016 .content form.editable.progressed .edit-btn-holder,
  .myt2016 .content .form.editable.progressed .edit-btn-holder {
    display: none; }
  .myt2016 .content form.editable.progressed .icon-btn.positioned,
  .myt2016 .content .form.editable.progressed .icon-btn.positioned {
    display: inherit; }
  .myt2016 .content form.editable.progressed .selected-option,
  .myt2016 .content .form.editable.progressed .selected-option {
    display: block; }
  .myt2016 .content form.editable.progressed input[type="checkbox"] ~ .statusTxt_checked,
  .myt2016 .content .form.editable.progressed input[type="checkbox"] ~ .statusTxt_checked {
    display: none; }
  .myt2016 .content form.editable.progressed input[type="checkbox"] ~ .statusTxt_not_checked,
  .myt2016 .content .form.editable.progressed input[type="checkbox"] ~ .statusTxt_not_checked {
    display: inline; }
  .myt2016 .content form.editable.progressed input[type="checkbox"]:checked ~ .statusTxt_checked,
  .myt2016 .content .form.editable.progressed input[type="checkbox"]:checked ~ .statusTxt_checked {
    display: inline; }
  .myt2016 .content form.editable.progressed input[type="checkbox"]:checked ~ .statusTxt_not_checked,
  .myt2016 .content .form.editable.progressed input[type="checkbox"]:checked ~ .statusTxt_not_checked {
    display: none; }
  .myt2016 .content form.editable.progressed .label-txt,
  .myt2016 .content .form.editable.progressed .label-txt {
    display: none; }
  .myt2016 .content form.editable.progressed input[type="radio"] ~ p,
  .myt2016 .content .form.editable.progressed input[type="radio"] ~ p {
    display: none; }
  .myt2016 .content form.editable.progressed input[type="radio"] ~ .p,
  .myt2016 .content .form.editable.progressed input[type="radio"] ~ .p {
    display: none; }
  .myt2016 .content form.editable.progressed input[type="radio"]:checked ~ p,
  .myt2016 .content .form.editable.progressed input[type="radio"]:checked ~ p {
    display: block; }
  .myt2016 .content form.editable.progressed input[type="radio"]:checked ~ .p,
  .myt2016 .content .form.editable.progressed input[type="radio"]:checked ~ .p {
    display: block; }
  .myt2016 .content form.editable .hide-progressed,
  .myt2016 .content .form.editable .hide-progressed {
    display: block; }
  .myt2016 .content form.editable .show-progressed,
  .myt2016 .content .form.editable .show-progressed {
    display: none; }
  @media only screen and (max-width: 680px) {
    .myt2016 .content form .btn-holder,
    .myt2016 .content .form .btn-holder {
      bottom: -35px; }
    .myt2016 .content form.editable .edit-btn-holder,
    .myt2016 .content .form.editable .edit-btn-holder {
      bottom: -52px;
      width: 100%; }
      .myt2016 .content form.editable .edit-btn-holder .button,
      .myt2016 .content .form.editable .edit-btn-holder .button {
        max-width: 49%;
        padding-top: 5px; } }

.myt2016 .gwt-CheckBox input[type="checkbox"] + label {
  position: relative;
  margin: 10px 0 0 30px; }
  .myt2016 .gwt-CheckBox input[type="checkbox"] + label:before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: -30px;
    height: 16px;
    width: 16px;
    border: 1px solid #e6e6e6;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border-radius: 3px;
    content: ''; }

.myt2016 .gwt-CheckBox input[type="checkbox"]:checked + label:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC);
  background-color: #e20074;
  background-repeat: no-repeat;
  background-position: center center;
  border-color: #a90056;
  content: ''; }

.myt2016 .gwt-RadioButton input[type="radio"] + label {
  position: relative;
  margin: 10px 0 0 30px; }
  .myt2016 .gwt-RadioButton input[type="radio"] + label:before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: -30px;
    height: 17px;
    width: 17px;
    border: 1px solid #e6e6e6;
    color: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: ''; }
  .myt2016 .gwt-RadioButton input[type="radio"] + label:after {
    top: 7px;
    left: -23px;
    width: 5px;
    height: 5px;
    background: #ffffff;
    border-radius: 50%;
    content: "";
    position: absolute; }

.myt2016 .gwt-RadioButton input[type="radio"]:checked + label:before {
  background-color: #e20074;
  border-color: #a90056; }

.myt2016 .gwt-RadioButton input[type="radio"]:checked + label:after {
  background-color: #ffffff; }

@media only screen and (max-width: 680px) {
  .myt2016 select {
    font-size: 14px;
    height: 39px;
    line-height: 39px; } }

.myt2016.view-home .section-header .header {
  padding-bottom: 140px; }
  .myt2016.view-home .section-header .header h1 {
    margin-bottom: 15px; }
  .myt2016.view-home .section-header .header h2 {
    padding-bottom: 0; }
  .myt2016.view-home .section-header .header h2.noMobile {
    display: block; }

.myt2016.view-home .section-header .header-aside {
  margin-top: 100px; }
  .myt2016.view-home .section-header .header-aside .bordered-box {
    padding: 0px; }
    .myt2016.view-home .section-header .header-aside .bordered-box h3 {
      font-weight: bold;
      font-size: 12px;
      color: #333333;
      margin: 0 0 5px 0;
      padding: 0; }
    .myt2016.view-home .section-header .header-aside .bordered-box p {
      font-size: 16px;
      margin: 0;
      padding: 0px 0 14px 0; }
    .myt2016.view-home .section-header .header-aside .bordered-box .expander-holder {
      display: none; }
    .myt2016.view-home .section-header .header-aside .bordered-box .edit-link {
      font-size: 16px;
      color: #E20074; }

.myt2016.view-home .section-header .chart-circle svg {
  height: 100%; }
  .myt2016.view-home .section-header .chart-circle svg g .circle-border {
    stroke: #e6e6e6 !important;
    stroke-width: 1px; }
  .myt2016.view-home .section-header .chart-circle svg g .circle-back {
    stroke: #ffffff !important; }

.myt2016.view-home .section-header .c8.button-holder {
  width: calc(66.66666% - 30px); }
  @media only screen and (max-width: 680px) {
    .myt2016.view-home .section-header .c8.button-holder {
      display: none; } }

.myt2016.view-home .section-header ul.buttons {
  list-style-type: none;
  list-style-image: none;
  margin: -140px 0 0 0;
  padding: 0;
  width: 100%;
  display: flex; }
  .myt2016.view-home .section-header ul.buttons li {
    box-sizing: border-box;
    text-align: center;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    height: 96px;
    width: calc(100% / 3);
    margin-left: 30px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 10px; }
    .myt2016.view-home .section-header ul.buttons li:first-child {
      padding-left: 0;
      margin-left: 0; }
    .myt2016.view-home .section-header ul.buttons li .icon {
      margin: 0 auto;
      display: block;
      background-image: none;
      color: #E20074; }
      .myt2016.view-home .section-header ul.buttons li .icon.icon-mydata {
        background: none;
        margin-bottom: 0; }
        .myt2016.view-home .section-header ul.buttons li .icon.icon-mydata::before {
          font-size: 44px;
          content: ""; }
      .myt2016.view-home .section-header ul.buttons li .icon.icon-myinvoices {
        background: none;
        margin-bottom: 0; }
        .myt2016.view-home .section-header ul.buttons li .icon.icon-myinvoices::before {
          font-size: 44px;
          content: ""; }
      .myt2016.view-home .section-header ul.buttons li .icon.icon-myproducts {
        background: none;
        margin-bottom: 0; }
        .myt2016.view-home .section-header ul.buttons li .icon.icon-myproducts::before {
          font-size: 44px;
          content: ""; }
    .myt2016.view-home .section-header ul.buttons li a {
      font-weight: 900;
      display: block;
      font-size: 16px;
      color: #333333;
      text-decoration: none; }
      .myt2016.view-home .section-header ul.buttons li a:hover {
        color: #E20074; }

.myt2016.view-home .section-header .row.error, .myt2016.view-home .section-header .row.info {
  float: none;
  background: #ffffff;
  color: #333333;
  border: 1px solid #e6e6e6;
  position: relative;
  min-height: 60px;
  box-sizing: border-box; }
  .myt2016.view-home .section-header .row.error .c12 > .description, .myt2016.view-home .section-header .row.info .c12 > .description {
    vertical-align: top;
    padding-top: 0;
    padding-left: 30px;
    min-height: 50px;
    display: inline-block; }
    .myt2016.view-home .section-header .row.error .c12 > .description h2, .myt2016.view-home .section-header .row.info .c12 > .description h2 {
      margin-top: 3px;
      width: 100%; }
  .myt2016.view-home .section-header .row.error .c12 > .icon, .myt2016.view-home .section-header .row.info .c12 > .icon {
    background: none;
    position: relative;
    top: -9px; }
    .myt2016.view-home .section-header .row.error .c12 > .icon.icon-roaming:before, .myt2016.view-home .section-header .row.info .c12 > .icon.icon-roaming:before {
      background: none;
      position: relative;
      top: 9px;
      left: 12px;
      display: inline-block;
      font-family: "icomoon";
      content: "";
      font-size: 25px;
      color: #E20074; }
  .myt2016.view-home .section-header .row.error .btn-row, .myt2016.view-home .section-header .row.info .btn-row {
    margin-bottom: 12px;
    padding-right: 12px;
    padding-left: 12px;
    box-sizing: border-box; }
    .myt2016.view-home .section-header .row.error .btn-row button, .myt2016.view-home .section-header .row.info .btn-row button {
      margin-top: 0; }

.myt2016.view-home .section-header .row .legal {
  font-size: 13px;
  margin-top: 25px; }

.myt2016.view-home .section-header .graph-box {
  position: relative;
  box-sizing: border-box; }
  .myt2016.view-home .section-header .graph-box > .row > .c4 {
    margin-top: 0px;
    margin-bottom: 20px; }
  .myt2016.view-home .section-header .graph-box > .row > .c4 {
    box-sizing: border-box; }
    .myt2016.view-home .section-header .graph-box > .row > .c4 .chart-container {
      float: left;
      width: 100%;
      margin-bottom: 20px;
      margin-left: 0; }
      .myt2016.view-home .section-header .graph-box > .row > .c4 .chart-container.roamingicon-show .chart-circle:after {
        position: absolute;
        top: 5px;
        right: 5px;
        display: inline-block;
        font-family: "icomoon";
        content: ""; }
  .myt2016.view-home .section-header .graph-box > .row > .c8 {
    box-sizing: border-box; }
    .myt2016.view-home .section-header .graph-box > .row > .c8 .row:first-child .widget {
      padding-top: 0; }
    .myt2016.view-home .section-header .graph-box > .row > .c8 .chart-container {
      float: left;
      width: 47%;
      padding-bottom: 40px;
      margin-left: 3%; }
      .myt2016.view-home .section-header .graph-box > .row > .c8 .chart-container.roamingicon-show .chart-circle:after {
        position: absolute;
        top: 5px;
        right: 5px;
        display: inline-block;
        font-weight: normal;
        font-size: 16px;
        font-family: "icomoon";
        content: ""; }

@media only screen and (max-width: 680px) and (max-width: 440px) {
  .myt2016.view-home .section-header .graph-box > .row > .c8 .chart-container {
    width: 100%; } }
      @media only screen and (max-width: 680px) {
        .myt2016.view-home .section-header .graph-box > .row > .c8 .chart-container .title {
          text-align: center; } }
  .myt2016.view-home .section-header .graph-box .title {
    color: #333333;
    font-weight: bold;
    font-size: 21px;
    text-align: center;
    margin-bottom: 10px; }
  .myt2016.view-home .section-header .graph-box .widget {
    box-sizing: border-box;
    padding: 10px 15px;
    position: relative; }
    .myt2016.view-home .section-header .graph-box .widget.roamingicon-show .title {
      position: relative; }
      .myt2016.view-home .section-header .graph-box .widget.roamingicon-show .title:after {
        display: block;
        position: absolute;
        font-family: "icomoon";
        content: "";
        right: 0;
        top: 0; }
    .myt2016.view-home .section-header .graph-box .widget .title {
      text-align: left;
      margin-left: 0; }
    .myt2016.view-home .section-header .graph-box .widget .magenta {
      margin-top: 15px;
      margin-left: 0;
      text-align: left; }
    .myt2016.view-home .section-header .graph-box .widget.last {
      border-bottom: 0;
      padding-top: 40px; }
    .myt2016.view-home .section-header .graph-box .widget .info-wrapper {
      margin-bottom: 3px;
      line-height: 19px; }
      .myt2016.view-home .section-header .graph-box .widget .info-wrapper .name {
        width: 35%;
        color: #333333;
        display: inline-block;
        font-weight: 900;
        font-size: 16px; }
      .myt2016.view-home .section-header .graph-box .widget .info-wrapper .value {
        width: 63%;
        color: #E20074;
        display: inline-block;
        text-align: right;
        font-weight: 900;
        font-size: 16px; }
      .myt2016.view-home .section-header .graph-box .widget .info-wrapper.noMobile .name,
      .myt2016.view-home .section-header .graph-box .widget .info-wrapper.noMobile .value {
        font-size: 12px;
        color: #333333; }
    .myt2016.view-home .section-header .graph-box .widget .popup-info-holder {
      position: absolute;
      top: 2px;
      right: 0; }
      .myt2016.view-home .section-header .graph-box .widget .popup-info-holder .popup-info {
        width: 204px;
        position: absolute;
        left: -10px;
        top: 11px; }
  .myt2016.view-home .section-header .graph-box .magenta {
    text-align: center;
    color: #E20074;
    font-weight: 900;
    display: inline-block;
    margin-top: 16px;
    width: 100%; }
  .myt2016.view-home .section-header .graph-box .recharger {
    background: #ffffff;
    width: 100%;
    border-top: 1px solid #e6e6e6;
    padding-top: 5px;
    margin-top: 0; }
    .myt2016.view-home .section-header .graph-box .recharger .magenta {
      padding: 5px;
      margin-top: 0;
      margin-left: 0;
      box-sizing: border-box;
      text-align: left; }
    .myt2016.view-home .section-header .graph-box .recharger .icon-triangle {
      position: absolute;
      top: -6px;
      width: 14px;
      height: 7px;
      background-position: -493px -576px;
      left: 48%; }

.myt2016.view-home .section-header .graph-box-holder .graph-box .col.c4 .widget .info-wrapper .name, .myt2016.view-home .section-header .graph-box-holder .graph-box .col.c4 .widget .info-wrapper .value {
  font-size: 12px;
  width: 100%;
  text-align: left; }

.myt2016.view-home .section-header .ad-bordered-box {
  border: 1px solid #696969;
  background-color: #242424; }

.myt2016.view-home .section-header .ad-box {
  height: 250px;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto; }

.myt2016.view-home .section-link-list {
  padding: 40px 0; }
  .myt2016.view-home .section-link-list ul.link-list {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 0; }
    .myt2016.view-home .section-link-list ul.link-list li {
      margin: 0;
      padding: 0;
      border: 1px solid #e6e6e6;
      border-top: none; }
      .myt2016.view-home .section-link-list ul.link-list li.headline {
        border: none;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px; }
        .myt2016.view-home .section-link-list ul.link-list li.headline a {
          font-size: 21px;
          font-weight: bold;
          color: #333333;
          line-height: 46px;
          padding: 0; }
          .myt2016.view-home .section-link-list ul.link-list li.headline a:hover {
            color: #333333; }
          .myt2016.view-home .section-link-list ul.link-list li.headline a:after {
            display: none; }
          .myt2016.view-home .section-link-list ul.link-list li.headline a .icon {
            display: none; }
      .myt2016.view-home .section-link-list ul.link-list li:nth-child(2) {
        border-top: 1px solid #e6e6e6;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px; }
      .myt2016.view-home .section-link-list ul.link-list li:nth-child(4) {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px; }
      .myt2016.view-home .section-link-list ul.link-list li.last {
        margin-top: 14px;
        border: 1px solid #e6e6e6;
        border-radius: 4px; }
        .myt2016.view-home .section-link-list ul.link-list li.last a {
          color: #E20074;
          font-weight: 900; }
      .myt2016.view-home .section-link-list ul.link-list li a {
        font-weight: 900;
        display: block;
        font-size: 16px;
        line-height: 48px;
        color: #E20074;
        text-decoration: none;
        padding-left: 15px;
        position: relative; }
        .myt2016.view-home .section-link-list ul.link-list li a:hover {
          color: #E20074; }
        .myt2016.view-home .section-link-list ul.link-list li a:after {
          font-family: "icomoon";
          content: "";
          width: 15px;
          height: 15px;
          position: absolute;
          right: 10px; }

@media only screen and (min-width: 681px) and (max-width: 1024px) {
  .myt2016.view-home .section-header ul.buttons {
    margin-top: 0; }
  .myt2016.view-home .section-header .graph-box {
    height: auto; }
    .myt2016.view-home .section-header .graph-box .widget .popup-info-holder .popup-info {
      left: -210px; }
    .myt2016.view-home .section-header .graph-box .recharger {
      display: none; }
  .myt2016.view-home .section-header .c8.graph-box-holder {
    width: 100%; }
  .myt2016.view-home .section-header .c8.button-holder {
    width: 100%; }
  .myt2016.view-home .section-header .c4.add-holder {
    width: 100%; }
  .myt2016.view-home .section-header .ad-bordered-box {
    margin-top: 30px; } }

@media only screen and (max-width: 680px) {
  .myt2016.view-home .section-header .header {
    padding-bottom: 30px; }
    .myt2016.view-home .section-header .header h2 {
      margin-right: 0;
      font-size: 16px;
      line-height: 21px; }
  .myt2016.view-home .section-header .header-aside {
    margin-top: 0; }
    .myt2016.view-home .section-header .header-aside .bordered-box {
      margin-bottom: 55px;
      position: relative; }
      .myt2016.view-home .section-header .header-aside .bordered-box .expandable {
        display: inherit; }
      .myt2016.view-home .section-header .header-aside .bordered-box .expander-holder {
        display: none; }
      .myt2016.view-home .section-header .header-aside .bordered-box p {
        font-size: 14px; }
      .myt2016.view-home .section-header .header-aside .bordered-box .edit-link {
        font-size: 14px; }
    .myt2016.view-home .section-header .header-aside .expander {
      width: 60%;
      background-color: #333333;
      border-left: 1px solid #303030;
      border-right: 1px solid #303030;
      border-bottom: 1px solid #303030;
      text-align: center;
      padding: 3px 3px 8px 3px;
      position: absolute;
      left: 20%;
      top: 15px;
      cursor: pointer;
      font-weight: 900;
      color: #E20074;
      font-size: 16px;
      box-sizing: border-box; }
      .myt2016.view-home .section-header .header-aside .expander .icon-arrow-up {
        width: 10px;
        height: 5px;
        background-position: -575px -297px;
        margin: 0 6px 2px 0; }
      .myt2016.view-home .section-header .header-aside .expander .icon-arrow-down {
        width: 10px;
        height: 5px;
        background-position: -615px -297px;
        margin: 0 6px 2px 0; }
      .myt2016.view-home .section-header .header-aside .expander .do-open {
        display: inline-block; }
      .myt2016.view-home .section-header .header-aside .expander .do-close {
        display: none; }
      .myt2016.view-home .section-header .header-aside .expander.closed .do-open {
        display: none; }
      .myt2016.view-home .section-header .header-aside .expander.closed .do-close {
        display: inline-block; }
  .myt2016.view-home .section-header .graph-box {
    height: auto; }
    .myt2016.view-home .section-header .graph-box .title {
      font-size: 16px;
      text-align: center; }
    .myt2016.view-home .section-header .graph-box .widget {
      border-left: 0;
      border-bottom: 0;
      border-top: 1px solid #e6e6e6;
      padding: 20px; }
      .myt2016.view-home .section-header .graph-box .widget .popup-info-holder .popup-info {
        left: -210px; }
      .myt2016.view-home .section-header .graph-box .widget .info-wrapper .name {
        font-size: 14px; }
      .myt2016.view-home .section-header .graph-box .widget .info-wrapper .value {
        font-size: 14px; }
      .myt2016.view-home .section-header .graph-box .widget .info-wrapper.noMobile {
        display: block; }
        .myt2016.view-home .section-header .graph-box .widget .info-wrapper.noMobile .name,
        .myt2016.view-home .section-header .graph-box .widget .info-wrapper.noMobile .value {
          font-size: 12px;
          color: #333333; }
      .myt2016.view-home .section-header .graph-box .widget .magenta {
        margin-bottom: 0; }
      .myt2016.view-home .section-header .graph-box .widget .mobileOnly {
        display: none !important; }
    .myt2016.view-home .section-header .graph-box .c8 .row:first-child .widget {
      border-top: none;
      padding-top: 0; }
    .myt2016.view-home .section-header .graph-box .c8 .row.noMobile {
      display: block; }
    .myt2016.view-home .section-header .graph-box .magenta {
      margin-bottom: 10px;
      font-size: 14px; }
  .myt2016.view-home .section-header .ad-bordered-box {
    margin-top: 30px; }
  .myt2016.view-home .section-header .ad-box {
    margin-bottom: 30px; }
  .myt2016.view-home .section-header .image-box .image-holder {
    width: 100%; }
    .myt2016.view-home .section-header .image-box .image-holder img {
      width: 100%;
      height: auto; }
  .myt2016.view-home .section-header .image-box .txt-holder {
    max-width: 100% !important;
    width: 100%; }
  .myt2016.view-home .section-link-list ul.link-list {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 0; }
    .myt2016.view-home .section-link-list ul.link-list li.headline a {
      font-size: 16px; }
    .myt2016.view-home .section-link-list ul.link-list li a {
      font-size: 14px;
      line-height: 42px; } }

.myt2016.view-home .background-lightest {
  margin-top: 30px; }

.myt2016 .aside {
  box-sizing: border-box; }
  .myt2016 .aside.col.c4 {
    margin-top: -115px;
    position: relative;
    z-index: 1; }
  .myt2016 .aside .bordered-box {
    padding: 0px;
    margin-bottom: 60px; }
    .myt2016 .aside .bordered-box h3 {
      font-weight: bold;
      font-size: 12px;
      color: #333333;
      margin: 0 0 5px 0;
      padding: 0; }
      .myt2016 .aside .bordered-box h3.popup-info {
        position: relative; }
    .myt2016 .aside .bordered-box p {
      font-size: 16px;
      margin: 0;
      padding: 0 0 15px 0; }
      .myt2016 .aside .bordered-box p:last-child {
        padding-bottom: 0; }
    .myt2016 .aside .bordered-box .expander-holder {
      display: none; }
    .myt2016 .aside .bordered-box .edit-link {
      font-size: 16px;
      color: #E20074; }
  .myt2016 .aside ul.buttons {
    list-style-type: none;
    list-style-image: none;
    margin: 30px 0 0 0;
    padding: 0;
    width: 100%; }
    .myt2016 .aside ul.buttons li {
      box-sizing: border-box;
      width: 100%;
      margin-top: 10px;
      padding: 0;
      position: relative;
      text-align: center; }
      .myt2016 .aside ul.buttons li:hover a, .myt2016 .aside ul.buttons li.selected a {
        color: #ffffff; }
      .myt2016 .aside ul.buttons li .icon {
        display: none;
        position: relative;
        margin-right: 10px; }
      .myt2016 .aside ul.buttons li .icon-mydata {
        background: none; }
        .myt2016 .aside ul.buttons li .icon-mydata::before {
          font-size: 16px;
          content: ""; }
      .myt2016 .aside ul.buttons li .icon-myinvoices {
        background: none; }
        .myt2016 .aside ul.buttons li .icon-myinvoices::before {
          font-size: 16px;
          content: ""; }
      .myt2016 .aside ul.buttons li .icon-myproducts {
        background: none; }
        .myt2016 .aside ul.buttons li .icon-myproducts::before {
          font-size: 16px;
          content: ""; }
      .myt2016 .aside ul.buttons li a {
        font-weight: 900;
        display: block;
        background-color: #E20074;
        font-size: 16px;
        line-height: 42px;
        color: #ffffff;
        text-decoration: none;
        border-radius: 4px; }
        .myt2016 .aside ul.buttons li a:hover {
          color: #ffffff; }
  .myt2016 .aside ul.help-themes {
    margin: 20px 0 0 0;
    padding: 0;
    list-style-type: none;
    padding: 0;
    width: 100%; }
    .myt2016 .aside ul.help-themes li {
      width: calc(50% - 10px);
      padding: 0;
      margin: 0 10px 10px 0;
      float: left; }
      .myt2016 .aside ul.help-themes li a {
        color: #E20074;
        font-size: 16px;
        display: inline-block;
        vertical-align: text-top;
        padding-right: 10px;
        text-decoration: underline; }
        .myt2016 .aside ul.help-themes li a:hover {
          color: #E20074; }
  .myt2016 .aside h2 {
    font-weight: bold;
    font-size: 26px;
    color: #333333;
    margin-top: 30px; }

.myt2016 .content {
  box-sizing: border-box; }
  .myt2016 .content .bordered-box {
    padding: 0; }
    .myt2016 .content .bordered-box h3 {
      font-weight: bold;
      font-size: 12px;
      color: #333333;
      margin: 0 0 5px 0;
      padding: 0; }
    .myt2016 .content .bordered-box p {
      font-size: 16px;
      margin: 0;
      padding: 0px 0 14px 0; }
    .myt2016 .content .bordered-box .expander-holder {
      display: none; }
    .myt2016 .content .bordered-box .edit-link {
      font-size: 16px;
      color: #E20074; }
  .myt2016 .content .headline-wrapper {
    margin-top: 40px;
    border-bottom: 1px solid #e6e6e6; }
    .myt2016 .content .headline-wrapper h2 {
      font-weight: bold;
      color: #333333;
      font-size: 26px;
      padding-bottom: 15px;
      margin: 0; }
    .myt2016 .content .headline-wrapper.first {
      margin-top: 0; }
    @media only screen and (max-width: 680px) {
      .myt2016 .content .headline-wrapper {
        margin: 0; }
        .myt2016 .content .headline-wrapper h2 {
          font-size: 14px;
          color: #E20074;
          padding-bottom: 0; } }
  .myt2016 .content .radio-list,
  .myt2016 .content .checkbox-list {
    list-style-type: none;
    list-style-position: inside;
    margin: 0;
    padding: 0; }
    .myt2016 .content .radio-list li,
    .myt2016 .content .checkbox-list li {
      width: 50%;
      float: left; }
      .myt2016 .content .radio-list li:before,
      .myt2016 .content .checkbox-list li:before {
        content: '';
        width: 6px;
        height: 6px;
        float: left;
        position: relative;
        top: 7px;
        margin-right: 10px;
        background-color: #E20074; }
    .myt2016 .content .radio-list.single-row,
    .myt2016 .content .checkbox-list.single-row {
      list-style: none;
      list-style-type: none; }
      .myt2016 .content .radio-list.single-row li,
      .myt2016 .content .checkbox-list.single-row li {
        width: 100%;
        float: none; }
  .myt2016 .content .checkbox-block {
    list-style-type: square;
    list-style-position: inside;
    margin: 0;
    padding: 0; }
    .myt2016 .content .checkbox-block li {
      font-weight: 900;
      margin: 0;
      padding: 0; }
  .myt2016 .content h2 {
    font-weight: bold;
    font-size: 26px;
    color: #E20074;
    padding-bottom: 8px;
    max-width: 66%; }
  .myt2016 .content h3 {
    color: #333333;
    font-weight: 900;
    font-size: 18px;
    margin-bottom: 10px; }
  .myt2016 .content h4 {
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px; }
  .myt2016 .content p {
    margin: 8px 0; }
    .myt2016 .content p.no-headline {
      padding-top: 18px; }
    .myt2016 .content p .strong {
      font-weight: 900; }
  .myt2016 .content a {
    color: #E20074; }
  @media only screen and (min-width: 681px) {
    .myt2016 .content .button.button-input-height,
    .myt2016 .content .icon-btn.button-input-height {
      margin-top: 31px; } }
  .myt2016 .content .headline-wrapper {
    position: relative; }
  .myt2016 .content .c12 > .icon {
    width: 43px;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
    position: absolute; }
  .myt2016 .content .c12 > .icon-speed-boost {
    background-image: none; }
    .myt2016 .content .c12 > .icon-speed-boost:before {
      content: "";
      font-size: 25px;
      color: #E20074;
      left: 4px;
      top: -2px;
      position: absolute; }
  .myt2016 .content .c12 > .icon-safety {
    background-image: none; }
    .myt2016 .content .c12 > .icon-safety:before {
      content: "";
      font-size: 25px;
      color: #E20074;
      left: 4px;
      top: -2px;
      position: absolute; }
  .myt2016 .content .c12 > .icon-travel-surf {
    background-image: none; }
    .myt2016 .content .c12 > .icon-travel-surf:before {
      content: "";
      font-size: 25px;
      color: #E20074;
      left: 4px;
      top: -2px;
      position: absolute; }
  .myt2016 .content .c12 > .icon-alert {
    background: none;
    color: #E20074; }
    .myt2016 .content .c12 > .icon-alert::before {
      content: "";
      font-size: 25px;
      left: 4px;
      top: -4px;
      position: absolute;
      color: #E20074; }
  .myt2016 .content .c12 > .icon-cancel {
    background: none;
    color: #E20074; }
    .myt2016 .content .c12 > .icon-cancel::before {
      content: "";
      font-size: 25px;
      left: 10px;
      top: 0px;
      position: absolute;
      color: #E20074; }
  .myt2016 .content .c12 > .icon-success {
    background: none;
    color: #E20074; }
    .myt2016 .content .c12 > .icon-success::before {
      content: "";
      font-size: 25px;
      left: 10px;
      top: 0px;
      position: absolute;
      color: #E20074; }
  .myt2016 .content .c12 > .icon.icon-empty {
    background: none;
    color: #E20074; }
    .myt2016 .content .c12 > .icon.icon-empty::before {
      content: "";
      font-size: 25px;
      left: 4px;
      top: -4px;
      position: absolute; }
  .myt2016 .content .c12 > .icon + .description {
    display: inline-block;
    min-height: 40px;
    vertical-align: middle;
    padding: 5px 15px 5px 60px;
    padding-left: 60px;
    box-sizing: border-box; }
  .myt2016 .content .c12 > .icon.icon-roaming {
    background: none; }
    .myt2016 .content .c12 > .icon.icon-roaming.icon-roaming:before {
      position: relative;
      top: 5px;
      left: 20px;
      display: inline-block;
      font-weight: normal;
      font-size: 16px;
      font-family: "icomoon";
      content: ""; }
  .myt2016 .content .row.error, .myt2016 .content .row.info {
    margin-top: 30px;
    position: relative;
    min-height: 60px; }
    .myt2016 .content .row.error.first, .myt2016 .content .row.info.first {
      margin-top: 20px; }
    .myt2016 .content .row.error .c12 > .description, .myt2016 .content .row.info .c12 > .description {
      vertical-align: top;
      padding-top: 2px;
      padding-left: 60px;
      min-height: 35px;
      width: 100%;
      color: #333333; }
      .myt2016 .content .row.error .c12 > .description strong, .myt2016 .content .row.info .c12 > .description strong {
        font-weight: normal; }
      .myt2016 .content .row.error .c12 > .description h2, .myt2016 .content .row.info .c12 > .description h2 {
        margin-top: -5px;
        width: 100%; }
    .myt2016 .content .row.error.error-light, .myt2016 .content .row.error.info-light, .myt2016 .content .row.info.error-light, .myt2016 .content .row.info.info-light {
      border: none; }
      .myt2016 .content .row.error.error-light .c12 > .description, .myt2016 .content .row.error.info-light .c12 > .description, .myt2016 .content .row.info.error-light .c12 > .description, .myt2016 .content .row.info.info-light .c12 > .description {
        vertical-align: top; }
      .myt2016 .content .row.error.error-light .c12 > .description, .myt2016 .content .row.error.info-light .c12 > .description, .myt2016 .content .row.info.error-light .c12 > .description, .myt2016 .content .row.info.info-light .c12 > .description {
        padding-left: 60px;
        color: #333333; }
        .myt2016 .content .row.error.error-light .c12 > .description strong, .myt2016 .content .row.error.info-light .c12 > .description strong, .myt2016 .content .row.info.error-light .c12 > .description strong, .myt2016 .content .row.info.info-light .c12 > .description strong {
          font-weight: normal; }
    .myt2016 .content .row.error .btn-row, .myt2016 .content .row.info .btn-row {
      margin-bottom: 12px;
      padding-right: 12px;
      padding-left: 12px;
      box-sizing: border-box; }
      .myt2016 .content .row.error .btn-row button, .myt2016 .content .row.info .btn-row button {
        margin-top: 0; }
  .myt2016 .content .row .legal {
    font-size: 13px;
    margin-top: 25px; }
  .myt2016 .content .label {
    width: 100%;
    display: block;
    font-weight: bold;
    font-size: 12px;
    color: #333333; }
    .myt2016 .content .label.big {
      font-size: 12px; }
  .myt2016 .content h4 {
    color: #333333;
    margin-bottom: 5px;
    font-weight: 900; }
  .myt2016 .content .selected-option {
    font-size: 16px;
    color: #333333;
    font-weight: 900;
    margin-bottom: 10px;
    margin-top: 5px;
    display: block; }

@media only screen and (max-width: 680px) {
  .myt2016 .aside {
    padding: 60px 15px 60px 15px; }
    .myt2016 .aside.col.c4 {
      margin-top: 0; }
    .myt2016 .aside h2 {
      margin-top: 0; }
    .myt2016 .aside ul.buttons {
      margin-bottom: 30px; }
      .myt2016 .aside ul.buttons.noMobile {
        display: block; }
      .myt2016 .aside ul.buttons li {
        margin-top: 0;
        margin-bottom: 15px; }
        .myt2016 .aside ul.buttons li a {
          font-size: 14px; }
        .myt2016 .aside ul.buttons li:last-child {
          margin-bottom: 0; }
  .myt2016 .content {
    padding: 0 15px; }
    .myt2016 .content .button,
    .myt2016 .content .icon-btn {
      margin-top: 0; }
    .myt2016 .content h2 {
      width: 100%;
      font-size: 22px;
      max-width: 92%; }
    .myt2016 .content .row {
      float: none; }
      .myt2016 .content .row:before, .myt2016 .content .row:after {
        display: table;
        content: " "; }
      .myt2016 .content .row:after {
        clear: both; }
    .myt2016 .content .headline-wrapper {
      padding: 15px; }
    .myt2016 .content .radio-list li,
    .myt2016 .content .checkbox-list li {
      width: 100%;
      float: none; }
    .myt2016 .content .bordered-box {
      margin-bottom: 55px; }
    .myt2016 .content .expander-holder {
      width: 100%;
      position: relative; }
    .myt2016 .content .expander {
      width: 60%;
      background-color: #f7f7f7;
      border-left: 1px solid #e6e6e6;
      border-right: 1px solid #e6e6e6;
      border-bottom: 1px solid #e6e6e6;
      text-align: center;
      padding: 3px 3px 8px 3px;
      position: absolute;
      left: 20%;
      top: 15px;
      cursor: pointer;
      font-weight: 900;
      color: #E20074;
      font-size: 16px; }
      .myt2016 .content .expander .icon-arrow-up {
        width: 10px;
        height: 5px;
        background-position: -575px -297px;
        margin: 0 6px 2px 0; }
      .myt2016 .content .expander .icon-arrow-down {
        width: 10px;
        height: 5px;
        background-position: -615px -297px;
        margin: 0 6px 2px 0; }
      .myt2016 .content .expander .do-open {
        display: inline-block; }
      .myt2016 .content .expander .do-close {
        display: none; }
      .myt2016 .content .expander.closed .do-open {
        display: none; }
      .myt2016 .content .expander.closed .do-close {
        display: inline-block; } }

.myt2016.view-data table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse; }
  .myt2016.view-data table td,
  .myt2016.view-data table th {
    text-align: left;
    padding: 5px 20px 5px 20px;
    vertical-align: top; }
    .myt2016.view-data table td.align-right,
    .myt2016.view-data table th.align-right {
      text-align: right;
      padding-left: 10px; }
  .myt2016.view-data table td.open {
    font-weight: 900;
    color: #E20074; }
  .myt2016.view-data table td.total {
    font-weight: 900; }
  .myt2016.view-data table th {
    font-size: 12px;
    font-weight: 900; }
  .myt2016.view-data table tbody tr {
    border: 1px solid #e6e6e6; }
    .myt2016.view-data table tbody tr td {
      padding: 20px; }
      @media only screen and (max-width: 680px) {
        .myt2016.view-data table tbody tr td {
          word-break: break-all; } }
      .myt2016.view-data table tbody tr td.align-right {
        font-weight: 900;
        color: #E20074;
        padding-left: 10px; }

.myt2016 .graph-box {
  position: relative;
  box-sizing: border-box; }
  .myt2016 .graph-box > .row > .c4 {
    margin-top: 0px;
    margin-bottom: 20px; }
  .myt2016 .graph-box > .row > .c8 {
    margin-bottom: 20px; }
  .myt2016 .graph-box > .row > .c8 + .c4:before {
    right: 32%; }
  .myt2016 .graph-box > .row > .c4 {
    box-sizing: border-box; }
    .myt2016 .graph-box > .row > .c4 .chart-container {
      float: left;
      width: 100%;
      margin-bottom: 20px;
      margin-left: 0; }
    .myt2016 .graph-box > .row > .c4 .widget .info-wrapper .name, .myt2016 .graph-box > .row > .c4 .widget .info-wrapper .value {
      font-size: 12px;
      width: 100%;
      text-align: left; }
  .myt2016 .graph-box > .row > .c8 {
    box-sizing: border-box; }
    .myt2016 .graph-box > .row > .c8 .chart-container {
      float: left;
      width: 47%;
      padding-bottom: 40px;
      margin-left: 3%; }

@media only screen and (max-width: 680px) and (max-width: 440px) {
  .myt2016 .graph-box > .row > .c8 .chart-container {
    width: 100%; } }
      @media only screen and (max-width: 680px) {
        .myt2016 .graph-box > .row > .c8 .chart-container .title {
          text-align: center; } }
  .myt2016 .graph-box.has-recharger {
    margin-bottom: 35px; }
  .myt2016 .graph-box .title {
    color: #333333;
    font-weight: bold;
    font-size: 21px;
    text-align: center;
    margin-bottom: 10px; }
  .myt2016 .graph-box .roamingicon-show .chart-circle:after {
    position: absolute;
    top: 5px;
    right: 5px;
    display: inline-block;
    font-family: "icomoon";
    font-size: 18px;
    font-weight: normal;
    content: ""; }
  .myt2016 .graph-box .widget {
    box-sizing: border-box;
    padding: 0 10px;
    position: relative; }
    .myt2016 .graph-box .widget.roamingicon-show .title {
      position: relative; }
      .myt2016 .graph-box .widget.roamingicon-show .title:after {
        display: block;
        position: absolute;
        right: 0;
        top: 5px;
        font-family: "icomoon";
        font-size: 18px;
        font-weight: normal;
        content: ""; }
    .myt2016 .graph-box .widget .popup-info-holder .popup-info {
      left: -210px; }
    .myt2016 .graph-box .widget .popup-info-holder {
      position: absolute;
      top: 4px;
      right: 7px; }
      .myt2016 .graph-box .widget .popup-info-holder .popup-info {
        width: 204px;
        position: absolute;
        left: -14px;
        top: 9px; }
    .myt2016 .graph-box .widget .title {
      text-align: left;
      margin-left: 0; }
    .myt2016 .graph-box .widget .magenta {
      margin-top: 15px;
      margin-left: 0;
      text-align: left; }
    .myt2016 .graph-box .widget.last {
      padding-top: 40px;
      border-bottom: 0; }
    .myt2016 .graph-box .widget .info-wrapper {
      margin-bottom: 3px;
      line-height: 19px; }
      .myt2016 .graph-box .widget .info-wrapper .name {
        width: 35%;
        color: #333333;
        display: inline-block;
        font-weight: 900;
        font-size: 16px; }
      .myt2016 .graph-box .widget .info-wrapper .value {
        width: 64%;
        color: #E20074;
        display: inline-block;
        text-align: right;
        font-weight: 900;
        font-size: 16px; }
      .myt2016 .graph-box .widget .info-wrapper.noMobile .name,
      .myt2016 .graph-box .widget .info-wrapper.noMobile .value {
        font-size: 12px;
        color: #333333; }
  .myt2016 .graph-box .magenta {
    text-align: center;
    color: #E20074;
    font-weight: 900;
    display: inline-block;
    margin-top: 10px;
    width: 100%; }
  .myt2016 .graph-box .recharger {
    background: #ffffff;
    width: 100%;
    border-top: 1px solid #e6e6e6;
    padding-top: 5px;
    padding-bottom: 10px; }
    .myt2016 .graph-box .recharger .magenta {
      padding: 5px;
      margin-top: 0;
      margin-left: 0;
      box-sizing: border-box;
      color: #E20074;
      text-align: left; }
    .myt2016 .graph-box .recharger .icon-triangle {
      display: none; }

.myt2016.view-invoices table {
  width: 99.555%;
  border-spacing: 0;
  border-collapse: collapse; }
  .myt2016.view-invoices table td,
  .myt2016.view-invoices table th {
    text-align: left;
    padding: 5px 20px 5px 20px;
    vertical-align: top; }
    .myt2016.view-invoices table td.align-right,
    .myt2016.view-invoices table th.align-right {
      text-align: right;
      padding-left: 10px; }
  .myt2016.view-invoices table td.open {
    font-weight: 900;
    color: #E20074; }
  .myt2016.view-invoices table td.total {
    font-weight: 900; }
  .myt2016.view-invoices table th {
    font-weight: bold;
    font-size: 12px; }
  .myt2016.view-invoices table tbody tr {
    border: 1px solid #e6e6e6; }
    .myt2016.view-invoices table tbody tr td {
      padding: 20px; }
      .myt2016.view-invoices table tbody tr td.align-right {
        font-weight: 900;
        color: #E20074;
        padding-left: 10px; }
  .myt2016.view-invoices table.bill {
    margin-bottom: 15px; }
    .myt2016.view-invoices table.bill .bill-nr {
      width: 28%; }
    .myt2016.view-invoices table.bill strong {
      font-weight: bold; }
  .myt2016.view-invoices table.payments .run-time {
    width: 70%; }

.myt2016.view-invoices .saldo {
  color: #E20074; }

.myt2016.view-invoices .open-total {
  display: inline-block;
  font-weight: 900;
  font-size: 18px;
  color: #333333;
  width: 50%;
  padding-top: 8px;
  float: left; }

.myt2016.view-invoices .open-sum {
  display: inline-block;
  font-weight: 900;
  font-size: 18px;
  color: #E20074;
  width: 50%;
  padding-top: 8px;
  text-align: right; }

.myt2016.view-invoices .table-holder {
  overflow-x: auto; }
  .myt2016.view-invoices .table-holder table {
    min-width: 450px; }

@media only screen and (max-width: 680px) {
  .myt2016.view-invoices .graph-box {
    height: auto; }
    .myt2016.view-invoices .graph-box .title {
      font-size: 16px; }
    .myt2016.view-invoices .graph-box .widget {
      border-left: 0;
      border-bottom: 0;
      border-top: 1px solid #e6e6e6;
      padding-top: 10px; }
      .myt2016.view-invoices .graph-box .widget .magenta {
        margin-bottom: 0; }
    .myt2016.view-invoices .graph-box .magenta {
      margin-bottom: 10px; }
  .myt2016.view-invoices .col-wrapper .col.c12 .graph-box {
    margin-top: -31px; }
    .myt2016.view-invoices .col-wrapper .col.c12 .graph-box .widget .magenta {
      margin-bottom: 20px; }
  .myt2016.view-invoices table td {
    font-size: 14px; }
  .myt2016.view-invoices table.bill .bill-nr {
    width: auto; }
  .myt2016.view-invoices table.bill-archive th {
    padding: 5px 4px; }
  .myt2016.view-invoices table.bill-archive tbody td {
    padding: 15px 4px; }
  .myt2016.view-invoices table.payments .run-time {
    width: auto; }
  .myt2016.view-invoices .open-total,
  .myt2016.view-invoices .open-sum {
    font-size: 16px; }
  .myt2016.view-invoices .content h3 {
    font-size: 16px; }
    .myt2016.view-invoices .content h3.mobile-big {
      font-size: 19px; }
  .myt2016.view-invoices .content h2 {
    max-width: 86%; } }

@media only screen and (max-width: 680px) {
  .myt2016.view-portlets .section-header h1 {
    font-size: 26px; }
  .myt2016.view-portlets .background-lightest {
    margin-top: 25px; } }

.myt2016.view-portlets .content iframe {
  width: 100%; }
  @media only screen and (min-width: 1025px) {
    .myt2016.view-portlets .content iframe {
      min-width: 670px; } }

.myt2016.view-portlets.view-portlets-wide .content iframe {
  width: 748px; }

@media (max-width: 1020px) {
  .myt2016.view-portlets.view-portlets-wide .content {
    width: 100%; }
    .myt2016.view-portlets.view-portlets-wide .content iframe {
      width: 100%; }
  .myt2016.view-portlets.view-portlets-wide .aside {
    width: 100%; } }

.myt2016.drop5 .content .step {
  margin-top: 30px; }

.myt2016.drop5 .content .step ~ .step {
  margin-top: 0; }

.myt2016.drop5 .step label {
  font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
  font-weight: 900;
  margin: 0 0 4px 15px;
  display: block;
  font-size: 12px;
  line-height: 16px;
  color: #333333; }
  .myt2016.drop5 .step label.hidden {
    display: none; }

.myt2016.drop5 ul.option-list {
  list-style: none;
  margin: 0 -7px;
  padding: 0;
  overflow: hidden; }
  .myt2016.drop5 ul.option-list li {
    float: left;
    padding: 0 7px;
    width: 50%;
    position: relative;
    box-sizing: border-box;
    text-align: center; }
    @media only screen and (min-width: 681px) and (max-width: 1024px) {
      .myt2016.drop5 ul.option-list li {
        width: 100%; } }
    @media (max-width: 530px) {
      .myt2016.drop5 ul.option-list li {
        width: 100%; } }
    .myt2016.drop5 ul.option-list li input {
      position: absolute;
      left: 50%;
      top: 145px;
      margin-left: -7px;
      z-index: 9;
      opacity: 0;
      height: 0;
      width: 0;
      pointer-events: none; }
    .myt2016.drop5 ul.option-list li label {
      border: 1px solid #e6e6e6;
      position: relative;
      height: 176px;
      width: 100%;
      border-radius: 4px;
      cursor: pointer;
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      font-weight: 900;
      color: #E20074;
      font-size: 16px;
      line-height: 16px;
      text-align: center;
      padding-top: 114px;
      box-sizing: border-box;
      margin-left: 0; }
      .myt2016.drop5 ul.option-list li label:before {
        content: "";
        position: absolute;
        z-index: 9;
        display: block;
        left: 50%;
        top: 28px;
        background-position: 0 -80px;
        border-radius: 0px;
        border: none; }
      .myt2016.drop5 ul.option-list li label.option-gutschein:before {
        width: 64px;
        height: 64px;
        background: url(../img/2019/prepaid.svg) no-repeat;
        margin-left: -39px; }
      .myt2016.drop5 ul.option-list li label.option-creditcard:before {
        width: 64px;
        height: 64px;
        background: url(../img/2019/credit-card.svg) no-repeat;
        margin-left: -33px; }
      .myt2016.drop5 ul.option-list li label.option-banking:before {
        width: 64px;
        height: 64px;
        background: url(../img/2019/website.svg) no-repeat;
        margin-left: -32px; }
      .myt2016.drop5 ul.option-list li label.option-payonce:before {
        width: 46px;
        height: 46px;
        background-position: -240px -80px;
        margin-left: -23px; }
      .myt2016.drop5 ul.option-list li label.option-paymonthly:before {
        width: 42px;
        height: 48px;
        background-position: -320px -80px;
        margin-left: -21px; }
      .myt2016.drop5 ul.option-list li label.option-payauto:before {
        width: 42px;
        height: 46px;
        background-position: -400px -80px;
        margin-left: -21px; }
      .myt2016.drop5 ul.option-list li label.option-rekonstruktion:before {
        width: 45px;
        height: 45px;
        background-position: -640px -80px;
        margin-left: -22px; }
      .myt2016.drop5 ul.option-list li label.option-credit-charge:before {
        width: 41px;
        height: 58px;
        background-position: -720px -80px;
        margin-left: -20px; }
      .myt2016.drop5 ul.option-list li label.option-credit {
        border: 2px solid #e6e6e6; }
        .myt2016.drop5 ul.option-list li label.option-credit:before {
          width: 47px;
          height: 47px;
          background-position: -480px -80px;
          margin-left: -23px; }
      .myt2016.drop5 ul.option-list li label.option-charge {
        border: 2px solid #e6e6e6; }
        .myt2016.drop5 ul.option-list li label.option-charge:before {
          width: 47px;
          height: 47px;
          background-position: -560px -80px;
          margin-left: -23px; }
      .myt2016.drop5 ul.option-list li label:after {
        position: absolute;
        top: 145px;
        left: 50%;
        z-index: 9;
        height: 16px;
        width: 16px;
        border: 1px solid #e6e6e6;
        color: #fff;
        text-align: center;
        cursor: pointer;
        border-radius: 3px;
        margin-left: -8px;
        content: ''; }
    .myt2016.drop5 ul.option-list li input[type=radio]:checked + label {
      background: #E20074;
      border: none;
      color: #ffffff; }
      .myt2016.drop5 ul.option-list li input[type=radio]:checked + label.option-gutschein:before {
        background: url(../img/2019/prepaid_white.svg) no-repeat; }
      .myt2016.drop5 ul.option-list li input[type=radio]:checked + label.option-creditcard:before {
        background: url(../img/2019/credit-card_white.svg) no-repeat; }
      .myt2016.drop5 ul.option-list li input[type=radio]:checked + label.option-banking:before {
        background: url(../img/2019/website_white.svg) no-repeat; }
      .myt2016.drop5 ul.option-list li input[type=radio]:checked + label.option-payonce:before {
        background-position: -240px -160px; }
      .myt2016.drop5 ul.option-list li input[type=radio]:checked + label.option-paymonthly:before {
        background-position: -320px -160px; }
      .myt2016.drop5 ul.option-list li input[type=radio]:checked + label.option-payauto:before {
        background-position: -400px -160px; }
      .myt2016.drop5 ul.option-list li input[type=radio]:checked + label.option-rekonstruktion:before {
        background-position: -640px -160px; }
      .myt2016.drop5 ul.option-list li input[type=radio]:checked + label.option-credit-charge:before {
        background-position: -720px -160px; }
      .myt2016.drop5 ul.option-list li input[type=radio]:checked + label.option-credit:before {
        background-position: -480px -160px; }
      .myt2016.drop5 ul.option-list li input[type=radio]:checked + label.option-charge:before {
        background-position: -560px -160px; }
      .myt2016.drop5 ul.option-list li input[type=radio]:checked + label:after {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRBODMxRTJCMjlGQTExRTk4RjQxRjU1NjZGOEFCRTZBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRBODMxRTJDMjlGQTExRTk4RjQxRjU1NjZGOEFCRTZBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEE4MzFFMjkyOUZBMTFFOThGNDFGNTU2NkY4QUJFNkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEE4MzFFMkEyOUZBMTFFOThGNDFGNTU2NkY4QUJFNkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4H6bzGAAAAVUlEQVR42mJ8xFDCgAMsBOI4JhyS84E4GIjzsSlYCsSxQDwJhEEK/gBxA1QSJBgKpatAAixA3ALEtUDsBMRmQDwDiItgxrFAdfNCBSuAuBPZPoAAAwAiDw3e1V/OhAAAAABJRU5ErkJggg==);
        background-color: #ffffff;
        background-repeat: no-repeat;
        background-position: center center;
        border-color: #a90056;
        position: absolute;
        top: 145px;
        left: 50%;
        z-index: 9;
        height: 16px;
        width: 16px;
        color: #fff;
        text-align: center;
        cursor: pointer;
        border-radius: 3px;
        margin-left: -8px;
        content: ''; }
    .myt2016.drop5 ul.option-list li.disabled label, .myt2016.drop5 ul.option-list li .disabled label {
      background-color: #F4F4F4;
      border-color: #D9D9D9;
      color: #D9D9D9;
      cursor: default; }
      .myt2016.drop5 ul.option-list li.disabled label:before, .myt2016.drop5 ul.option-list li .disabled label:before {
        filter: grayscale(100%) opacity(15%);
        -webkit-filter: grayscale(100%) opacity(15%);
        -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=1) progid:DXImageTransform.Microsoft.Alpha(opacity=15)'; }
  .myt2016.drop5 ul.option-list.dual li {
    width: 50%; }

.myt2016.drop5 .cc-icons .cc-icon {
  background: url(../img/sprite-cc.png) no-repeat transparent;
  display: block;
  width: 43px;
  height: 26px;
  background-position: 0px -29px;
  cursor: pointer; }
  .myt2016.drop5 .cc-icons .cc-icon.cc-icon-visa {
    background-position: 0px -29px; }
    .myt2016.drop5 .cc-icons .cc-icon.cc-icon-visa.cc-icon-active, .myt2016.drop5 .cc-icons .cc-icon.cc-icon-visa:hover {
      background-position: 0px 0px; }
  .myt2016.drop5 .cc-icons .cc-icon.cc-icon-mastercard {
    background-position: 0px -87px; }
    .myt2016.drop5 .cc-icons .cc-icon.cc-icon-mastercard.cc-icon-active, .myt2016.drop5 .cc-icons .cc-icon.cc-icon-mastercard:hover {
      background-position: 0px -58px; }
  .myt2016.drop5 .cc-icons .cc-icon.cc-icon-diners {
    background-position: 0px -145px;
    width: 32px; }
    .myt2016.drop5 .cc-icons .cc-icon.cc-icon-diners.cc-icon-active, .myt2016.drop5 .cc-icons .cc-icon.cc-icon-diners:hover {
      background-position: 0px -116px; }
  .myt2016.drop5 .cc-icons .cc-icon.cc-icon-amex {
    background-position: 0px -203px;
    width: 27px; }
    .myt2016.drop5 .cc-icons .cc-icon.cc-icon-amex.cc-icon-active, .myt2016.drop5 .cc-icons .cc-icon.cc-icon-amex:hover {
      background-position: 0px -174px; }

.myt2016.drop5 .cc-icons ul {
  list-style: none;
  padding: 0;
  margin: 0; }
  .myt2016.drop5 .cc-icons ul li {
    margin: 0;
    padding: 0;
    margin-right: 8px;
    float: left; }

.myt2016.drop5 .cvv {
  position: relative; }
  .myt2016.drop5 .cvv .popup-info-holder {
    top: 30px;
    right: 20px; }
    @media only screen and (max-width: 680px) {
      .myt2016.drop5 .cvv .popup-info-holder .popup-info {
        right: 10px;
        left: auto; } }

.myt2016.drop5 .popup-info-holder {
  position: absolute;
  margin-left: 40px;
  top: -3px; }
  .myt2016.drop5 .popup-info-holder .popup-info {
    width: 204px;
    position: absolute;
    left: -14px;
    top: 9px; }

.myt2016.drop5 .my-tarif .row {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 15px; }
  .myt2016.drop5 .my-tarif .row:last-child {
    border-top: 1px solid #e6e6e6;
    border-bottom: 0; }

@media only screen and (max-width: 680px) {
  .myt2016.drop5 .my-tarif .align-right {
    text-align: left; } }

.myt2016.drop5 .col.c6 .row > .c3.sm {
  padding-right: 0px; }
  .myt2016.drop5 .col.c6 .row > .c3.sm:last-child {
    padding-right: 15px; }
  .myt2016.drop5 .col.c6 .row > .c3.sm input {
    padding: 0 10px; }
  @media only screen and (min-width: 681px) and (max-width: 1024px) {
    .myt2016.drop5 .col.c6 .row > .c3.sm {
      padding-left: 0px; }
      .myt2016.drop5 .col.c6 .row > .c3.sm:first-child {
        padding-left: 15px; }
      .myt2016.drop5 .col.c6 .row > .c3.sm input {
        padding: 0 5px; } }
  @media only screen and (max-width: 680px) {
    .myt2016.drop5 .col.c6 .row > .c3.sm input {
      padding: 0 5px; } }

.myt2016.drop5 .radio-group .c2 {
  width: 33.3333%; }

.myt2016.drop5 .radio-group input[type="radio"] {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
  pointer-events: none; }

.myt2016.drop5 .radio-group input[type="radio"] + .p {
  position: relative;
  margin: 20px 0 0 30px; }
  .myt2016.drop5 .radio-group input[type="radio"] + .p:before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: -30px;
    height: 17px;
    width: 17px;
    border: 1px solid #e6e6e6;
    color: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: ''; }
  .myt2016.drop5 .radio-group input[type="radio"] + .p:after {
    top: 7px;
    left: -23px;
    width: 5px;
    height: 5px;
    background: #ffffff;
    border-radius: 50%;
    content: "";
    position: absolute; }

.myt2016.drop5 .radio-group input[type="radio"]:checked + .p:before {
  background-color: #e20074;
  border-color: #a90056; }

.myt2016.drop5 .radio-group input[type="radio"]:checked + .p:after {
  background-color: #ffffff; }

.myt2016.drop5 .content label.label {
  margin-left: 15px;
  margin-bottom: 3px; }

@media only screen and (max-width: 680px) {
  .myt2016.drop5 .collapsible .col-wrapper {
    border-top: 1px solid #e6e6e6; } }

@media only screen and (max-width: 680px) {
  .myt2016.drop5 .row.error.first {
    margin-bottom: 30px; } }

.myt2016.drop5 .button-holder a.button.button-inline {
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 30px; }

.myt2016.view-roaming .headline-wrapper {
  border-bottom: none; }

.myt2016.view-roaming.prepaid .aside {
  padding-top: 0;
  margin-top: 0; }
  .myt2016.view-roaming.prepaid .aside .bordered-box {
    border: none;
    padding: 0;
    margin-bottom: 60px; }
    .myt2016.view-roaming.prepaid .aside .bordered-box select {
      margin-bottom: 20px; }

.myt2016.view-roaming .aside {
  padding-top: 0;
  margin-top: 0; }
  .myt2016.view-roaming .aside .bordered-box {
    border: none;
    padding: 0;
    margin-bottom: 60px; }
    .myt2016.view-roaming .aside .bordered-box select {
      margin-bottom: 20px; }

.myt2016.view-roaming .bordered-box select {
  margin-bottom: 20px; }

.myt2016.view-roaming table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse; }
  .myt2016.view-roaming table tbody tr {
    border: 1px solid #e6e6e6; }
  .myt2016.view-roaming table td, .myt2016.view-roaming table th {
    text-align: left;
    vertical-align: top; }
    .myt2016.view-roaming table td.align-right, .myt2016.view-roaming table th.align-right {
      text-align: right; }
  .myt2016.view-roaming table td {
    padding: 20px; }
    @media only screen and (max-width: 680px) {
      .myt2016.view-roaming table td {
        padding: 20px 5px; } }
    .myt2016.view-roaming table td.open {
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      font-weight: 900;
      color: #E20074; }
    .myt2016.view-roaming table td.total {
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      font-weight: 900; }
  .myt2016.view-roaming table th {
    padding: 5px 20px 5px 20px;
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold; }
    @media only screen and (max-width: 680px) {
      .myt2016.view-roaming table th {
        padding: 5px; } }

@media only screen and (max-width: 680px) {
  .myt2016.view-roaming .content h3 {
    font-size: 16px; }
    .myt2016.view-roaming .content h3.mobile-big {
      font-size: 19px; }
  .myt2016.view-roaming .content h2 {
    max-width: 86%; }
  .myt2016.view-roaming .content .col-wrapper {
    border-bottom: 1px solid #e6e6e6; } }

.myt2016.forms-2017.prepaid.background-image-top .background-none {
  background-image: none;
  background-color: #ffffff;
  height: auto;
  padding-bottom: 0;
  margin-bottom: 0; }
  .myt2016.forms-2017.prepaid.background-image-top .background-none .section-header .header {
    margin-top: 90px !important; }
  .myt2016.forms-2017.prepaid.background-image-top .background-none h1 {
    font-weight: 900;
    font-size: 48px;
    color: #333333;
    margin: 0 0 30px 0;
    padding: 0;
    line-height: inherit; }
  .myt2016.forms-2017.prepaid.background-image-top .background-none .bordered-link {
    background: #E20074;
    border: none;
    color: #ffffff;
    margin-top: 0;
    font-family: inherit;
    font-size: 16px;
    line-height: 42px;
    font-weight: 900;
    padding: 0 30px; }

.myt2016.forms-2017.prepaid .aside {
  padding-top: 0;
  margin-top: 0; }
  .myt2016.forms-2017.prepaid .aside .bordered-box {
    border: none;
    padding: 0;
    margin-bottom: 60px; }
    .myt2016.forms-2017.prepaid .aside .bordered-box select {
      margin-bottom: 20px; }

.myt2016.forms-2017.prepaid .step-rufnummer label {
  margin-left: 15px;
  font-size: 12px; }

.myt2016.forms-2017.prepaid .step-rufnummer > .error .icon:before {
  top: 7px; }

.myt2016.prepaid.view-home .section-header {
  margin-top: 102px;
  padding-bottom: 20px; }
  .myt2016.prepaid.view-home .section-header .header h2 {
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin: 0; }

.myt2016.prepaid.view-home .background-lightest {
  margin-top: 20px; }

.myt2016.prepaid.view-home .section-link-list {
  padding-top: 20px; }

.myt2016.prepaid.background-image-top.hide-background-image {
  background-color: #ffffff;
  color: #333333;
  background-image: none;
  background-repeat: repeat-x;
  background-position: top center;
  background-size: auto; }
  .myt2016.prepaid.background-image-top.hide-background-image .background-none {
    background-image: none;
    background-color: #ffffff;
    height: auto;
    padding-bottom: 0;
    margin-bottom: 0; }
    .myt2016.prepaid.background-image-top.hide-background-image .background-none .section-header {
      padding-bottom: 30px; }
      @media only screen and (max-width: 680px) {
        .myt2016.prepaid.background-image-top.hide-background-image .background-none .section-header {
          padding-bottom: 0; } }
      .myt2016.prepaid.background-image-top.hide-background-image .background-none .section-header .header {
        margin-top: 90px !important; }
    .myt2016.prepaid.background-image-top.hide-background-image .background-none h1 {
      font-weight: 900;
      font-size: 48px;
      color: #333333;
      margin: 0 0 30px 0;
      padding: 0;
      line-height: inherit; }
      @media only screen and (max-width: 680px) {
        .myt2016.prepaid.background-image-top.hide-background-image .background-none h1 {
          font-size: 28px;
          margin-bottom: 30px; } }
    .myt2016.prepaid.background-image-top.hide-background-image .background-none .bordered-link {
      background: #E20074;
      border: none;
      color: #ffffff;
      margin-top: 0;
      font-family: inherit;
      font-size: 16px;
      line-height: 42px;
      font-weight: 900;
      padding: 0 30px; }
      @media only screen and (max-width: 680px) {
        .myt2016.prepaid.background-image-top.hide-background-image .background-none .bordered-link {
          font-size: 14px;
          line-height: 39px;
          height: 39px; } }

.myt2016.prepaid.background-image-top .background-none {
  background-position: right;
  background-size: auto 100%;
  position: relative;
  height: 300px;
  padding-bottom: 30px;
  background-repeat: no-repeat;
  background-color: #E20074;
  background-image: url(../img/2024/group_2024.png);
  margin-bottom: 60px;
  display: flex;
  align-items: flex-end; }
  .myt2016.prepaid.background-image-top .background-none h1 {
    font-size: 80px;
    color: #ffffff;
    line-height: 72px;
    font-weight: bold;
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    margin: 0; }
  .myt2016.prepaid.background-image-top .background-none .section-header {
    padding-bottom: 0; }
    .myt2016.prepaid.background-image-top .background-none .section-header .header {
      margin-top: 0 !important; }
  .myt2016.prepaid.background-image-top .background-none .bordered-link {
    background-color: transparent;
    border: 1px solid #ffffff;
    color: #ffffff;
    margin-top: 20px;
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 900;
    padding: 13px 30px; }
  @media only screen and (max-width: 680px) {
    .myt2016.prepaid.background-image-top .background-none {
      height: 160px;
      margin-bottom: 10px; }
      .myt2016.prepaid.background-image-top .background-none h1 {
        font-size: 40px;
        line-height: 36px; } }

.myt2016.prepaid .col.c4.aside {
  margin-top: 30px; }

.myt2016.prepaid .section-infopage .content.c8 {
  margin-top: 0; }

.myt2016.prepaid .section-infopage .aside.c4 {
  margin-top: 0; }

.myt2016.prepaid .section-infopage ul {
  list-style-position: inside;
  margin-left: 2px;
  padding-left: 0; }

.myt2016.prepaid .section-infopage .button {
  margin: 10px 0 20px 0; }
  .myt2016.prepaid .section-infopage .button.button-inline {
    padding: 0 22px; }

.myt2016.prepaid .form .btn-holder.btn-holder-identification .button {
  padding: 0 8px; }

@media only screen and (min-width: 681px) and (max-width: 1024px) {
  .myt2016.prepaid .form .btn-holder.btn-holder-identification .col {
    width: 100%; } }

.myt2016.prepaid .icon-btn .desc {
  min-width: 70px; }

.myt2016.prepaid .icon.icon-popup {
  background-position: -920px -280px;
  width: 18px !important;
  height: 18px !important;
  position: absolute;
  top: 5px;
  right: 0;
  cursor: pointer; }
  .myt2016.prepaid .icon.icon-popup.active {
    z-index: 1001; }

.myt2016.prepaid .cvv {
  position: relative; }
  .myt2016.prepaid .cvv .popup-info-holder {
    top: 25px;
    right: 20px; }

.myt2016.prepaid .popup-info-holder {
  position: absolute;
  margin-left: 40px;
  top: -3px; }
  .myt2016.prepaid .popup-info-holder .popup-info {
    width: 204px;
    position: absolute;
    left: -14px;
    top: 9px; }

.myt2016.prepaid .email-checked {
  color: #4c850d;
  position: relative;
  top: 2px; }

.myt2016.prepaid .content h3 + hr {
  margin-bottom: 30px; }

@media only screen and (max-width: 680px) {
  .myt2016.prepaid .popup-info-holder .popup-info {
    left: -210px;
    top: 9px; }
  .myt2016.prepaid .collapsible + .btn-holder {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0 !important; }
    .myt2016.prepaid .collapsible + .btn-holder .col:last-child {
      margin-top: 10px; }
  .myt2016.prepaid .collapsible + .error.first {
    border-top: 1px solid #e6e6e6;
    margin-top: 0; }
  .myt2016.prepaid .content h3 + hr {
    display: none;
    margin-bottom: 0; } }

.myt2016.prepaid .collapsible .col-wrapper label .label-txt {
  left: 0; }

.myt2016.prepaid .collapsible .col-wrapper .row > .col.c6 > .row:first-child {
  margin-left: 0;
  margin-right: 0; }

.myt2016.prepaid .collapsible .col-wrapper .row > .col.c6 > .row .c3, .myt2016.prepaid .collapsible .col-wrapper .row > .col.c6 > .row .c4 {
  padding-right: 0; }
  @media only screen and (max-width: 680px) {
    .myt2016.prepaid .collapsible .col-wrapper .row > .col.c6 > .row .c3, .myt2016.prepaid .collapsible .col-wrapper .row > .col.c6 > .row .c4 {
      padding-right: 15px; }
      .myt2016.prepaid .collapsible .col-wrapper .row > .col.c6 > .row .c3 select, .myt2016.prepaid .collapsible .col-wrapper .row > .col.c6 > .row .c4 select {
        margin-bottom: 10px; } }

@media only screen and (max-width: 680px) {
  .myt2016.prepaid .collapsible .col-wrapper label .label-txt {
    left: 0; } }

.myt2016.prepaid {
  /*test */ }
  .myt2016.prepaid .margin-left {
    margin-left: 25px; }
  .myt2016.prepaid label {
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #000000;
    display: block;
    margin-bottom: 4px; }
    .myt2016.prepaid label.hidden {
      display: none; }
    .myt2016.prepaid label input[type="checkbox"],
    .myt2016.prepaid label input[type="radio"] {
      float: left;
      margin-left: 0;
      margin-top: 1px; }
    .myt2016.prepaid label .label-txt {
      margin-left: 30px;
      display: block;
      margin-bottom: 15px; }
    .myt2016.prepaid label p {
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      font-size: 16px; }
      .myt2016.prepaid label p a {
        font-family: "TeleNeo Web", Arial, Helvetica, sans-serif; }
    .myt2016.prepaid label span.p {
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      font-weight: normal;
      font-size: 16px;
      display: block;
      margin: 8px 0; }
      .myt2016.prepaid label span.p a {
        font-family: "TeleNeo Web", Arial, Helvetica, sans-serif; }
    .myt2016.prepaid label span.h4 {
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      font-size: 16px;
      display: block;
      margin-bottom: 5px; }
    .myt2016.prepaid label.label-inline {
      display: inline-block;
      margin-right: 10px; }
    .myt2016.prepaid label.light {
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      font-size: 16px;
      margin: 0; }
      .myt2016.prepaid label.light input[type="radio"] {
        float: left;
        margin-left: 0;
        margin-top: 3px; }
  .myt2016.prepaid input, .myt2016.prepaid select {
    margin-bottom: 0; }
  .myt2016.prepaid .info {
    margin-bottom: 20px; }
    .myt2016.prepaid .info span {
      display: block; }
      .myt2016.prepaid .info span.title {
        font-family: "TeleNeo Web", Arial, Helvetica, sans-serif; }
    .myt2016.prepaid .info:first-child {
      margin-top: 20px; }
  .myt2016.prepaid .input_with_hint {
    position: relative; }
    .myt2016.prepaid .input_with_hint .hint {
      position: absolute;
      top: 8px;
      left: 13px;
      color: #b1b1b1; }
    .myt2016.prepaid .input_with_hint input[type="text"], .myt2016.prepaid .input_with_hint input[type="password"], .myt2016.prepaid .input_with_hint input[type="date"], .myt2016.prepaid .input_with_hint input[type="number"] {
      padding-left: 45px; }
  .myt2016.prepaid .radio-holder {
    margin-top: 20px; }
    .myt2016.prepaid .radio-holder h4 {
      margin-bottom: 0; }
    .myt2016.prepaid .radio-holder label {
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif; }
    .myt2016.prepaid .radio-holder input[type="radio"] {
      margin-top: -2px;
      vertical-align: middle;
      float: none; }
  .myt2016.prepaid .col-wrapper .radio-holder {
    padding-bottom: 10px; }
  .myt2016.prepaid form .btn-holder,
  .myt2016.prepaid .form .btn-holder {
    border-top: 1px solid #e6e6e6;
    margin-top: 30px;
    padding-top: 5px; }
    .myt2016.prepaid form .btn-holder .button,
    .myt2016.prepaid .form .btn-holder .button {
      margin-top: 9px;
      padding: 0 15px; }
    .myt2016.prepaid form .btn-holder.btn-holder-identification:before,
    .myt2016.prepaid .form .btn-holder.btn-holder-identification:before {
      clear: both;
      content: '';
      display: table; }
    @media only screen and (max-width: 680px) {
      .myt2016.prepaid form .btn-holder.btn-holder-identification,
      .myt2016.prepaid .form .btn-holder.btn-holder-identification {
        margin-left: 0;
        margin-right: 0; }
        .myt2016.prepaid form .btn-holder.btn-holder-identification .col:last-child,
        .myt2016.prepaid .form .btn-holder.btn-holder-identification .col:last-child {
          margin-top: 0; } }
  .myt2016.prepaid form .txt.input-like-padding,
  .myt2016.prepaid .form .txt.input-like-padding {
    padding-top: 8px;
    line-height: 18px; }
  .myt2016.prepaid form .margin-bottom,
  .myt2016.prepaid .form .margin-bottom {
    margin-bottom: 39px; }
  .myt2016.prepaid form .iconHolder,
  .myt2016.prepaid .form .iconHolder {
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
    height: 37px;
    border: 1px solid transparent;
    border-bottom: 0px;
    cursor: pointer;
    z-index: 10;
    display: none; }
    .myt2016.prepaid form .iconHolder.error,
    .myt2016.prepaid .form .iconHolder.error {
      display: none; }
    .myt2016.prepaid form .iconHolder.info,
    .myt2016.prepaid .form .iconHolder.info {
      display: block; }
    .myt2016.prepaid form .iconHolder .icon.icon-field-error,
    .myt2016.prepaid .form .iconHolder .icon.icon-field-error {
      margin: 8px 11px; }
    .myt2016.prepaid form .iconHolder .formError,
    .myt2016.prepaid .form .iconHolder .formError {
      width: 14px;
      height: 15px;
      background-position: 0 -76px;
      top: 8px;
      left: 11px;
      display: block; }
    .myt2016.prepaid form .iconHolder:hover,
    .myt2016.prepaid .form .iconHolder:hover {
      border: 1px solid #E20074;
      border-bottom: 0px;
      background-color: #f7f7f7;
      z-index: 13; }
  .myt2016.prepaid form .errorHintTxt,
  .myt2016.prepaid .form .errorHintTxt {
    position: absolute;
    width: 100%;
    background-color: #f7f7f7;
    border: 1px solid #E20074;
    z-index: 9;
    right: 0;
    top: 34px;
    padding: 10px;
    box-sizing: border-box;
    box-shadow: 0px 1px 1px 0px rgba(51, 51, 51, 0.15);
    display: none; }
  .myt2016.prepaid form .row.error,
  .myt2016.prepaid .form .row.error {
    margin: 30px 0 0 0; }
    .myt2016.prepaid form .row.error .description,
    .myt2016.prepaid .form .row.error .description {
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      vertical-align: top; }
  .myt2016.prepaid form .error-box,
  .myt2016.prepaid .form .error-box {
    display: none; }
  .myt2016.prepaid form .col.error,
  .myt2016.prepaid .form .col.error {
    position: relative; }
    .myt2016.prepaid form .col.error input[type="text"], .myt2016.prepaid form .col.error input[type="password"], .myt2016.prepaid form .col.error input[type="date"], .myt2016.prepaid form .col.error input[type="number"],
    .myt2016.prepaid .form .col.error input[type="text"],
    .myt2016.prepaid .form .col.error input[type="password"],
    .myt2016.prepaid .form .col.error input[type="date"],
    .myt2016.prepaid .form .col.error input[type="number"] {
      border: 2px solid #d90000;
      color: #d90000; }
    .myt2016.prepaid form .col.error .error-box,
    .myt2016.prepaid .form .col.error .error-box {
      display: block;
      background-color: transparent;
      color: #d90000;
      position: static;
      right: 0;
      bottom: 35px;
      padding: 8px 0 0 0; }
  .myt2016.prepaid form .col.error-with-hint .field-wrapper,
  .myt2016.prepaid .form .col.error-with-hint .field-wrapper {
    position: relative; }
  .myt2016.prepaid form .col.error-with-hint .iconHolder,
  .myt2016.prepaid .form .col.error-with-hint .iconHolder {
    display: block; }
    .myt2016.prepaid form .col.error-with-hint .iconHolder .formError,
    .myt2016.prepaid .form .col.error-with-hint .iconHolder .formError {
      background-position: 0 -94px; }
    .myt2016.prepaid form .col.error-with-hint .iconHolder:hover,
    .myt2016.prepaid .form .col.error-with-hint .iconHolder:hover {
      border: 1px solid #d90000;
      border-bottom: 0px;
      background-color: #f7f7f7;
      cursor: default;
      z-index: 13; }
    .myt2016.prepaid form .col.error-with-hint .iconHolder:hover ~ .errorHintTxt,
    .myt2016.prepaid .form .col.error-with-hint .iconHolder:hover ~ .errorHintTxt {
      display: block;
      border: 1px solid #d90000;
      top: 37px;
      z-index: 12; }
  .myt2016.prepaid form .col.error-with-hint input[type="text"], .myt2016.prepaid form .col.error-with-hint input[type="password"], .myt2016.prepaid form .col.error-with-hint input[type="date"], .myt2016.prepaid form .col.error-with-hint input[type="number"],
  .myt2016.prepaid .form .col.error-with-hint input[type="text"],
  .myt2016.prepaid .form .col.error-with-hint input[type="password"],
  .myt2016.prepaid .form .col.error-with-hint input[type="date"],
  .myt2016.prepaid .form .col.error-with-hint input[type="number"] {
    border: 1px solid #d90000; }
  .myt2016.prepaid form.editable .col.c3,
  .myt2016.prepaid .form.editable .col.c3 {
    padding-right: 0; }
  .myt2016.prepaid form.editable .edit-btn-holder,
  .myt2016.prepaid .form.editable .edit-btn-holder {
    display: inline;
    position: absolute;
    right: 0;
    bottom: 10px;
    text-align: right;
    width: 210px; }
    .myt2016.prepaid form.editable .edit-btn-holder a,
    .myt2016.prepaid .form.editable .edit-btn-holder a {
      display: inline-block;
      max-width: 100px; }
      .myt2016.prepaid form.editable .edit-btn-holder a.grey,
      .myt2016.prepaid .form.editable .edit-btn-holder a.grey {
        background-color: #ffffff;
        color: #333333;
        text-decoration: underline;
        box-shadow: none;
        border: none; }
  .myt2016.prepaid form.editable label,
  .myt2016.prepaid .form.editable label {
    margin-left: 15px;
    font-weight: bold; }
  .myt2016.prepaid form.editable .selected-option,
  .myt2016.prepaid .form.editable .selected-option {
    display: none; }
  .myt2016.prepaid form.editable .icon-btn.positioned,
  .myt2016.prepaid .form.editable .icon-btn.positioned {
    display: none; }
  .myt2016.prepaid form.editable .statusTxt_checked,
  .myt2016.prepaid form.editable .statusTxt_not_checked,
  .myt2016.prepaid .form.editable .statusTxt_checked,
  .myt2016.prepaid .form.editable .statusTxt_not_checked {
    display: none; }
  .myt2016.prepaid form.editable input[type='checkbox'] + .label-txt,
  .myt2016.prepaid .form.editable input[type='checkbox'] + .label-txt {
    left: 0; }
    .myt2016.prepaid form.editable input[type='checkbox'] + .label-txt:before,
    .myt2016.prepaid .form.editable input[type='checkbox'] + .label-txt:before {
      top: 3px; }
  .myt2016.prepaid form.editable .checkbox-list,
  .myt2016.prepaid .form.editable .checkbox-list {
    list-style-type: none; }
    .myt2016.prepaid form.editable .checkbox-list li,
    .myt2016.prepaid .form.editable .checkbox-list li {
      display: list-item;
      padding: 3px 0; }
      .myt2016.prepaid form.editable .checkbox-list li:before,
      .myt2016.prepaid .form.editable .checkbox-list li:before {
        content: '';
        display: none; }
      .myt2016.prepaid form.editable .checkbox-list li label,
      .myt2016.prepaid .form.editable .checkbox-list li label {
        font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
        margin: 0;
        display: inline-block; }
        .myt2016.prepaid form.editable .checkbox-list li label .txt,
        .myt2016.prepaid .form.editable .checkbox-list li label .txt {
          margin-left: 22Px;
          font-weight: normal; }
        .myt2016.prepaid form.editable .checkbox-list li label input,
        .myt2016.prepaid .form.editable .checkbox-list li label input {
          margin-top: 3px; }
  .myt2016.prepaid form.editable .radio-group input[type="radio"],
  .myt2016.prepaid .form.editable .radio-group input[type="radio"] {
    margin-top: 3px; }
  .myt2016.prepaid form.editable.progressed label,
  .myt2016.prepaid .form.editable.progressed label {
    margin-left: 0;
    font-weight: normal; }
  .myt2016.prepaid form.editable.progressed .checkbox-list,
  .myt2016.prepaid .form.editable.progressed .checkbox-list {
    list-style-type: square; }
    .myt2016.prepaid form.editable.progressed .checkbox-list li,
    .myt2016.prepaid .form.editable.progressed .checkbox-list li {
      display: none; }
      .myt2016.prepaid form.editable.progressed .checkbox-list li:before,
      .myt2016.prepaid .form.editable.progressed .checkbox-list li:before {
        content: '';
        display: none; }
      .myt2016.prepaid form.editable.progressed .checkbox-list li.checked,
      .myt2016.prepaid .form.editable.progressed .checkbox-list li.checked {
        display: list-item; }
      .myt2016.prepaid form.editable.progressed .checkbox-list li label .txt,
      .myt2016.prepaid .form.editable.progressed .checkbox-list li label .txt {
        margin-left: 0; }
    .myt2016.prepaid form.editable.progressed .checkbox-list input[type="checkbox"] + .txt,
    .myt2016.prepaid .form.editable.progressed .checkbox-list input[type="checkbox"] + .txt {
      position: relative; }
      .myt2016.prepaid form.editable.progressed .checkbox-list input[type="checkbox"] + .txt:before,
      .myt2016.prepaid .form.editable.progressed .checkbox-list input[type="checkbox"] + .txt:before {
        display: none; }
    .myt2016.prepaid form.editable.progressed .checkbox-list input[type="checkbox"]:checked + .txt:before,
    .myt2016.prepaid .form.editable.progressed .checkbox-list input[type="checkbox"]:checked + .txt:before {
      display: none; }
  .myt2016.prepaid form.editable.progressed input,
  .myt2016.prepaid form.editable.progressed select,
  .myt2016.prepaid .form.editable.progressed input,
  .myt2016.prepaid .form.editable.progressed select {
    display: none; }
  .myt2016.prepaid form.editable.progressed .edit-btn-holder,
  .myt2016.prepaid .form.editable.progressed .edit-btn-holder {
    display: none; }
  .myt2016.prepaid form.editable.progressed .icon-btn.positioned,
  .myt2016.prepaid .form.editable.progressed .icon-btn.positioned {
    display: inherit; }
  .myt2016.prepaid form.editable.progressed .selected-option,
  .myt2016.prepaid .form.editable.progressed .selected-option {
    display: block; }
  .myt2016.prepaid form.editable.progressed input[type="checkbox"] ~ .statusTxt_checked,
  .myt2016.prepaid .form.editable.progressed input[type="checkbox"] ~ .statusTxt_checked {
    display: none; }
  .myt2016.prepaid form.editable.progressed input[type="checkbox"] ~ .statusTxt_not_checked,
  .myt2016.prepaid .form.editable.progressed input[type="checkbox"] ~ .statusTxt_not_checked {
    display: inline; }
  .myt2016.prepaid form.editable.progressed input[type="checkbox"]:checked ~ .statusTxt_checked,
  .myt2016.prepaid .form.editable.progressed input[type="checkbox"]:checked ~ .statusTxt_checked {
    display: inline; }
  .myt2016.prepaid form.editable.progressed input[type="checkbox"]:checked ~ .statusTxt_not_checked,
  .myt2016.prepaid .form.editable.progressed input[type="checkbox"]:checked ~ .statusTxt_not_checked {
    display: none; }
  .myt2016.prepaid form.editable.progressed .label-txt,
  .myt2016.prepaid .form.editable.progressed .label-txt {
    display: none; }
  .myt2016.prepaid form.editable.progressed input[type="radio"] ~ p,
  .myt2016.prepaid .form.editable.progressed input[type="radio"] ~ p {
    display: none; }
  .myt2016.prepaid form.editable.progressed input[type="radio"] ~ .p,
  .myt2016.prepaid .form.editable.progressed input[type="radio"] ~ .p {
    display: none; }
  .myt2016.prepaid form.editable.progressed input[type="radio"]:checked ~ p,
  .myt2016.prepaid .form.editable.progressed input[type="radio"]:checked ~ p {
    display: block; }
  .myt2016.prepaid form.editable.progressed input[type="radio"]:checked ~ .p,
  .myt2016.prepaid .form.editable.progressed input[type="radio"]:checked ~ .p {
    display: block; }
  .myt2016.prepaid form.editable.progressed input[type="radio"] + .p,
  .myt2016.prepaid .form.editable.progressed input[type="radio"] + .p {
    position: relative;
    margin-left: 0; }
    .myt2016.prepaid form.editable.progressed input[type="radio"] + .p:before,
    .myt2016.prepaid .form.editable.progressed input[type="radio"] + .p:before {
      display: none; }
    .myt2016.prepaid form.editable.progressed input[type="radio"] + .p:after,
    .myt2016.prepaid .form.editable.progressed input[type="radio"] + .p:after {
      display: none; }
  .myt2016.prepaid form.editable.progressed input[type="radio"]:checked + .p,
  .myt2016.prepaid .form.editable.progressed input[type="radio"]:checked + .p {
    margin-left: 0; }
    .myt2016.prepaid form.editable.progressed input[type="radio"]:checked + .p:before,
    .myt2016.prepaid .form.editable.progressed input[type="radio"]:checked + .p:before {
      display: none; }
    .myt2016.prepaid form.editable.progressed input[type="radio"]:checked + .p:after,
    .myt2016.prepaid .form.editable.progressed input[type="radio"]:checked + .p:after {
      display: none; }
  .myt2016.prepaid input[type="checkbox"], .myt2016.prepaid input[type="radio"] {
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0;
    pointer-events: none; }
  .myt2016.prepaid input[type="checkbox"] + .label-txt {
    position: relative; }
    .myt2016.prepaid input[type="checkbox"] + .label-txt:before {
      position: absolute;
      display: inline-block;
      top: -2px;
      left: -30px;
      height: 16px;
      width: 16px;
      border: 1px solid #e6e6e6;
      color: #fff;
      text-align: center;
      cursor: pointer;
      border-radius: 3px;
      content: ''; }
  .myt2016.prepaid input[type="checkbox"]:checked + .label-txt:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC);
    background-color: #e20074;
    background-repeat: no-repeat;
    background-position: center center;
    border-color: #a90056;
    content: ''; }
  .myt2016.prepaid input[type="checkbox"] + .txt {
    position: relative; }
    .myt2016.prepaid input[type="checkbox"] + .txt:before {
      position: absolute;
      display: inline-block;
      top: -2px;
      left: -25px;
      height: 16px;
      width: 16px;
      border: 1px solid #e6e6e6;
      color: #fff;
      text-align: center;
      cursor: pointer;
      border-radius: 3px;
      content: ''; }
  .myt2016.prepaid input[type="checkbox"]:checked + .txt:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC);
    background-color: #e20074;
    background-repeat: no-repeat;
    background-position: center center;
    border-color: #a90056;
    content: ''; }
  .myt2016.prepaid input[type="checkbox"]:disabled + .label-txt {
    color: #575757;
    cursor: default; }
    .myt2016.prepaid input[type="checkbox"]:disabled + .label-txt:before {
      filter: grayscale(100%) opacity(15%);
      -webkit-filter: grayscale(100%) opacity(15%);
      -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=1) progid:DXImageTransform.Microsoft.Alpha(opacity=15)'; }
  .myt2016.prepaid input[type="radio"] + .label-txt {
    position: relative; }
    .myt2016.prepaid input[type="radio"] + .label-txt:before {
      position: absolute;
      display: inline-block;
      top: -2px;
      left: -30px;
      height: 17px;
      width: 17px;
      border: 1px solid #e6e6e6;
      color: #fff;
      text-align: center;
      cursor: pointer;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      content: ''; }
    .myt2016.prepaid input[type="radio"] + .label-txt:after {
      top: 5px;
      left: -23px;
      width: 5px;
      height: 5px;
      background: #ffffff;
      border-radius: 50%;
      content: "";
      position: absolute; }
  .myt2016.prepaid input[type="radio"]:checked + .label-txt:before {
    background-color: #e20074;
    border-color: #a90056; }
  .myt2016.prepaid input[type="radio"]:checked + .label-txt:after {
    background-color: #ffffff; }
  .myt2016.prepaid input[type="radio"] + .p {
    position: relative;
    margin: 20px 0 0 15px; }
    .myt2016.prepaid input[type="radio"] + .p:before {
      position: absolute;
      display: inline-block;
      top: 0;
      left: -30px;
      height: 17px;
      width: 17px;
      border: 1px solid #e6e6e6;
      color: #fff;
      text-align: center;
      cursor: pointer;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      content: ''; }
    .myt2016.prepaid input[type="radio"] + .p:after {
      top: 7px;
      left: -23px;
      width: 5px;
      height: 5px;
      background: #ffffff;
      border-radius: 50%;
      content: "";
      position: absolute; }
  .myt2016.prepaid input[type="radio"]:checked + .p:before {
    background-color: #e20074;
    border-color: #a90056; }
  .myt2016.prepaid input[type="radio"]:checked + .p:after {
    background-color: #ffffff; }
  .myt2016.prepaid .radio-holder {
    margin-bottom: 40px; }
    .myt2016.prepaid .radio-holder label {
      cursor: pointer;
      left: 15px; }
    .myt2016.prepaid .radio-holder .col {
      margin-top: 0; }
    .myt2016.prepaid .radio-holder input[type="radio"] {
      opacity: 1;
      position: relative;
      margin: 0px 0 0 15px; }
      .myt2016.prepaid .radio-holder input[type="radio"]:before {
        position: absolute;
        display: inline-block;
        top: -12px;
        left: -30px;
        height: 17px;
        width: 17px;
        border: 1px solid #e6e6e6;
        color: #fff;
        text-align: center;
        cursor: pointer;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        content: ''; }
      .myt2016.prepaid .radio-holder input[type="radio"]:after {
        top: -5px;
        left: -23px;
        width: 5px;
        height: 5px;
        background: #ffffff;
        border-radius: 50%;
        content: "";
        position: absolute; }
    .myt2016.prepaid .radio-holder input[type="radio"]:checked:before {
      background-color: #e20074;
      border-color: #a90056; }
    .myt2016.prepaid .radio-holder input[type="radio"]:checked:after {
      background-color: #ffffff; }
  .myt2016.prepaid label .label-txt {
    left: -15px;
    font-size: 16px;
    font-weight: normal;
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif; }
    @media only screen and (max-width: 680px) {
      .myt2016.prepaid label .label-txt {
        font-size: 14px; }
        .myt2016.prepaid label .label-txt p {
          font-size: 14px; } }
  @media only screen and (max-width: 680px) {
    .myt2016.prepaid table th,
    .myt2016.prepaid table td {
      font-size: 14px; }
    .myt2016.prepaid form.editable .edit-btn-holder {
      bottom: -52px;
      width: 100%; }
      .myt2016.prepaid form.editable .edit-btn-holder .button {
        max-width: 49%;
        padding-top: 5px; } }

.myt2016.prepaid .section-recharge .recharge-step {
  width: 100%;
  float: left;
  box-sizing: border-box;
  background: #ffffff;
  padding: 30px;
  display: block;
  position: relative;
  margin-top: 15px;
  margin-bottom: 15px;
  border: 1px solid #e6e6e6;
  color: #333333; }
  .myt2016.prepaid .section-recharge .recharge-step.hidden {
    display: none; }
  @media only screen and (max-width: 680px) {
    .myt2016.prepaid .section-recharge .recharge-step {
      padding: 15px;
      font-size: 14px; } }
  @media only screen and (min-width: 1025px) {
    .myt2016.prepaid .section-recharge .recharge-step:first-child {
      margin-top: 0px; } }
  @media only screen and (min-width: 681px) and (max-width: 1024px) {
    .myt2016.prepaid .section-recharge .recharge-step:first-child {
      margin-top: 0px; } }
  .myt2016.prepaid .section-recharge .recharge-step:first-child:before {
    content: none; }
  .myt2016.prepaid .section-recharge .recharge-step.recharge-step-simple {
    margin-top: 20px;
    padding: 30px;
    margin-bottom: 0px; }
    .myt2016.prepaid .section-recharge .recharge-step.recharge-step-simple .label {
      font-size: 16px;
      font-weight: normal; }
    @media only screen and (min-width: 1025px) {
      .myt2016.prepaid .section-recharge .recharge-step.recharge-step-simple:first-child {
        margin-top: 0px; } }
    @media only screen and (min-width: 681px) and (max-width: 1024px) {
      .myt2016.prepaid .section-recharge .recharge-step.recharge-step-simple:first-child {
        margin-top: 0px; } }
    .myt2016.prepaid .section-recharge .recharge-step.recharge-step-simple:before, .myt2016.prepaid .section-recharge .recharge-step.recharge-step-simple:after {
      content: none;
      display: none; }
    .myt2016.prepaid .section-recharge .recharge-step.recharge-step-simple .col.c6 {
      width: 50%; }
      .myt2016.prepaid .section-recharge .recharge-step.recharge-step-simple .col.c6.align-right {
        text-align: right; }
      .myt2016.prepaid .section-recharge .recharge-step.recharge-step-simple .col.c6 .button {
        margin-top: 30px; }
      @media only screen and (max-width: 680px) {
        .myt2016.prepaid .section-recharge .recharge-step.recharge-step-simple .col.c6 {
          width: 100%; }
          .myt2016.prepaid .section-recharge .recharge-step.recharge-step-simple .col.c6.align-right .button {
            margin-top: 0; } }
      @media only screen and (min-width: 681px) and (max-width: 1024px) {
        .myt2016.prepaid .section-recharge .recharge-step.recharge-step-simple .col.c6 {
          width: 100%; }
          .myt2016.prepaid .section-recharge .recharge-step.recharge-step-simple .col.c6 .button {
            width: 100%; }
          .myt2016.prepaid .section-recharge .recharge-step.recharge-step-simple .col.c6.align-right .button {
            margin-top: 0; } }
    @media only screen and (min-width: 681px) and (max-width: 1024px) {
      .myt2016.prepaid .section-recharge .recharge-step.recharge-step-simple .eps-logo {
        position: absolute;
        right: 10px; } }
  .myt2016.prepaid .section-recharge .recharge-step h2 {
    max-width: 100%;
    font-size: 26px;
    font-weight: bold;
    line-height: 26px;
    color: #333333;
    margin: 0;
    padding-bottom: 15px; }
  .myt2016.prepaid .section-recharge .recharge-step h3 {
    font-weight: bold;
    font-size: 21px;
    line-height: 21px; }
  .myt2016.prepaid .section-recharge .recharge-step label {
    font-size: 12px;
    line-height: 16px;
    color: #333333;
    margin-left: 15px;
    font-weight: bold; }
    .myt2016.prepaid .section-recharge .recharge-step label.label-inline {
      margin-bottom: 4px;
      margin-top: 0;
      margin-right: 0; }
  .myt2016.prepaid .section-recharge .recharge-step h2 + label {
    margin-top: 30px; }
  .myt2016.prepaid .section-recharge .recharge-step p {
    color: #333333; }
  .myt2016.prepaid .section-recharge .recharge-step .col-name {
    color: #333333;
    font-size: 19px;
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    display: block;
    padding-top: 35px; }
  @media only screen and (max-width: 680px) {
    .myt2016.prepaid .section-recharge .recharge-step .col.smc6 {
      width: 49%;
      margin-right: 1%;
      margin-top: 1%; }
    .myt2016.prepaid .section-recharge .recharge-step .col.smc6:last-child, .myt2016.prepaid .section-recharge .recharge-step .col.smc6.last-child {
      width: 50%;
      margin-right: 0; } }
  .myt2016.prepaid .section-recharge .recharge-step ul.option-list {
    list-style: none;
    margin: 0 -7px;
    padding: 0;
    overflow: hidden; }
    .myt2016.prepaid .section-recharge .recharge-step ul.option-list li {
      float: left;
      padding: 0 7px;
      width: 33.3333%;
      position: relative;
      box-sizing: border-box;
      text-align: center; }
      @media only screen and (min-width: 681px) and (max-width: 1024px) {
        .myt2016.prepaid .section-recharge .recharge-step ul.option-list li {
          width: 100%; } }
      @media (max-width: 530px) {
        .myt2016.prepaid .section-recharge .recharge-step ul.option-list li {
          width: 100%; } }
      .myt2016.prepaid .section-recharge .recharge-step ul.option-list li input {
        position: absolute;
        opacity: 0;
        height: 0;
        width: 0;
        pointer-events: none; }
      .myt2016.prepaid .section-recharge .recharge-step ul.option-list li .option-gutschein label:before {
        width: 64px;
        height: 64px;
        background: url(../img/2019/prepaid.svg) no-repeat;
        margin-left: -32px; }
      .myt2016.prepaid .section-recharge .recharge-step ul.option-list li .option-gutschein input[type=radio]:checked + label:before {
        background: url(../img/2019/prepaid_white.svg) no-repeat; }
      .myt2016.prepaid .section-recharge .recharge-step ul.option-list li .option-creditcard label:before {
        width: 64px;
        height: 64px;
        background: url(../img/2019/credit-card.svg) no-repeat;
        margin-left: -32px; }
      .myt2016.prepaid .section-recharge .recharge-step ul.option-list li .option-creditcard input[type=radio]:checked + label:before {
        background: url(../img/2019/credit-card_white.svg) no-repeat; }
      .myt2016.prepaid .section-recharge .recharge-step ul.option-list li .option-banking label:before {
        width: 64px;
        height: 64px;
        background: url(../img/2019/website.svg) no-repeat;
        margin-left: -32px; }
      .myt2016.prepaid .section-recharge .recharge-step ul.option-list li .option-banking input[type=radio]:checked + label:before {
        background: url(../img/2019/website_white.svg) no-repeat; }
      .myt2016.prepaid .section-recharge .recharge-step ul.option-list li.option-paymonthly label:before {
        width: 46px;
        height: 56px;
        background: url(../img/2019/monatlich.svg) no-repeat;
        margin-left: -23px; }
      .myt2016.prepaid .section-recharge .recharge-step ul.option-list li.option-paymonthly input[type=radio]:checked + label:before {
        background: url(../img/2019/monatlich_white.svg) no-repeat; }
      .myt2016.prepaid .section-recharge .recharge-step ul.option-list li.option-payonce label:before {
        width: 46px;
        height: 56px;
        background: url(../img/2019/einmal.svg) no-repeat;
        margin-left: -23px; }
      .myt2016.prepaid .section-recharge .recharge-step ul.option-list li.option-payonce input[type=radio]:checked + label:before {
        background: url(../img/2019/einmal_white.svg) no-repeat; }
      .myt2016.prepaid .section-recharge .recharge-step ul.option-list li.option-payauto label {
        width: 46px;
        height: 56px;
        background: url(../img/2019/automatisch.svg) no-repeat;
        margin-left: -23px; }
      .myt2016.prepaid .section-recharge .recharge-step ul.option-list li.option-payauto input[type=radio]:checked + label:before {
        background: url(../img/2019/automatisch.svg) no-repeat; }
      .myt2016.prepaid .section-recharge .recharge-step ul.option-list li label {
        border: 1px solid #e6e6e6;
        position: relative;
        height: 176px;
        width: 100%;
        border-radius: 4px;
        cursor: pointer;
        font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
        font-weight: 900;
        color: #E20074;
        font-size: 16px;
        line-height: 16px;
        text-align: center;
        padding-top: 114px;
        box-sizing: border-box;
        margin: 0; }
        @media only screen and (max-width: 680px) {
          .myt2016.prepaid .section-recharge .recharge-step ul.option-list li label {
            margin-top: 15px; } }
        .myt2016.prepaid .section-recharge .recharge-step ul.option-list li label:before {
          content: "";
          position: absolute;
          z-index: 9;
          display: block;
          left: 50%;
          top: 28px;
          background-position: 0 -80px;
          border-radius: 0px;
          border: none; }
        .myt2016.prepaid .section-recharge .recharge-step ul.option-list li label.option-gutschein:before {
          width: 64px;
          height: 64px;
          background: url(../img/2019/prepaid.svg) no-repeat;
          margin-left: -32px; }
        .myt2016.prepaid .section-recharge .recharge-step ul.option-list li label.option-creditcard:before {
          width: 64px;
          height: 64px;
          background: url(../img/2019/credit-card.svg) no-repeat;
          margin-left: -32px; }
        .myt2016.prepaid .section-recharge .recharge-step ul.option-list li label.option-banking:before {
          width: 64px;
          height: 64px;
          background: url(../img/2019/website.svg) no-repeat;
          margin-left: -32px; }
        .myt2016.prepaid .section-recharge .recharge-step ul.option-list li label.option-payonce:before {
          width: 46px;
          height: 56px;
          background: url(../img/2019/einmal.svg) no-repeat;
          margin-left: -23px; }
        .myt2016.prepaid .section-recharge .recharge-step ul.option-list li label.option-paymonthly:before {
          width: 46px;
          height: 56px;
          background: url(../img/2019/monatlich.svg) no-repeat;
          margin-left: -23px; }
        .myt2016.prepaid .section-recharge .recharge-step ul.option-list li label.option-payauto:before {
          width: 46px;
          height: 56px;
          background: url(../img/2019/automatisch.svg) no-repeat;
          margin-left: -23px; }
        .myt2016.prepaid .section-recharge .recharge-step ul.option-list li label.option-rekonstruktion:before {
          width: 45px;
          height: 45px;
          background-position: -640px -80px;
          margin-left: -22px; }
        .myt2016.prepaid .section-recharge .recharge-step ul.option-list li label.option-credit-charge:before {
          width: 41px;
          height: 58px;
          background-position: -720px -80px;
          margin-left: -20px; }
        .myt2016.prepaid .section-recharge .recharge-step ul.option-list li label.option-credit {
          border: 2px solid #e6e6e6; }
          .myt2016.prepaid .section-recharge .recharge-step ul.option-list li label.option-credit:before {
            width: 47px;
            height: 47px;
            background-position: -480px -80px;
            margin-left: -23px; }
        .myt2016.prepaid .section-recharge .recharge-step ul.option-list li label.option-charge {
          border: 2px solid #e6e6e6; }
          .myt2016.prepaid .section-recharge .recharge-step ul.option-list li label.option-charge:before {
            width: 47px;
            height: 47px;
            background-position: -560px -80px;
            margin-left: -23px; }
        .myt2016.prepaid .section-recharge .recharge-step ul.option-list li label:after {
          position: absolute;
          top: 145px;
          left: 50%;
          z-index: 9;
          height: 16px;
          width: 16px;
          border: 1px solid #e6e6e6;
          color: #fff;
          text-align: center;
          cursor: pointer;
          border-radius: 3px;
          margin-left: -8px;
          content: ''; }
      .myt2016.prepaid .section-recharge .recharge-step ul.option-list li input[type=radio]:checked + label {
        background: #E20074;
        border: none;
        color: #ffffff; }
        .myt2016.prepaid .section-recharge .recharge-step ul.option-list li input[type=radio]:checked + label.option-gutschein:before {
          background: url(../img/2019/prepaid_white.svg) no-repeat; }
        .myt2016.prepaid .section-recharge .recharge-step ul.option-list li input[type=radio]:checked + label.option-creditcard:before {
          background: url(../img/2019/credit-card_white.svg) no-repeat; }
        .myt2016.prepaid .section-recharge .recharge-step ul.option-list li input[type=radio]:checked + label.option-banking:before {
          background: url(../img/2019/website_white.svg) no-repeat; }
        .myt2016.prepaid .section-recharge .recharge-step ul.option-list li input[type=radio]:checked + label.option-payonce:before {
          background: url(../img/2019/einmal_white.svg) no-repeat; }
        .myt2016.prepaid .section-recharge .recharge-step ul.option-list li input[type=radio]:checked + label.option-paymonthly:before {
          background: url(../img/2019/monatlich_white.svg) no-repeat; }
        .myt2016.prepaid .section-recharge .recharge-step ul.option-list li input[type=radio]:checked + label.option-payauto:before {
          background: url(../img/2019/automatisch_white.svg) no-repeat; }
        .myt2016.prepaid .section-recharge .recharge-step ul.option-list li input[type=radio]:checked + label.option-rekonstruktion:before {
          background-position: -640px -160px; }
        .myt2016.prepaid .section-recharge .recharge-step ul.option-list li input[type=radio]:checked + label.option-credit-charge:before {
          background-position: -720px -160px; }
        .myt2016.prepaid .section-recharge .recharge-step ul.option-list li input[type=radio]:checked + label.option-credit:before {
          background-position: -480px -160px; }
        .myt2016.prepaid .section-recharge .recharge-step ul.option-list li input[type=radio]:checked + label.option-charge:before {
          background-position: -560px -160px; }
        .myt2016.prepaid .section-recharge .recharge-step ul.option-list li input[type=radio]:checked + label:after {
          background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRBODMxRTJCMjlGQTExRTk4RjQxRjU1NjZGOEFCRTZBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRBODMxRTJDMjlGQTExRTk4RjQxRjU1NjZGOEFCRTZBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEE4MzFFMjkyOUZBMTFFOThGNDFGNTU2NkY4QUJFNkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEE4MzFFMkEyOUZBMTFFOThGNDFGNTU2NkY4QUJFNkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4H6bzGAAAAVUlEQVR42mJ8xFDCgAMsBOI4JhyS84E4GIjzsSlYCsSxQDwJhEEK/gBxA1QSJBgKpatAAixA3ALEtUDsBMRmQDwDiItgxrFAdfNCBSuAuBPZPoAAAwAiDw3e1V/OhAAAAABJRU5ErkJggg==);
          background-color: #ffffff;
          background-repeat: no-repeat;
          background-position: center center;
          border-color: #a90056;
          position: absolute;
          top: 145px;
          left: 50%;
          z-index: 9;
          height: 16px;
          width: 16px;
          color: #fff;
          text-align: center;
          cursor: pointer;
          border-radius: 3px;
          margin-left: -8px;
          content: ''; }
      .myt2016.prepaid .section-recharge .recharge-step ul.option-list li.disabled label, .myt2016.prepaid .section-recharge .recharge-step ul.option-list li .disabled label {
        background-color: #F4F4F4;
        border-color: #D9D9D9;
        color: #D9D9D9;
        cursor: default; }
        .myt2016.prepaid .section-recharge .recharge-step ul.option-list li.disabled label:before, .myt2016.prepaid .section-recharge .recharge-step ul.option-list li .disabled label:before {
          filter: grayscale(100%) opacity(15%);
          -webkit-filter: grayscale(100%) opacity(15%);
          -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=1) progid:DXImageTransform.Microsoft.Alpha(opacity=15)'; }
    .myt2016.prepaid .section-recharge .recharge-step ul.option-list.dual li {
      width: 50%; }
  .myt2016.prepaid .section-recharge .recharge-step .optiontext {
    padding-top: 18px; }
  .myt2016.prepaid .section-recharge .recharge-step hr {
    background-color: #e6e6e6;
    margin: 30px -30px; }
  .myt2016.prepaid .section-recharge .recharge-step .cc-number {
    margin-top: 5px; }
    .myt2016.prepaid .section-recharge .recharge-step .cc-number > div {
      float: left;
      margin-right: 14px; }
      .myt2016.prepaid .section-recharge .recharge-step .cc-number > div:last-child {
        margin-right: 0; }
  .myt2016.prepaid .section-recharge .recharge-step .cc-icons .cc-icon {
    background: url(../img/sprite-cc.png) no-repeat transparent;
    display: block;
    width: 43px;
    height: 26px;
    background-position: 0px -29px;
    cursor: pointer; }
    .myt2016.prepaid .section-recharge .recharge-step .cc-icons .cc-icon.cc-icon-visa {
      background-position: 0px -29px; }
      .myt2016.prepaid .section-recharge .recharge-step .cc-icons .cc-icon.cc-icon-visa.cc-icon-active, .myt2016.prepaid .section-recharge .recharge-step .cc-icons .cc-icon.cc-icon-visa:hover {
        background-position: 0px 0px; }
    .myt2016.prepaid .section-recharge .recharge-step .cc-icons .cc-icon.cc-icon-mastercard {
      background-position: 0px -87px; }
      .myt2016.prepaid .section-recharge .recharge-step .cc-icons .cc-icon.cc-icon-mastercard.cc-icon-active, .myt2016.prepaid .section-recharge .recharge-step .cc-icons .cc-icon.cc-icon-mastercard:hover {
        background-position: 0px -58px; }
    .myt2016.prepaid .section-recharge .recharge-step .cc-icons .cc-icon.cc-icon-diners {
      background-position: 0px -145px;
      width: 32px; }
      .myt2016.prepaid .section-recharge .recharge-step .cc-icons .cc-icon.cc-icon-diners.cc-icon-active, .myt2016.prepaid .section-recharge .recharge-step .cc-icons .cc-icon.cc-icon-diners:hover {
        background-position: 0px -116px; }
    .myt2016.prepaid .section-recharge .recharge-step .cc-icons .cc-icon.cc-icon-amex {
      background-position: 0px -203px;
      width: 27px; }
      .myt2016.prepaid .section-recharge .recharge-step .cc-icons .cc-icon.cc-icon-amex.cc-icon-active, .myt2016.prepaid .section-recharge .recharge-step .cc-icons .cc-icon.cc-icon-amex:hover {
        background-position: 0px -174px; }
  .myt2016.prepaid .section-recharge .recharge-step .cc-icons ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .myt2016.prepaid .section-recharge .recharge-step .cc-icons ul li {
      margin: 0;
      padding: 0;
      margin-right: 8px;
      float: left; }
  .myt2016.prepaid .section-recharge .recharge-step .btn-holder {
    margin-top: inherit;
    border: none; }
  .myt2016.prepaid .section-recharge .recharge-step .error.error-noborder {
    margin-top: 0;
    border: none; }
    .myt2016.prepaid .section-recharge .recharge-step .error.error-noborder .icon {
      margin-left: 0; }
  .myt2016.prepaid .section-recharge .recharge-step .error span {
    color: #333333; }
    .myt2016.prepaid .section-recharge .recharge-step .error span.main-color {
      color: #E20074; }
  .myt2016.prepaid .section-recharge .recharge-step .error .icon {
    width: 43px;
    height: 35px;
    display: inline-block;
    vertical-align: middle; }
  .myt2016.prepaid .section-recharge .recharge-step .error .icon-alert {
    background-position: -658px -282px;
    height: 40px;
    margin: 0 0 12px 12px; }
  .myt2016.prepaid .section-recharge .recharge-step .error .icon-cancel {
    background-position: -920px -440px;
    height: 40px;
    margin: 0 0 12px 12px; }
  .myt2016.prepaid .section-recharge .recharge-step .error .icon-success {
    background-position: -920px -360px;
    height: 40px;
    margin: 0 0 12px 12px; }
  .myt2016.prepaid .section-recharge .recharge-step .border-bottom {
    margin: 0 -30px 0 -30px;
    padding: 0 30px 20px 30px;
    border-bottom: 1px solid #e6e6e6; }
  .myt2016.prepaid .section-recharge .recharge-step .comment {
    border: 1px solid #e6e6e6;
    padding: 5px 8px 8px 8px;
    box-shadow: 0px 1px 3px 0px rgba(51, 51, 51, 0.15);
    color: #333333;
    margin-bottom: 25px;
    background: #ffffff; }
  .myt2016.prepaid .section-recharge .recharge-step .label {
    margin: 8px 0 6px 0; }
  .myt2016.prepaid .section-recharge .recharge-step .threshold {
    color: #333333;
    padding-top: 9px;
    display: block; }
  .myt2016.prepaid .section-recharge .recharge-step .label-left label {
    display: inline-block;
    padding-right: 10px; }
  .myt2016.prepaid .section-recharge .recharge-step .label-left input {
    width: auto; }
  .myt2016.prepaid .section-recharge .recharge-step .row.margin-bottom {
    margin-bottom: 25px; }
  .myt2016.prepaid .section-recharge .recharge-step .loading-holder {
    min-height: 50px; }
  .myt2016.prepaid .section-recharge .recharge-step .loading-ie9 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 66px;
    height: 66px;
    margin-top: -33px;
    margin-left: -33px;
    background: url(../img/66x66_loadingicon.gif) no-repeat;
    display: none;
    display: block \9; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .myt2016.prepaid .section-recharge .recharge-step .loading-ie9 {
        display: none; } }
  .myt2016.prepaid .section-recharge .recharge-step .loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 56px;
    height: 56px;
    border: 3px solid #e20074;
    border-radius: 100%;
    display: none \9; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .myt2016.prepaid .section-recharge .recharge-step .loading {
        display: block; } }
    .myt2016.prepaid .section-recharge .recharge-step .loading .ring {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 39px;
      height: 39px;
      border-radius: 50%;
      border-right: 0;
      border-top: 0;
      border-top: solid 3px #e20074;
      border-right: solid 3px rgba(255, 255, 255, 0);
      border-left: solid 3px rgba(255, 255, 255, 0);
      border-bottom: solid 3px rgba(255, 255, 255, 0);
      animation: rotateRing 1s cubic-bezier(0.14, 0.36, 0.71, 0.46) infinite;
      display: none \9; }
      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .myt2016.prepaid .section-recharge .recharge-step .loading .ring {
          display: block; } }

@keyframes rotateRing {
  0% {
    transform: translate(-50%, -50%) rotate(0deg); }
  50% {
    transform: translate(-50%, -50%) rotate(180deg); }
  100% {
    transform: translate(-50%, -50%) rotate(360deg); } }

.myt2016.prepaid .section-recharge form .recharge-step:first-child .col.c2, .myt2016.prepaid .section-recharge .form .recharge-step:first-child .col.c2 {
  width: 33.33332%; }

.myt2016.prepaid .section-recharge form .recharge-step:first-child .col.c4, .myt2016.prepaid .section-recharge .form .recharge-step:first-child .col.c4 {
  width: 66.66666% !important; }

.myt2016.prepaid .section-recharge form .recharge-step .col, .myt2016.prepaid .section-recharge .form .recharge-step .col {
  margin-top: 15px; }
  .myt2016.prepaid .section-recharge form .recharge-step .col.no-margin-top, .myt2016.prepaid .section-recharge .form .recharge-step .col.no-margin-top {
    margin-top: 0; }
  .myt2016.prepaid .section-recharge form .recharge-step .col.c6, .myt2016.prepaid .section-recharge .form .recharge-step .col.c6 {
    width: 100%;
    /* &.c6 + .c3{
                            margin-top:-15px;
                            margin-bottom: 30px;
                            @media only screen and (min-width: 681px) and (max-width: 1024px) {
                                .popup-info-holder {
                                    top: 26px;
                                    right: 16px;
                                }
                            }
                        }*/ }
    .myt2016.prepaid .section-recharge form .recharge-step .col.c6 .col, .myt2016.prepaid .section-recharge .form .recharge-step .col.c6 .col {
      margin-top: 0; }
    .myt2016.prepaid .section-recharge form .recharge-step .col.c6 .c6, .myt2016.prepaid .section-recharge .form .recharge-step .col.c6 .c6 {
      width: 50.000001%; }
    .myt2016.prepaid .section-recharge form .recharge-step .col.c6 .c3, .myt2016.prepaid .section-recharge .form .recharge-step .col.c6 .c3 {
      width: 25.00001%; }
      @media only screen and (min-width: 681px) and (max-width: 1024px) {
        .myt2016.prepaid .section-recharge form .recharge-step .col.c6 .c3.sm input, .myt2016.prepaid .section-recharge .form .recharge-step .col.c6 .c3.sm input {
          padding: 0 12px; } }
    .myt2016.prepaid .section-recharge form .recharge-step .col.c6 .c9, .myt2016.prepaid .section-recharge .form .recharge-step .col.c6 .c9 {
      width: 75.00001%; }
  .myt2016.prepaid .section-recharge form .recharge-step .col.cvv, .myt2016.prepaid .section-recharge .form .recharge-step .col.cvv {
    margin-top: -15px;
    margin-bottom: 30px; }
    @media only screen and (min-width: 681px) and (max-width: 1024px) {
      .myt2016.prepaid .section-recharge form .recharge-step .col.cvv .popup-info-holder, .myt2016.prepaid .section-recharge .form .recharge-step .col.cvv .popup-info-holder {
        top: 26px;
        right: 16px; } }

@media only screen and (max-width: 680px) {
  .myt2016.prepaid .section-recharge form .recharge-step:first-child .col.c2, .myt2016.prepaid .section-recharge .form .recharge-step:first-child .col.c2 {
    width: 100%; }
  .myt2016.prepaid .section-recharge form .recharge-step:first-child .col.c4, .myt2016.prepaid .section-recharge .form .recharge-step:first-child .col.c4 {
    width: 100% !important; }
  .myt2016.prepaid .section-recharge form .recharge-step .col, .myt2016.prepaid .section-recharge .form .recharge-step .col {
    margin-top: 15px; }
    .myt2016.prepaid .section-recharge form .recharge-step .col.c6, .myt2016.prepaid .section-recharge .form .recharge-step .col.c6 {
      width: 100%; }
      .myt2016.prepaid .section-recharge form .recharge-step .col.c6 .col, .myt2016.prepaid .section-recharge .form .recharge-step .col.c6 .col {
        margin-top: 0; }
      .myt2016.prepaid .section-recharge form .recharge-step .col.c6 .c6, .myt2016.prepaid .section-recharge .form .recharge-step .col.c6 .c6 {
        width: 100%;
        margin-top: 15px; }
      .myt2016.prepaid .section-recharge form .recharge-step .col.c6 .c3, .myt2016.prepaid .section-recharge .form .recharge-step .col.c6 .c3 {
        width: 100%;
        margin-top: 15px; }
        .myt2016.prepaid .section-recharge form .recharge-step .col.c6 .c3:first-child, .myt2016.prepaid .section-recharge .form .recharge-step .col.c6 .c3:first-child {
          margin-top: 0; }
      .myt2016.prepaid .section-recharge form .recharge-step .col.c6 .c9, .myt2016.prepaid .section-recharge .form .recharge-step .col.c6 .c9 {
        width: 100%; }
    .myt2016.prepaid .section-recharge form .recharge-step .col.cvv, .myt2016.prepaid .section-recharge .form .recharge-step .col.cvv {
      margin-top: -15px;
      margin-bottom: 30px; }
    .myt2016.prepaid .section-recharge form .recharge-step .col.c3, .myt2016.prepaid .section-recharge .form .recharge-step .col.c3 {
      width: 100%;
      margin-top: 15px; }
      .myt2016.prepaid .section-recharge form .recharge-step .col.c3:first-child, .myt2016.prepaid .section-recharge .form .recharge-step .col.c3:first-child {
        margin-top: 0; } }

.myt2016.prepaid .section-recharge .recharge-ad-section {
  padding: 30px 0;
  overflow: hidden; }
  .myt2016.prepaid .section-recharge .recharge-ad-section .ad {
    text-align: left; }
  .myt2016.prepaid .section-recharge .recharge-ad-section .ad-right {
    text-align: right; }
  @media screen and (max-width: 960px) {
    .myt2016.prepaid .section-recharge .recharge-ad-section .col.c6 {
      width: 100%; }
    .myt2016.prepaid .section-recharge .recharge-ad-section .ad, .myt2016.prepaid .section-recharge .recharge-ad-section .ad-right {
      text-align: center; } }

.myt2016.prepaid .section-recharge .button-holder {
  margin-top: 15px;
  text-align: center;
  float: left;
  width: 100%; }
  .myt2016.prepaid .section-recharge .button-holder .button.button-big {
    display: inline-block;
    width: auto; }

.myt2016.prepaid .section-recharge .aside {
  padding-top: 0;
  margin-top: 30px; }

.myt2016.prepaid .section-recharge .grid-spacing-big .col.c8 {
  width: 58.33331%; }

.myt2016.prepaid .section-recharge .grid-spacing-big .col.c4 {
  width: 41.66665%; }

@media only screen and (max-width: 680px) {
  .myt2016.prepaid .section-recharge .grid-spacing-big .col.c8 {
    width: 100%; }
  .myt2016.prepaid .section-recharge .grid-spacing-big .col.c4 {
    width: 100%; } }

.myt2016.prepaid .background-darkest .content .bordered-box.mobileOnly {
  color: #333333;
  margin-bottom: 25px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  padding: 30px; }
  .myt2016.prepaid .background-darkest .content .bordered-box.mobileOnly .bordered-box-heading h2 {
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 26px;
    line-height: 26px;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: bold; }
  .myt2016.prepaid .background-darkest .content .bordered-box.mobileOnly .bordered-box-heading h3 {
    color: #ffffff; }
  .myt2016.prepaid .background-darkest .content .bordered-box.mobileOnly .bordered-box-heading.light {
    background: none;
    margin: -30px -30px -0 -30px;
    padding: 30px 30px 20px 30px; }
    .myt2016.prepaid .background-darkest .content .bordered-box.mobileOnly .bordered-box-heading.light h3 {
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      color: #333333;
      font-size: 26px;
      line-height: 26px;
      margin-top: 0;
      margin-bottom: 0;
      font-weight: bold; }
  .myt2016.prepaid .background-darkest .content .bordered-box.mobileOnly .bordered-box-heading .icon-btn.positioned {
    right: 21px; }
  .myt2016.prepaid .background-darkest .content .bordered-box.mobileOnly h3 {
    padding-bottom: 0; }
  .myt2016.prepaid .background-darkest .content .bordered-box.mobileOnly h4 {
    color: #333333; }
  .myt2016.prepaid .background-darkest .content .bordered-box.mobileOnly p.value {
    color: #333333;
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    font-size: 21px;
    line-height: 21px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 15px; }
  .myt2016.prepaid .background-darkest .content .bordered-box.mobileOnly p.bigger {
    font-size: 16px;
    line-height: 22px; }
  .myt2016.prepaid .background-darkest .content .bordered-box.mobileOnly .widget {
    margin-bottom: 0; }
    .myt2016.prepaid .background-darkest .content .bordered-box.mobileOnly .widget .chart-bar {
      margin-bottom: 0; }
  .myt2016.prepaid .background-darkest .content .bordered-box.mobileOnly .aside-button {
    padding: 14px;
    text-align: center;
    color: #ffffff;
    background-color: #E20074;
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    font-size: 19px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-decoration: none;
    margin: 15px 0 5px 0; }
  .myt2016.prepaid .background-darkest .content .bordered-box.mobileOnly .segment {
    margin-bottom: 30px; }
    .myt2016.prepaid .background-darkest .content .bordered-box.mobileOnly .segment span.title {
      text-align: left; }
    .myt2016.prepaid .background-darkest .content .bordered-box.mobileOnly .segment span.value {
      text-align: right;
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      font-size: 19px; }
    .myt2016.prepaid .background-darkest .content .bordered-box.mobileOnly .segment.sum {
      border-top: 1px solid #e6e6e6;
      margin: 0 -20px 0 -20px;
      padding: 15px 20px 0 20px; }
      .myt2016.prepaid .background-darkest .content .bordered-box.mobileOnly .segment.sum span {
        padding-bottom: 0; }
        .myt2016.prepaid .background-darkest .content .bordered-box.mobileOnly .segment.sum span.value {
          color: #E20074;
          font-size: 25px; }
    .myt2016.prepaid .background-darkest .content .bordered-box.mobileOnly .segment:last-child {
      margin-bottom: 0; }

.myt2016.prepaid .background-lightest .content .bordered-box.mobileOnly {
  color: #333333;
  margin-bottom: 25px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  padding: 30px; }
  .myt2016.prepaid .background-lightest .content .bordered-box.mobileOnly .bordered-box-heading h2 {
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 26px;
    line-height: 26px;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: bold; }
  .myt2016.prepaid .background-lightest .content .bordered-box.mobileOnly .bordered-box-heading h3 {
    color: #ffffff; }
  .myt2016.prepaid .background-lightest .content .bordered-box.mobileOnly .bordered-box-heading.light {
    background: none;
    margin: -30px -30px -0 -30px;
    padding: 30px 30px 20px 30px; }
    .myt2016.prepaid .background-lightest .content .bordered-box.mobileOnly .bordered-box-heading.light h3 {
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      color: #333333;
      font-size: 26px;
      line-height: 26px;
      margin-top: 0;
      margin-bottom: 0;
      font-weight: bold; }
  .myt2016.prepaid .background-lightest .content .bordered-box.mobileOnly .bordered-box-heading .icon-btn.positioned {
    right: 21px; }
  .myt2016.prepaid .background-lightest .content .bordered-box.mobileOnly h3 {
    padding-bottom: 0; }
  .myt2016.prepaid .background-lightest .content .bordered-box.mobileOnly h4 {
    color: #333333; }
  .myt2016.prepaid .background-lightest .content .bordered-box.mobileOnly p.value {
    color: #333333;
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    font-size: 21px;
    line-height: 21px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 15px; }
  .myt2016.prepaid .background-lightest .content .bordered-box.mobileOnly p.bigger {
    font-size: 16px;
    line-height: 22px; }
  .myt2016.prepaid .background-lightest .content .bordered-box.mobileOnly .widget {
    margin-bottom: 0; }
    .myt2016.prepaid .background-lightest .content .bordered-box.mobileOnly .widget .chart-bar {
      margin-bottom: 0; }
  .myt2016.prepaid .background-lightest .content .bordered-box.mobileOnly .aside-button {
    padding: 14px;
    text-align: center;
    color: #ffffff;
    background-color: #E20074;
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    font-size: 19px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-decoration: none;
    margin: 15px 0 5px 0; }
  .myt2016.prepaid .background-lightest .content .bordered-box.mobileOnly .segment {
    margin-bottom: 30px; }
    .myt2016.prepaid .background-lightest .content .bordered-box.mobileOnly .segment span {
      width: 50%;
      display: inline-block;
      vertical-align: middle;
      padding-bottom: 15px; }
      .myt2016.prepaid .background-lightest .content .bordered-box.mobileOnly .segment span.title {
        text-align: left; }
      .myt2016.prepaid .background-lightest .content .bordered-box.mobileOnly .segment span.value {
        text-align: right;
        font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
        font-size: 19px; }
    .myt2016.prepaid .background-lightest .content .bordered-box.mobileOnly .segment.sum {
      border-top: 1px solid #e6e6e6;
      margin: 0 -20px 0 -20px;
      padding: 15px 20px 0 20px; }
      .myt2016.prepaid .background-lightest .content .bordered-box.mobileOnly .segment.sum span {
        padding-bottom: 0; }
        .myt2016.prepaid .background-lightest .content .bordered-box.mobileOnly .segment.sum span.value {
          color: #E20074;
          font-size: 25px; }
    .myt2016.prepaid .background-lightest .content .bordered-box.mobileOnly .segment:last-child {
      margin-bottom: 0; }

.myt2016.prepaid .aside {
  padding-top: 20px; }
  .myt2016.prepaid .aside .tPaySubscriberCredit {
    position: relative; }
    .myt2016.prepaid .aside .tPaySubscriberCredit .icon {
      display: none; }
    .myt2016.prepaid .aside .tPaySubscriberCredit .icon-btn.positioned {
      top: 0;
      bottom: auto; }
      .myt2016.prepaid .aside .tPaySubscriberCredit .icon-btn.positioned .desc {
        text-align: right; }
    .myt2016.prepaid .aside .tPaySubscriberCredit a:not([href]) {
      height: auto; }
  .myt2016.prepaid .aside .bordered-box {
    /*fixes tpay */
    /*end fixes tpay*/
    color: #333333;
    margin-bottom: 25px;
    background: #ffffff;
    border: 1px solid #e6e6e6;
    padding: 30px; }
    .myt2016.prepaid .aside .bordered-box .tPaySubscriptionDetailWidget {
      position: relative;
      margin-bottom: 30px; }
      .myt2016.prepaid .aside .bordered-box .tPaySubscriptionDetailWidget .icon-btn.positioned {
        top: 0;
        bottom: auto; }
        .myt2016.prepaid .aside .bordered-box .tPaySubscriptionDetailWidget .icon-btn.positioned .desc {
          text-align: right; }
    .myt2016.prepaid .aside .bordered-box .tPaySubscriberCredit {
      position: relative; }
      .myt2016.prepaid .aside .bordered-box .tPaySubscriberCredit .icon-btn.positioned {
        top: 0;
        bottom: auto; }
        .myt2016.prepaid .aside .bordered-box .tPaySubscriberCredit .icon-btn.positioned .desc {
          text-align: right; }
      .myt2016.prepaid .aside .bordered-box .tPaySubscriberCredit a:not([href]) {
        height: auto; }
    .myt2016.prepaid .aside .bordered-box hr {
      display: none; }
    .myt2016.prepaid .aside .bordered-box .bordered-box-heading {
      position: relative; }
      .myt2016.prepaid .aside .bordered-box .bordered-box-heading h2 {
        font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
        color: #333333;
        font-size: 26px;
        line-height: 26px;
        margin-top: 0;
        margin-bottom: 0;
        font-weight: bold; }
      .myt2016.prepaid .aside .bordered-box .bordered-box-heading h3 {
        color: #ffffff; }
      .myt2016.prepaid .aside .bordered-box .bordered-box-heading.light {
        background: none;
        margin: -30px -30px -0 -30px;
        padding: 30px 30px 20px 30px; }
        .myt2016.prepaid .aside .bordered-box .bordered-box-heading.light h3 {
          font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
          color: #333333;
          font-size: 26px;
          line-height: 26px;
          margin-top: 0;
          margin-bottom: 0;
          font-weight: bold; }
      .myt2016.prepaid .aside .bordered-box .bordered-box-heading .icon-btn.positioned {
        right: 30px;
        bottom: 22px; }
        .myt2016.prepaid .aside .bordered-box .bordered-box-heading .icon-btn.positioned .desc {
          text-align: right; }
    .myt2016.prepaid .aside .bordered-box h3 {
      padding-bottom: 0; }
    .myt2016.prepaid .aside .bordered-box h4 {
      color: #333333; }
    .myt2016.prepaid .aside .bordered-box p.value {
      color: #333333;
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      font-size: 21px;
      line-height: 21px;
      font-weight: bold;
      margin-top: 20px;
      margin-bottom: 15px; }
    .myt2016.prepaid .aside .bordered-box p.bigger {
      font-size: 16px;
      line-height: 22px; }
      .myt2016.prepaid .aside .bordered-box p.bigger:last-child {
        margin-bottom: 15px; }
    .myt2016.prepaid .aside .bordered-box .widget {
      margin-bottom: 0; }
      .myt2016.prepaid .aside .bordered-box .widget .chart-bar {
        margin-bottom: 0; }
    .myt2016.prepaid .aside .bordered-box .aside-button {
      padding: 14px;
      text-align: center;
      color: #ffffff;
      background-color: #E20074;
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      font-size: 19px;
      display: block;
      width: 100%;
      box-sizing: border-box;
      text-decoration: none;
      margin: 15px 0 5px 0; }
    .myt2016.prepaid .aside .bordered-box .segment {
      margin-bottom: 30px; }
      .myt2016.prepaid .aside .bordered-box .segment span {
        width: auto; }
        .myt2016.prepaid .aside .bordered-box .segment span.title {
          text-align: left; }
        .myt2016.prepaid .aside .bordered-box .segment span.value {
          text-align: right;
          font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
          font-size: 19px; }
      .myt2016.prepaid .aside .bordered-box .segment.sum {
        border-top: 1px solid #e6e6e6;
        margin: 0 -20px 0 -20px;
        padding: 15px 20px 0 20px; }
        .myt2016.prepaid .aside .bordered-box .segment.sum span {
          padding-bottom: 0; }
          .myt2016.prepaid .aside .bordered-box .segment.sum span.value {
            color: #E20074;
            font-size: 25px; }
      .myt2016.prepaid .aside .bordered-box .segment:last-child {
        margin-bottom: 0; }
  @media only screen and (max-width: 680px) {
    .myt2016.prepaid .aside {
      margin-top: 30px; }
      .myt2016.prepaid .aside .bordered-box .bordered-box-heading .icon-btn.positioned {
        display: none; } }

@media only screen and (max-width: 680px) {
  .myt2016.prepaid.category .background-lightest {
    margin-top: 27px; } }

.myt2016.prepaid.category .background-none {
  background-image: none;
  background-color: #ffffff;
  height: auto;
  padding-bottom: 0;
  margin-bottom: 0; }
  .myt2016.prepaid.category .background-none .section-header {
    padding-bottom: 30px; }
    @media only screen and (max-width: 680px) {
      .myt2016.prepaid.category .background-none .section-header {
        padding-bottom: 0; } }
    .myt2016.prepaid.category .background-none .section-header .header {
      margin-top: 90px !important; }
  .myt2016.prepaid.category .background-none h1 {
    font-weight: 900;
    font-size: 48px;
    color: #333333;
    margin: 0 0 30px 0;
    padding: 0;
    line-height: inherit; }
    @media only screen and (max-width: 680px) {
      .myt2016.prepaid.category .background-none h1 {
        font-size: 28px;
        margin-bottom: 30px; } }
  .myt2016.prepaid.category .background-none .bordered-link {
    background: #E20074;
    border: none;
    color: #ffffff;
    margin-top: 0;
    font-family: inherit;
    font-size: 16px;
    line-height: 42px;
    font-weight: 900;
    padding: 0 30px; }
    @media only screen and (max-width: 680px) {
      .myt2016.prepaid.category .background-none .bordered-link {
        font-size: 14px;
        line-height: 39px;
        height: 39px; } }

.myt2016.prepaid.category .content .bordered-box.mobileOnly {
  border: none;
  padding: 0; }
  .myt2016.prepaid.category .content .bordered-box.mobileOnly select {
    margin-bottom: 20px; }
  .myt2016.prepaid.category .content .bordered-box.mobileOnly p.value {
    margin-top: 0; }
  .myt2016.prepaid.category .content .bordered-box.mobileOnly .aside-button {
    background: #E20074;
    border: none;
    border-radius: 4px;
    color: #ffffff;
    margin-top: 0;
    font-family: inherit;
    font-size: 16px;
    line-height: 42px;
    font-weight: 900;
    padding: 0 30px; }

.myt2016.prepaid.category .section-invoices .aside.col.c4 {
  margin-top: -125px; }

.myt2016.prepaid.category .aside {
  padding-top: 0; }
  .myt2016.prepaid.category .aside .bordered-box {
    border: none;
    padding: 0px;
    margin-bottom: 0; }
    .myt2016.prepaid.category .aside .bordered-box select {
      margin-bottom: 20px; }
    .myt2016.prepaid.category .aside .bordered-box p.value {
      margin-top: 0; }
    .myt2016.prepaid.category .aside .bordered-box .aside-button {
      background: #E20074;
      border: none;
      border-radius: 4px;
      color: #ffffff;
      margin-top: 0;
      font-family: inherit;
      font-size: 16px;
      line-height: 42px;
      font-weight: 900;
      padding: 0 30px; }

.myt2016.prepaid .section-invoices .aside.col.c4 {
  margin-top: 0; }
  .myt2016.prepaid .section-invoices .aside.col.c4 .bordered-box {
    padding: 0;
    border: none; }
    .myt2016.prepaid .section-invoices .aside.col.c4 .bordered-box .aside-button {
      display: inline-block;
      width: 100%;
      text-decoration: none;
      box-sizing: border-box;
      background: #E20074;
      border: none;
      border-radius: 4px;
      color: #ffffff;
      margin-top: 0;
      font-family: inherit;
      font-size: 16px;
      line-height: 42px;
      font-weight: 900;
      padding: 0 30px; }

.myt2016.prepaid.service .section-recharge .recharge-step ul.option-list li label {
  border: 2px solid #e6e6e6; }

.myt2016.prepaid.beauskunftung {
  position: relative; }
  @media only screen and (max-width: 680px) {
    .myt2016.prepaid.beauskunftung .icon-btn .icon {
      display: block; }
    .myt2016.prepaid.beauskunftung .icon-btn .desc {
      padding: 0 10px;
      font-size: 16px; } }
  .myt2016.prepaid.beauskunftung:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../img/splash.png) no-repeat transparent top right;
    background-size: contain;
    width: 60%;
    height: 100%;
    max-height: 800px;
    z-index: -1; }
  .myt2016.prepaid.beauskunftung .beauskunftung-box {
    color: #333333;
    background-color: #ffffff;
    padding: 8px 0 8px 0;
    margin: 0 0 40px 0; }
    @media only screen and (min-width: 1025px) {
      .myt2016.prepaid.beauskunftung .beauskunftung-box {
        width: 300px; } }
    .myt2016.prepaid.beauskunftung .beauskunftung-box .segment {
      padding: 5px 20px;
      box-sizing: border-box;
      position: relative; }
      .myt2016.prepaid.beauskunftung .beauskunftung-box .segment .right-aligned {
        float: right;
        width: auto; }
      .myt2016.prepaid.beauskunftung .beauskunftung-box .segment select {
        width: 100%;
        margin: 6px 0 12px 0; }
      .myt2016.prepaid.beauskunftung .beauskunftung-box .segment h2 {
        font-size: 19px;
        margin: 3px 0 0 0; }
      .myt2016.prepaid.beauskunftung .beauskunftung-box .segment h3 {
        font-size: 16px;
        color: #333333;
        margin: 0; }
      .myt2016.prepaid.beauskunftung .beauskunftung-box .segment p {
        margin: 0;
        padding: 0; }
      .myt2016.prepaid.beauskunftung .beauskunftung-box .segment a {
        color: #E20074; }
      .myt2016.prepaid.beauskunftung .beauskunftung-box .segment .widget {
        margin-bottom: 14px; }
      .myt2016.prepaid.beauskunftung .beauskunftung-box .segment ul.link-list {
        list-style-type: none;
        margin: 0;
        padding: 0; }
        .myt2016.prepaid.beauskunftung .beauskunftung-box .segment ul.link-list li {
          margin: 8px 0;
          padding: 0; }
          .myt2016.prepaid.beauskunftung .beauskunftung-box .segment ul.link-list li a {
            font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
            font-weight: normal; }
    .myt2016.prepaid.beauskunftung .beauskunftung-box .expandable-anker {
      position: relative; }
      .myt2016.prepaid.beauskunftung .beauskunftung-box .expandable-anker .expandable {
        display: none; }
      .myt2016.prepaid.beauskunftung .beauskunftung-box .expandable-anker .expander {
        width: auto;
        background-color: #ffffff;
        text-align: center;
        padding: 10px 13px;
        position: absolute;
        left: 135px;
        bottom: -36px;
        cursor: pointer;
        color: #E20074;
        box-sizing: border-box; }
        .myt2016.prepaid.beauskunftung .beauskunftung-box .expandable-anker .expander .icon-chevron-up {
          float: left;
          width: 23px;
          height: 8px;
          background-position: -1129px -299px; }
        .myt2016.prepaid.beauskunftung .beauskunftung-box .expandable-anker .expander .icon-chevron-down {
          float: left;
          width: 23px;
          height: 8px;
          background-position: -1089px -299px; }
        .myt2016.prepaid.beauskunftung .beauskunftung-box .expandable-anker .expander .do-open {
          float: left;
          display: inline-block; }
        .myt2016.prepaid.beauskunftung .beauskunftung-box .expandable-anker .expander .do-close {
          float: left;
          display: none; }
        .myt2016.prepaid.beauskunftung .beauskunftung-box .expandable-anker .expander.closed .do-open {
          display: none; }
        .myt2016.prepaid.beauskunftung .beauskunftung-box .expandable-anker .expander.closed .do-close {
          display: inline-block; }

.myt2016.view-home.prepaid.background-image-top .section-header {
  margin-top: 0; }

.myt2016.view-home.prepaid.background-image-top .background-none {
  background-image: none;
  background-color: #ffffff;
  height: auto;
  padding-bottom: 0;
  margin-bottom: 0; }
  .myt2016.view-home.prepaid.background-image-top .background-none .header {
    margin-top: 90px !important;
    padding-bottom: 80px; }
    .myt2016.view-home.prepaid.background-image-top .background-none .header h1 {
      font-weight: 900;
      font-size: 48px;
      color: #333333;
      margin: 0 0 15px 0;
      padding: 0;
      line-height: 1.38; }
    .myt2016.view-home.prepaid.background-image-top .background-none .header h2 {
      margin: 0 120px 0 0; }

.myt2016.view-home.prepaid .section-header .credit-box {
  margin: -55px 0 0 0;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  padding: 20px; }
  .myt2016.view-home.prepaid .section-header .credit-box span {
    display: inline-block;
    vertical-align: middle; }
    .myt2016.view-home.prepaid .section-header .credit-box span.value {
      color: #E20074;
      font-size: 18px;
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      padding-top: 10px; }
    .myt2016.view-home.prepaid .section-header .credit-box span.name {
      color: #333;
      font-size: 18px;
      margin-right: 20px;
      padding-top: 10px; }
  .myt2016.view-home.prepaid .section-header .credit-box a {
    float: right;
    background: #E20074;
    border-radius: 4px;
    text-decoration: none;
    border: none;
    color: #ffffff;
    margin-top: 0;
    font-family: inherit;
    font-size: 16px;
    line-height: 42px;
    font-weight: 900;
    padding: 0 30px;
    text-align: center; }
  @media only screen and (max-width: 680px) {
    .myt2016.view-home.prepaid .section-header .credit-box {
      margin: -14px 0 0 0; }
      .myt2016.view-home.prepaid .section-header .credit-box a {
        display: block;
        float: none;
        box-sizing: border-box;
        width: 100%;
        margin-top: 10px; } }

.myt2016.view-home.prepaid .section-header .header-aside .bordered-box {
  position: relative; }
  .myt2016.view-home.prepaid .section-header .header-aside .bordered-box select {
    font-size: 16px;
    border: 1px solid #e6e6e6;
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    box-shadow: 0px 1px 3px 0px rgba(51, 51, 51, 0.15);
    margin-bottom: 20px; }
  .myt2016.view-home.prepaid .section-header .header-aside .bordered-box .expandable-anker {
    position: absolute;
    width: 100%;
    left: -1px;
    right: -1px;
    padding-bottom: 15px;
    z-index: 101;
    background-color: #ffffff; }
    .myt2016.view-home.prepaid .section-header .header-aside .bordered-box .expandable-anker:after {
      content: "";
      height: 25px;
      width: 100%;
      display: block;
      position: absolute;
      bottom: 0;
      background: #ffffff; }
  .myt2016.view-home.prepaid .section-header .header-aside .bordered-box .expandable {
    overflow: hidden;
    max-height: 190px;
    box-sizing: border-box;
    padding: 0 20px;
    background-color: #ffffff;
    transition: max-height 0.5s;
    -webkit-transition: max-height 0.5s;
    -moz-transition: max-height 0.5s;
    -ms-transition: max-height 0.5s;
    -o-transition: max-height 0.5s; }
  .myt2016.view-home.prepaid .section-header .header-aside .bordered-box .box-wrapper {
    line-height: 18px; }
  .myt2016.view-home.prepaid .section-header .header-aside .bordered-box .expander-holder, .myt2016.view-home.prepaid .section-header .header-aside .bordered-box .home-expander-holder {
    width: 100%;
    position: relative;
    display: block; }

.myt2016.view-home.prepaid .section-header .header-aside .expander {
  width: 60%;
  background-color: #ffffff;
  border: none;
  text-align: center;
  padding: 3px 3px 8px 3px;
  position: absolute;
  left: 20%;
  top: 15px;
  cursor: pointer;
  font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
  color: #E20074;
  font-size: 16px;
  box-sizing: border-box; }
  .myt2016.view-home.prepaid .section-header .header-aside .expander .icon-arrow-up {
    width: 10px;
    height: 5px;
    background-position: -575px -297px;
    margin: 0 6px 2px 0; }
  .myt2016.view-home.prepaid .section-header .header-aside .expander .icon-arrow-down {
    width: 10px;
    height: 5px;
    background-position: -615px -297px;
    margin: 0 6px 2px 0; }
  .myt2016.view-home.prepaid .section-header .header-aside .expander .do-open {
    display: inline-block; }
  .myt2016.view-home.prepaid .section-header .header-aside .expander .do-close {
    display: none; }
  .myt2016.view-home.prepaid .section-header .header-aside .expander.closed .do-open {
    display: none; }
  .myt2016.view-home.prepaid .section-header .header-aside .expander.closed .do-close {
    display: inline-block; }

.myt2016.view-home.prepaid .section-header .hint-box {
  border: 1px solid #e6e6e6;
  padding: 20px;
  margin-top: 20px; }
  .myt2016.view-home.prepaid .section-header .hint-box .icon {
    width: 43px;
    height: 40px;
    float: left; }
    .myt2016.view-home.prepaid .section-header .hint-box .icon.icon-alert {
      position: relative;
      background: none;
      color: #E20074; }
      .myt2016.view-home.prepaid .section-header .hint-box .icon.icon-alert::before {
        content: "";
        font-size: 25px;
        left: 4px;
        top: -4px;
        position: absolute;
        color: #E20074; }
  .myt2016.view-home.prepaid .section-header .hint-box .description {
    margin-left: 60px;
    margin-top: -3px;
    display: block; }
  .myt2016.view-home.prepaid .section-header .hint-box a {
    color: #E20074;
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    text-decoration: none; }

.myt2016.view-home.prepaid .section-header .image-box {
  border: 1px solid #e6e6e6;
  position: relative; }
  .myt2016.view-home.prepaid .section-header .image-box .image-holder {
    float: left;
    font-size: 0; }
  .myt2016.view-home.prepaid .section-header .image-box .txt-holder {
    float: left;
    max-width: 54%;
    padding: 20px;
    box-sizing: border-box; }
    .myt2016.view-home.prepaid .section-header .image-box .txt-holder span {
      display: block;
      padding-bottom: 20px;
      line-height: 22px; }
    .myt2016.view-home.prepaid .section-header .image-box .txt-holder .btn-holder {
      display: block;
      padding-bottom: 0; }
    .myt2016.view-home.prepaid .section-header .image-box .txt-holder a {
      width: 100%;
      box-sizing: border-box;
      text-align: center;
      font-size: 16px;
      color: #E20074; }

.myt2016.view-home.prepaid .section-header .text-box {
  border: 1px solid #e6e6e6;
  position: relative; }
  .myt2016.view-home.prepaid .section-header .text-box .txt-holder {
    max-width: 100%;
    padding: 20px;
    box-sizing: border-box;
    display: inline-block; }
    .myt2016.view-home.prepaid .section-header .text-box .txt-holder span {
      display: block;
      padding-bottom: 20px;
      line-height: 22px; }
    .myt2016.view-home.prepaid .section-header .text-box .txt-holder .btn-holder {
      display: block;
      padding-bottom: 0; }
    .myt2016.view-home.prepaid .section-header .text-box .txt-holder a {
      width: 100%;
      box-sizing: border-box;
      text-align: center;
      font-size: 16px;
      color: #E20074; }

@media only screen and (max-width: 680px) {
  .myt2016.view-home.prepaid .section-header .header-aside .bordered-box {
    margin-bottom: 55px;
    position: relative;
    margin-bottom: 260px; }
    .myt2016.view-home.prepaid .section-header .header-aside .bordered-box .expandable {
      display: block; } }

.myt2016.service {
  padding-left: 0; }

.myt2016.prepaid .content .headline-wrapper {
  border-bottom: none; }

.myt2016.prepaid .content h3.number {
  margin-bottom: 26px; }

.myt2016.prepaid .content h3.popup-info {
  position: relative; }

.myt2016.prepaid .content h3 + hr {
  display: none; }

.myt2016.prepaid form .t-pay-module .col.error .error-box,
.myt2016.prepaid .form .t-pay-module .col.error .error-box,
.myt2016.drop5 form .t-pay-module .col.error .error-box,
.myt2016.drop5 .form .t-pay-module .col.error .error-box {
  background-color: #ffffff;
  position: initial;
  padding: 8px 0;
  color: #ff1b1b; }

/* disabled button from gwt extended for links */
.myt2016 .gwt-Anchor[disabled],
.myt2016.prepaid .aside .bordered-box .segment a.icon-btn.positioned[disabled]:not([href]),
.myt2016.prepaid .bordered-box.mobileOnly .segment a.icon-btn.positioned[disabled]:not([href]),
.myt2016 .button.magenta.gwt-Button[disabled] {
  filter: grayscale(100%) opacity(85%);
  -webkit-filter: grayscale(100%) opacity(85%);
  -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=1) progid:DXImageTransform.Microsoft.Alpha(opacity=85)';
  cursor: default; }

.myt2016 .icon-btn[disabled] {
  border: 1px solid #e6e6e6; }

.myt2016 .button.magenta.gwt-Button[disabled]:hover {
  border: 1px solid #d6006f; }

/* begin loading style & animation */
.gwt-DialogBox .pay-loading-box,
.myt2016.prepaid .pay-loading-box,
.myt2016.drop5 .pay-loading-box {
  position: relative; }

.gwt-DialogBox .pay-loading-row,
.myt2016.prepaid .pay-loading-row,
.myt2016.drop5 .pay-loading-row {
  position: relative; }

.myt2016.prepaid .modal-footer .pay-loading-row {
  display: inline-block;
  float: none;
  width: auto;
  height: 28px;
  min-width: 5em;
  top: 10px; }

.gwt-DialogBox .pay-loading-box .pay-loading-row,
.myt2016.prepaid .pay-loading-box .pay-loading-row,
.myt2016.drop5 .pay-loading-box .pay-loading-row {
  position: initial; }

.myt2016.prepaid .section-recharge .pay-loading-holder {
  min-height: 50px; }

.gwt-DialogBox .pay-loading-row .pay-loading-holder {
  position: relative;
  margin-left: 1em;
  margin-right: 1em; }

.gwt-DialogBox .pay-loading-row .pay-loading-holder .loading {
  height: 23px; }

.gwt-DialogBox .pay-loading-row .pay-loading-holder .ring {
  position: relative;
  height: 16px;
  width: 16px; }

.myt2016.prepaid .smallLoadingIcon .pay-loading-row {
  margin-top: 8px; }

.myt2016.prepaid td.smallLoadingIcon > .pay-loading-row {
  min-width: 3em; }

.myt2016.prepaid .smallLoadingIcon .pay-loading-row .pay-loading-holder .loading,
.myt2016.drop5 .smallLoadingIcon .pay-loading-row .pay-loading-holder .loading {
  border-width: 2px;
  height: 23px;
  width: 23px; }

.myt2016.prepaid td.smallLoadingIcon > .pay-loading-row .loading {
  top: 0.5em; }

.myt2016.prepaid .smallLoadingIcon .pay-loading-row .pay-loading-holder .ring,
.myt2016.drop5 .smallLoadingIcon .pay-loading-row .pay-loading-holder .ring {
  border-width: 2px;
  height: 16px;
  width: 16px; }

.gwt-DialogBox .loading-ie9,
.myt2016.prepaid .section-recharge .loading-ie9,
.myt2016.drop5 .section-recharge .loading-ie9 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 66px;
  height: 66px;
  margin-top: -33px;
  margin-left: -33px;
  background: url(../img/66x66_loadingicon.gif) no-repeat;
  display: none;
  display: block \9; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .gwt-DialogBox .loading-ie9,
  .myt2016.prepaid .section-recharge .loading-ie9,
  .myt2016.drop5 .section-recharge .loading-ie9 {
    display: none; } }

.myt2016.prepaid .section-recharge .loading,
.myt2016.drop5 .section-recharge .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
  border: 3px solid #e20074;
  border-radius: 100%;
  display: none \9; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .gwt-DialogBox .loading,
  .myt2016.prepaid .section-recharge .loading,
  .myt2016.drop5 .section-recharge .loading {
    display: block; } }

.gwt-DialogBox .loading .ring,
.myt2016.prepaid .section-recharge .loading .ring,
.myt2016.drop5 .section-recharge .loading .ring {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 39px;
  height: 39px;
  border-radius: 50%;
  border-right: 0;
  border-top: 0;
  border-top: solid 3px #e20074;
  border-right: solid 3px rgba(255, 255, 255, 0);
  border-left: solid 3px rgba(255, 255, 255, 0);
  border-bottom: solid 3px rgba(255, 255, 255, 0);
  animation: rotateRing 1s cubic-bezier(0.14, 0.36, 0.71, 0.46) infinite;
  display: none \9; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .gwt-DialogBox .section-recharge .recharge-step .loading .ring,
  .myt2016.prepaid .section-recharge .recharge-step .loading .ring,
  .myt2016.drop5 .section-recharge .recharge-step .loading .ring {
    display: block; } }

@keyframes rotateRing {
  0% {
    transform: translate(-50%, -50%) rotate(0deg); }
  50% {
    transform: translate(-50%, -50%) rotate(180deg); }
  100% {
    transform: translate(-50%, -50%) rotate(360deg); } }

.gwt-DialogBox .pay-loading-box > *,
.myt2016.prepaid .pay-loading-box > * {
  visibility: hidden; }

.gwt-DialogBox .pay-loading-box.error > *.description,
.myt2016.prepaid .pay-loading-box.error > *.description {
  visibility: visible; }

.gwt-DialogBox .pay-loading-box > *.pay-loading-row,
.myt2016.prepaid .pay-loading-box > *.pay-loading-row {
  visibility: visible; }

.myt2016.prepaid .section-recharge .recharge-step .pay-loading-box.error > *.icon {
  display: none; }

.myt2016.prepaid .pay-loading-box.error .row.pay-loading-row {
  /* we replace the icon by the loading indicator in the error boxes */
  width: 0px;
  position: relative;
  left: 32px;
  top: -4px; }

.myt2016.prepaid .section-recharge .pay-loading-box.error .loading {
  width: 37px;
  height: 37px;
  border-width: 2px; }

.myt2016.prepaid .section-recharge .recharge-step .pay-loading-box.error .loading .ring {
  width: 28px;
  height: 28px;
  border-width: 2px; }

.myt2016.prepaid .section-recharge .recharge-step .pay-loading-box.error .loading-ie9 {
  background-size: 75%; }

.gwt-DialogBox.input-lock > * {
  display: none; }

/* end loading style & animation */
/* begin modal dialog styling */
.gwt-DialogBox.myt2016.prepaid.modal {
  z-index: 9999;
  background-color: #ffffff;
  padding: 15px; }

.gwt-DialogBox.myt2016.prepaid.modal table {
  width: 100%; }

.gwt-DialogBox.myt2016.prepaid table td {
  border-bottom: none; }

.gwt-DialogBox.myt2016.prepaid.modal .modal-body .gwt-Label {
  margin-bottom: 1em; }

.gwt-DialogBox.myt2016.prepaid.modal .dialogTopLeft,
.gwt-DialogBox.myt2016.prepaid.modal .dialogTopRight,
.gwt-DialogBox.myt2016.prepaid.modal .dialogMiddleLeft,
.gwt-DialogBox.myt2016.prepaid.modal .dialogMiddleRight,
.gwt-DialogBox.myt2016.prepaid.modal .dialogBottomLeft,
.gwt-DialogBox.myt2016.prepaid.modal .dialogBottomRight,
.gwt-DialogBox.myt2016.prepaid.modal .dialogBottomCenter {
  background: none;
  display: none; }

.gwt-DialogBox.myt2016.prepaid.modal .Caption {
  background: none;
  border-top: none; }

.gwt-DialogBox.myt2016.prepaid.modal .gwt-Button.grey {
  background: #fff; }

/* end modal dialog styling */
.myt2016 .ppreg2019 h2 {
  max-width: 100%; }

.myt2016 .ppreg2019 .align-right {
  text-align: right; }
  .myt2016 .ppreg2019 .align-right .button-inline {
    padding: 0 20px; }
  .myt2016 .ppreg2019 .align-right .button-big {
    padding: 0 30px; }

.myt2016 .ppreg2019 input[type="radio"] + .label-txt:before {
  top: 0; }

.myt2016 .ppreg2019 input[type="radio"] + .label-txt:after {
  top: 7px; }

.myt2016 .ppreg2019 .collapsible-accordion .collapsible:last-child {
  border-bottom: 1px solid #e6e6e6;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }
  .myt2016 .ppreg2019 .collapsible-accordion .collapsible:last-child.collapsed .headline-wrapper {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
  .myt2016 .ppreg2019 .collapsible-accordion .collapsible:last-child .col-wrapper {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }

.myt2016 .ppreg2019 .collapsible-accordion .collapsible:first-child .headline-wrapper {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.myt2016 .ppreg2019 .collapsible-accordion .collapsible .headline-wrapper {
  margin-top: 0;
  padding: 15px;
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  background: none; }
  .myt2016 .ppreg2019 .collapsible-accordion .collapsible .headline-wrapper.first {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .myt2016 .ppreg2019 .collapsible-accordion .collapsible .headline-wrapper h2 {
    font-size: 16px;
    line-height: 16px;
    color: #E20074;
    padding: 0;
    width: 100%;
    font-weight: 900; }
  .myt2016 .ppreg2019 .collapsible-accordion .collapsible .headline-wrapper .collapse-btn {
    display: block;
    top: 15px;
    right: 15px; }

.myt2016 .ppreg2019 .collapsible-accordion .collapsible.collapsed .headline-wrapper {
  border-bottom: 0; }

.myt2016 .ppreg2019 .collapsible-accordion .collapsible.collapsed .icon-btn {
  display: none !important; }

.myt2016 .ppreg2019 .collapsible-accordion .collapsible.collapsed .col-wrapper {
  display: none !important; }

.myt2016 .ppreg2019 .collapsible-accordion .collapsible.collapsed .edit-btn-holder {
  display: none !important; }

.myt2016 .ppreg2019 .collapsible-accordion .collapsible .col-wrapper {
  padding: 0 15px 15px 15px;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6; }
  .myt2016 .ppreg2019 .collapsible-accordion .collapsible .col-wrapper .c3 .icon-btn {
    padding-top: 0; }
  .myt2016 .ppreg2019 .collapsible-accordion .collapsible .col-wrapper .row .col {
    margin-top: 0; }
  .myt2016 .ppreg2019 .collapsible-accordion .collapsible .col-wrapper .row.btn-holder {
    border-top: none;
    margin-top: 0;
    padding-top: 0; }
    .myt2016 .ppreg2019 .collapsible-accordion .collapsible .col-wrapper .row.btn-holder .button {
      margin-top: 0;
      padding: 0 20px; }

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.noUi-target {
  position: relative;
  direction: ltr; }

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  /* Fix 401 */ }

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0; }

.noUi-handle {
  position: relative;
  z-index: 1; }

.noUi-stacking .noUi-handle {
  /* This class is applied to the lower origin when
       its values is > 50%. */
  z-index: 10; }

.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s; }

.noUi-state-drag * {
  cursor: inherit !important; }

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px; }

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px; }

.noUi-vertical {
  width: 18px; }

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px; }

/* Styling;
 */
.noUi-background {
  background: #FAFAFA;
  box-shadow: inset 0 1px 1px #f0f0f0; }

.noUi-connect {
  background: #3FB8AF;
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
  -webkit-transition: background 450ms;
  transition: background 450ms; }

.noUi-origin {
  border-radius: 2px; }

.noUi-target {
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; }

.noUi-target.noUi-connect {
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #BBB; }

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: w-resize; }

.noUi-vertical .noUi-draggable {
  cursor: n-resize; }

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; }

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; }

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px; }

.noUi-handle:after {
  left: 17px; }

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px; }

.noUi-vertical .noUi-handle:after {
  top: 17px; }

/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
  background: #B8B8B8; }

[disabled].noUi-origin,
[disabled] .noUi-handle {
  cursor: not-allowed; }

.widget.slider {
  position: relative;
  top: 35px; }
  .widget.slider .label-from,
  .widget.slider .label-to {
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    font-weight: 900;
    font-size: 16px;
    color: #333333;
    display: block;
    text-align: left;
    width: auto;
    position: absolute;
    bottom: -40px;
    box-sizing: border-box;
    float: left; }
  .widget.slider .slider {
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    display: inline-block;
    float: left; }
    .widget.slider .slider.noUi-target {
      border-radius: 0px;
      border: none;
      box-shadow: none; }
      .widget.slider .slider.noUi-target.noUi-connect {
        background: #E20074;
        box-shadow: none; }
      .widget.slider .slider.noUi-target .noUi-background {
        background: #e6e6e6;
        border: none;
        box-sizing: border-box;
        box-shadow: none; }
      .widget.slider .slider.noUi-target .noUi-origin {
        border-radius: 0px; }
    .widget.slider .slider.noUi-horizontal {
      height: 2px; }
    .widget.slider .slider .noUi-handle {
      width: 20px;
      height: 20px;
      left: -10px;
      top: -10px;
      box-sizing: border-box;
      border: 0;
      border-radius: 50%;
      background: #E20074;
      cursor: default;
      box-shadow: none; }
      .widget.slider .slider .noUi-handle.noUi-active {
        box-shadow: none; }
      .widget.slider .slider .noUi-handle:before, .widget.slider .slider .noUi-handle:after {
        content: none; }
  .widget.slider .label-from {
    left: 0; }
  .widget.slider .label-to {
    right: 0; }
  @media only screen and (max-width: 680px) {
    .widget.slider {
      top: 0;
      margin-top: 20px;
      padding-bottom: 40px; }
      .widget.slider .label-from,
      .widget.slider .label-to {
        bottom: 0; } }

.myt2016.modal {
  max-width: 650px;
  min-width: 500px; }
  @media only screen and (max-width: 680px) {
    .myt2016.modal {
      max-width: none;
      min-width: 0; } }
  .myt2016.modal .modal-header {
    margin: -15px -15px 0px -15px;
    padding: 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #e6e6e6; }
    .myt2016.modal .modal-header h3 {
      font-size: 26px;
      line-height: 30px;
      color: #333;
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      font-weight: bold; }
      .myt2016.modal .modal-header h3 .icon {
        float: left;
        margin-right: 10px; }
  .myt2016.modal .modal-body {
    font-size: 16px;
    line-height: 22px;
    margin: 0 -15px;
    padding: 0px 20px 0px 20px; }
    .myt2016.modal .modal-body strong {
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      font-weight: 900; }
    .myt2016.modal .modal-body .magenta {
      color: #E20074; }
    .myt2016.modal .modal-body .nowrap {
      white-space: nowrap; }
    .myt2016.modal .modal-body ul {
      padding: 0;
      list-style-position: inside; }
    .myt2016.modal .modal-body input[type='text'].small {
      width: 30%; }
    .myt2016.modal .modal-body p {
      margin-bottom: 10px; }
    .myt2016.modal .modal-body .small {
      font-size: 80%;
      line-height: normal; }
    .myt2016.modal .modal-body h2 {
      margin-top: 10px;
      margin-bottom: 17px; }
    .myt2016.modal .modal-body .icon-aside .icon {
      float: left; }
    .myt2016.modal .modal-body .icon-aside p {
      padding: 20px 0 0 70px; }
    .myt2016.modal .modal-body .scroll-container {
      max-height: 300px;
      overflow-y: auto;
      margin-bottom: 17px; }
      @media only screen and (max-width: 680px) {
        .myt2016.modal .modal-body .scroll-container {
          max-height: 200px; } }
  .myt2016.modal .modal-footer {
    text-align: center;
    padding: 0px 10px 10px 10px;
    margin-left: -9px; }
    .myt2016.modal .modal-footer button {
      width: auto;
      margin-left: 9px;
      line-height: 42px;
      font-weight: 900;
      padding: 0 30px;
      border-radius: 4px; }
      @media only screen and (max-width: 680px) {
        .myt2016.modal .modal-footer button {
          margin-top: 9px;
          width: 100%; } }
    .myt2016.modal .modal-footer .button-row {
      text-align: left; }
      .myt2016.modal .modal-footer .button-row button {
        margin-left: 0;
        height: auto;
        min-height: 28px; }

.myt2016.esim .margin-left {
  margin-left: 25px; }

.myt2016.esim label {
  font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 12px;
  color: #333333;
  display: block;
  margin: 8px 0 6px 0; }
  .myt2016.esim label.hidden {
    display: none; }
  .myt2016.esim label input[type="checkbox"],
  .myt2016.esim label input[type="radio"] {
    float: left;
    margin-left: 0;
    margin-top: 1px; }
  .myt2016.esim label .label-txt {
    margin-left: 30px;
    display: block; }
  .myt2016.esim label p {
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    font-size: 16px; }
    .myt2016.esim label p a {
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      font-weight: 900; }
  .myt2016.esim label span.p {
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
    display: block;
    margin: 8px 0; }
    .myt2016.esim label span.p a {
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      font-weight: 900; }
  .myt2016.esim label span.h4 {
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    font-weight: 900;
    font-size: 16px;
    display: block;
    margin-bottom: 5px; }
  .myt2016.esim label.label-inline {
    display: inline-block;
    margin-right: 10px; }
  .myt2016.esim label.light {
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    font-size: 16px;
    margin: 0; }
    .myt2016.esim label.light input[type="radio"] {
      float: left;
      margin-left: 0;
      margin-top: 3px; }

.myt2016.esim input.input-inline-small {
  display: inline-block;
  width: 75px; }

.myt2016.esim .info {
  margin-bottom: 20px; }
  .myt2016.esim .info span {
    display: block; }
    .myt2016.esim .info span.title {
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      font-weight: 900; }
  .myt2016.esim .info:first-child {
    margin-top: 20px; }

.myt2016.esim .input_with_hint {
  position: relative; }
  .myt2016.esim .input_with_hint .hint {
    position: absolute;
    top: 8px;
    left: 13px;
    color: #b1b1b1; }
  .myt2016.esim .input_with_hint input[type="text"], .myt2016.esim .input_with_hint input[type="password"], .myt2016.esim .input_with_hint input[type="date"], .myt2016.esim .input_with_hint input[type="number"] {
    padding-left: 45px; }

.myt2016.esim .radio-holder {
  margin-top: 20px; }
  .myt2016.esim .radio-holder h4 {
    margin-bottom: 0; }
  .myt2016.esim .radio-holder label {
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif; }
  .myt2016.esim .radio-holder input[type="radio"] {
    margin-top: -2px;
    vertical-align: middle;
    float: none; }

.myt2016.esim .col-wrapper .radio-holder {
  padding-bottom: 10px; }

.myt2016.esim form .btn-holder,
.myt2016.esim .form .btn-holder {
  border-top: 1px solid #e6e6e6;
  margin-top: 30px;
  padding-top: 5px; }
  .myt2016.esim form .btn-holder .button,
  .myt2016.esim .form .btn-holder .button {
    margin-top: 9px;
    padding: 5px 15px;
    height: 40px;
    font-size: 19px;
    line-height: 30px; }

.myt2016.esim form .txt.input-like-padding,
.myt2016.esim .form .txt.input-like-padding {
  padding-top: 8px;
  line-height: 18px; }

.myt2016.esim form .margin-bottom,
.myt2016.esim .form .margin-bottom {
  margin-bottom: 39px; }

.myt2016.esim form .iconHolder,
.myt2016.esim .form .iconHolder {
  position: absolute;
  right: 0;
  top: 0;
  width: 36px;
  height: 37px;
  border: 1px solid transparent;
  border-bottom: 0px;
  cursor: pointer;
  z-index: 10;
  display: none; }
  .myt2016.esim form .iconHolder.error,
  .myt2016.esim .form .iconHolder.error {
    display: none; }
  .myt2016.esim form .iconHolder.info,
  .myt2016.esim .form .iconHolder.info {
    display: block; }
  .myt2016.esim form .iconHolder .icon.icon-field-error,
  .myt2016.esim .form .iconHolder .icon.icon-field-error {
    margin: 8px 11px; }
  .myt2016.esim form .iconHolder .formError,
  .myt2016.esim .form .iconHolder .formError {
    width: 14px;
    height: 15px;
    background-position: 0 -76px;
    top: 8px;
    left: 11px;
    display: block; }
  .myt2016.esim form .iconHolder:hover,
  .myt2016.esim .form .iconHolder:hover {
    border: 1px solid #E20074;
    border-bottom: 0px;
    background-color: #f7f7f7;
    z-index: 13; }

.myt2016.esim form .errorHintTxt,
.myt2016.esim .form .errorHintTxt {
  position: absolute;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #E20074;
  z-index: 9;
  right: 0;
  top: 34px;
  padding: 10px;
  box-sizing: border-box;
  box-shadow: 0px 1px 1px 0px rgba(51, 51, 51, 0.15);
  display: none; }

.myt2016.esim form .row.error,
.myt2016.esim .form .row.error {
  margin: 30px 0 0 0; }
  .myt2016.esim form .row.error .description,
  .myt2016.esim .form .row.error .description {
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    font-weight: 900;
    vertical-align: top; }

.myt2016.esim form .error-box,
.myt2016.esim .form .error-box {
  display: none; }

.myt2016.esim form .col.error,
.myt2016.esim .form .col.error {
  position: relative; }
  .myt2016.esim form .col.error input[type="text"], .myt2016.esim form .col.error input[type="password"], .myt2016.esim form .col.error input[type="date"], .myt2016.esim form .col.error input[type="number"],
  .myt2016.esim .form .col.error input[type="text"],
  .myt2016.esim .form .col.error input[type="password"],
  .myt2016.esim .form .col.error input[type="date"],
  .myt2016.esim .form .col.error input[type="number"] {
    border: 2px solid #d90000;
    color: #d90000; }
  .myt2016.esim form .col.error .error-box,
  .myt2016.esim .form .col.error .error-box {
    display: block;
    background-color: transparent;
    color: #d90000;
    position: static;
    right: 0;
    bottom: 35px;
    padding: 8px 0; }

.myt2016.esim form .col.error-with-hint .field-wrapper,
.myt2016.esim .form .col.error-with-hint .field-wrapper {
  position: relative; }

.myt2016.esim form .col.error-with-hint .iconHolder,
.myt2016.esim .form .col.error-with-hint .iconHolder {
  display: block; }
  .myt2016.esim form .col.error-with-hint .iconHolder .formError,
  .myt2016.esim .form .col.error-with-hint .iconHolder .formError {
    background-position: 0 -94px; }
  .myt2016.esim form .col.error-with-hint .iconHolder:hover,
  .myt2016.esim .form .col.error-with-hint .iconHolder:hover {
    border: 1px solid #d90000;
    border-bottom: 0px;
    background-color: #f7f7f7;
    cursor: default;
    z-index: 13; }
  .myt2016.esim form .col.error-with-hint .iconHolder:hover ~ .errorHintTxt,
  .myt2016.esim .form .col.error-with-hint .iconHolder:hover ~ .errorHintTxt {
    display: block;
    border: 1px solid #d90000;
    top: 37px;
    z-index: 12; }

.myt2016.esim form .col.error-with-hint input[type="text"], .myt2016.esim form .col.error-with-hint input[type="password"], .myt2016.esim form .col.error-with-hint input[type="date"], .myt2016.esim form .col.error-with-hint input[type="number"],
.myt2016.esim .form .col.error-with-hint input[type="text"],
.myt2016.esim .form .col.error-with-hint input[type="password"],
.myt2016.esim .form .col.error-with-hint input[type="date"],
.myt2016.esim .form .col.error-with-hint input[type="number"] {
  border: 1px solid #d90000; }

.myt2016.esim form.editable .edit-btn-holder,
.myt2016.esim .form.editable .edit-btn-holder {
  display: inline;
  position: absolute;
  right: 0;
  bottom: 10px;
  text-align: right;
  width: 210px; }
  .myt2016.esim form.editable .edit-btn-holder a,
  .myt2016.esim .form.editable .edit-btn-holder a {
    display: inline-block;
    max-width: 100px; }
    .myt2016.esim form.editable .edit-btn-holder a.grey,
    .myt2016.esim .form.editable .edit-btn-holder a.grey {
      background-color: #ffffff;
      color: #333333;
      text-decoration: underline;
      box-shadow: none;
      border: none; }

.myt2016.esim form.editable .selected-option,
.myt2016.esim .form.editable .selected-option {
  display: none; }

.myt2016.esim form.editable .icon-btn.positioned,
.myt2016.esim .form.editable .icon-btn.positioned {
  display: none; }

.myt2016.esim form.editable .statusTxt_checked,
.myt2016.esim form.editable .statusTxt_not_checked,
.myt2016.esim .form.editable .statusTxt_checked,
.myt2016.esim .form.editable .statusTxt_not_checked {
  display: none; }

.myt2016.esim form.editable input[type="text"],
.myt2016.esim form.editable input[type="password"],
.myt2016.esim form.editable input[type="date"],
.myt2016.esim form.editable input[type="number"],
.myt2016.esim form.editable select,
.myt2016.esim .form.editable input[type="text"],
.myt2016.esim .form.editable input[type="password"],
.myt2016.esim .form.editable input[type="date"],
.myt2016.esim .form.editable input[type="number"],
.myt2016.esim .form.editable select {
  border: 0px;
  border-bottom: 1px solid #e6e6e6;
  box-shadow: none; }

.myt2016.esim form.editable .checkbox-list,
.myt2016.esim .form.editable .checkbox-list {
  list-style-type: none; }
  .myt2016.esim form.editable .checkbox-list li,
  .myt2016.esim .form.editable .checkbox-list li {
    display: list-item;
    padding: 3px 0;
    width: 100%;
    float: none;
    box-sizing: border-box; }
    .myt2016.esim form.editable .checkbox-list li label,
    .myt2016.esim .form.editable .checkbox-list li label {
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      margin: 0;
      display: inline-block; }
      .myt2016.esim form.editable .checkbox-list li label .txt,
      .myt2016.esim .form.editable .checkbox-list li label .txt {
        margin-left: 5Px; }
      .myt2016.esim form.editable .checkbox-list li label input,
      .myt2016.esim .form.editable .checkbox-list li label input {
        margin-top: 3px; }

.myt2016.esim form.editable .radio-group input[type="radio"],
.myt2016.esim .form.editable .radio-group input[type="radio"] {
  margin-top: 3px; }

.myt2016.esim form.editable.progressed .checkbox-list,
.myt2016.esim .form.editable.progressed .checkbox-list {
  list-style-type: square; }
  .myt2016.esim form.editable.progressed .checkbox-list li,
  .myt2016.esim .form.editable.progressed .checkbox-list li {
    display: none; }
    .myt2016.esim form.editable.progressed .checkbox-list li.checked,
    .myt2016.esim .form.editable.progressed .checkbox-list li.checked {
      display: list-item; }
    .myt2016.esim form.editable.progressed .checkbox-list li label .txt,
    .myt2016.esim .form.editable.progressed .checkbox-list li label .txt {
      margin-left: 0; }

.myt2016.esim form.editable.progressed input,
.myt2016.esim form.editable.progressed select,
.myt2016.esim .form.editable.progressed input,
.myt2016.esim .form.editable.progressed select {
  display: none; }

.myt2016.esim form.editable.progressed .edit-btn-holder,
.myt2016.esim .form.editable.progressed .edit-btn-holder {
  display: none; }

.myt2016.esim form.editable.progressed .icon-btn.positioned,
.myt2016.esim .form.editable.progressed .icon-btn.positioned {
  display: inherit; }

.myt2016.esim form.editable.progressed .selected-option,
.myt2016.esim .form.editable.progressed .selected-option {
  display: block; }

.myt2016.esim form.editable.progressed input[type="checkbox"] ~ .statusTxt_checked,
.myt2016.esim .form.editable.progressed input[type="checkbox"] ~ .statusTxt_checked {
  display: none; }

.myt2016.esim form.editable.progressed input[type="checkbox"] ~ .statusTxt_not_checked,
.myt2016.esim .form.editable.progressed input[type="checkbox"] ~ .statusTxt_not_checked {
  display: inline; }

.myt2016.esim form.editable.progressed input[type="checkbox"]:checked ~ .statusTxt_checked,
.myt2016.esim .form.editable.progressed input[type="checkbox"]:checked ~ .statusTxt_checked {
  display: inline; }

.myt2016.esim form.editable.progressed input[type="checkbox"]:checked ~ .statusTxt_not_checked,
.myt2016.esim .form.editable.progressed input[type="checkbox"]:checked ~ .statusTxt_not_checked {
  display: none; }

.myt2016.esim form.editable.progressed .label-txt,
.myt2016.esim .form.editable.progressed .label-txt {
  display: none; }

.myt2016.esim form.editable.progressed input[type="radio"] ~ p,
.myt2016.esim .form.editable.progressed input[type="radio"] ~ p {
  display: none; }

.myt2016.esim form.editable.progressed input[type="radio"] ~ .p,
.myt2016.esim .form.editable.progressed input[type="radio"] ~ .p {
  display: none; }

.myt2016.esim form.editable.progressed input[type="radio"]:checked ~ p,
.myt2016.esim .form.editable.progressed input[type="radio"]:checked ~ p {
  display: block; }

.myt2016.esim form.editable.progressed input[type="radio"]:checked ~ .p,
.myt2016.esim .form.editable.progressed input[type="radio"]:checked ~ .p {
  display: block; }

.myt2016.esim form .checkbox-list li:before,
.myt2016.esim .form .checkbox-list li:before {
  display: none; }

.myt2016.esim form .checkbox-list li label,
.myt2016.esim .form .checkbox-list li label {
  padding-left: 25px;
  font-size: 16px;
  font-weight: normal; }

.myt2016.esim form input[type="checkbox"], .myt2016.esim form input[type="radio"],
.myt2016.esim .form input[type="checkbox"],
.myt2016.esim .form input[type="radio"] {
  position: absolute;
  height: 0;
  width: 0;
  pointer-events: none; }

.myt2016.esim form input[type="checkbox"],
.myt2016.esim .form input[type="checkbox"] {
  position: relative; }
  .myt2016.esim form input[type="checkbox"]:before,
  .myt2016.esim .form input[type="checkbox"]:before {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -30px;
    height: 16px;
    width: 16px;
    border: 1px solid #e6e6e6;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border-radius: 3px;
    content: ''; }

.myt2016.esim form input[type="checkbox"]:checked:before,
.myt2016.esim .form input[type="checkbox"]:checked:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC);
  background-color: #e20074;
  background-repeat: no-repeat;
  background-position: center center;
  border-color: #a90056;
  content: ''; }

.myt2016.esim form .align-right,
.myt2016.esim .form .align-right {
  text-align: right; }

.myt2016.esim table {
  width: 100%;
  border-spacing: 0; }
  .myt2016.esim table td,
  .myt2016.esim table th {
    text-align: left;
    padding: 8px 0;
    vertical-align: top; }
    .myt2016.esim table td.align-right,
    .myt2016.esim table th.align-right {
      text-align: right; }
  .myt2016.esim table td {
    border-bottom: 1px solid #e6e6e6; }
    .myt2016.esim table td.open {
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      font-weight: 900;
      color: #E20074; }
    .myt2016.esim table td.total {
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      font-weight: 900; }
  .myt2016.esim table th {
    border-bottom: 2px solid #e6e6e6;
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    font-weight: 900;
    font-size: 16px;
    font-weight: normal; }
  .myt2016.esim table.bill .bill-nr {
    width: 28%; }
  .myt2016.esim table.payments .run-time {
    width: 70%; }

@media only screen and (max-width: 680px) {
  .myt2016.esim table th,
  .myt2016.esim table td {
    font-size: 14px; }
  .myt2016.esim form.editable .edit-btn-holder {
    bottom: -52px;
    width: 100%; }
    .myt2016.esim form.editable .edit-btn-holder .button {
      max-width: 49%;
      padding-top: 5px; } }

.myt2016.esim .margin-left {
  margin-left: 25px; }

.myt2016.esim label {
  font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 12px;
  color: #333333;
  display: block;
  margin: 8px 0 6px 0; }
  .myt2016.esim label.hidden {
    display: none; }
  .myt2016.esim label input[type="checkbox"],
  .myt2016.esim label input[type="radio"] {
    float: left;
    margin-left: 0;
    margin-top: 1px; }
  .myt2016.esim label .label-txt {
    margin-left: 30px;
    display: block; }
  .myt2016.esim label p {
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    font-size: 16px; }
    .myt2016.esim label p a {
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      font-weight: 900; }
  .myt2016.esim label span.p {
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
    display: block;
    margin: 8px 0; }
    .myt2016.esim label span.p a {
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      font-weight: 900; }
  .myt2016.esim label span.h4 {
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    font-weight: 900;
    font-size: 16px;
    display: block;
    margin-bottom: 5px; }
  .myt2016.esim label.label-inline {
    display: inline-block;
    margin-right: 10px; }
  .myt2016.esim label.light {
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    font-size: 16px;
    margin: 0; }
    .myt2016.esim label.light input[type="radio"] {
      float: left;
      margin-left: 0;
      margin-top: 3px; }

.myt2016.esim input.input-inline-small {
  display: inline-block;
  width: 75px; }

.myt2016.esim .info {
  margin-bottom: 20px; }
  .myt2016.esim .info span {
    display: block; }
    .myt2016.esim .info span.title {
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      font-weight: 900; }
  .myt2016.esim .info:first-child {
    margin-top: 20px; }

.myt2016.esim .input_with_hint {
  position: relative; }
  .myt2016.esim .input_with_hint .hint {
    position: absolute;
    top: 8px;
    left: 13px;
    color: #b1b1b1; }
  .myt2016.esim .input_with_hint input[type="text"], .myt2016.esim .input_with_hint input[type="password"], .myt2016.esim .input_with_hint input[type="date"], .myt2016.esim .input_with_hint input[type="number"] {
    padding-left: 45px; }

.myt2016.esim .radio-holder {
  margin-top: 20px; }
  .myt2016.esim .radio-holder h4 {
    margin-bottom: 0; }
  .myt2016.esim .radio-holder label {
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif; }
  .myt2016.esim .radio-holder input[type="radio"] {
    margin-top: -2px;
    vertical-align: middle;
    float: none; }

.myt2016.esim .col-wrapper .radio-holder {
  padding-bottom: 10px; }

.myt2016.esim form .btn-holder,
.myt2016.esim .form .btn-holder {
  border-top: 1px solid #e6e6e6;
  margin-top: 30px;
  padding-top: 5px; }
  .myt2016.esim form .btn-holder .button,
  .myt2016.esim .form .btn-holder .button {
    margin-top: 9px;
    padding: 5px 15px;
    height: 40px;
    font-size: 19px;
    line-height: 30px; }

.myt2016.esim form .txt.input-like-padding,
.myt2016.esim .form .txt.input-like-padding {
  padding-top: 8px;
  line-height: 18px; }

.myt2016.esim form .margin-bottom,
.myt2016.esim .form .margin-bottom {
  margin-bottom: 39px; }

.myt2016.esim form .iconHolder,
.myt2016.esim .form .iconHolder {
  position: absolute;
  right: 0;
  top: 0;
  width: 36px;
  height: 37px;
  border: 1px solid transparent;
  border-bottom: 0px;
  cursor: pointer;
  z-index: 10;
  display: none; }
  .myt2016.esim form .iconHolder.error,
  .myt2016.esim .form .iconHolder.error {
    display: none; }
  .myt2016.esim form .iconHolder.info,
  .myt2016.esim .form .iconHolder.info {
    display: block; }
  .myt2016.esim form .iconHolder .icon.icon-field-error,
  .myt2016.esim .form .iconHolder .icon.icon-field-error {
    margin: 8px 11px; }
  .myt2016.esim form .iconHolder .formError,
  .myt2016.esim .form .iconHolder .formError {
    width: 14px;
    height: 15px;
    background-position: 0 -76px;
    top: 8px;
    left: 11px;
    display: block; }
  .myt2016.esim form .iconHolder:hover,
  .myt2016.esim .form .iconHolder:hover {
    border: 1px solid #E20074;
    border-bottom: 0px;
    background-color: #f7f7f7;
    z-index: 13; }

.myt2016.esim form .errorHintTxt,
.myt2016.esim .form .errorHintTxt {
  position: absolute;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #E20074;
  z-index: 9;
  right: 0;
  top: 34px;
  padding: 10px;
  box-sizing: border-box;
  box-shadow: 0px 1px 1px 0px rgba(51, 51, 51, 0.15);
  display: none; }

.myt2016.esim form .row.error,
.myt2016.esim .form .row.error {
  margin: 30px 0 0 0; }
  .myt2016.esim form .row.error .description,
  .myt2016.esim .form .row.error .description {
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    font-weight: 900;
    vertical-align: top; }

.myt2016.esim form .error-box,
.myt2016.esim .form .error-box {
  display: none; }

.myt2016.esim form .col.error,
.myt2016.esim .form .col.error {
  position: relative; }
  .myt2016.esim form .col.error input[type="text"], .myt2016.esim form .col.error input[type="password"], .myt2016.esim form .col.error input[type="date"], .myt2016.esim form .col.error input[type="number"],
  .myt2016.esim .form .col.error input[type="text"],
  .myt2016.esim .form .col.error input[type="password"],
  .myt2016.esim .form .col.error input[type="date"],
  .myt2016.esim .form .col.error input[type="number"] {
    border: 2px solid #d90000;
    color: #d90000; }
  .myt2016.esim form .col.error .error-box,
  .myt2016.esim .form .col.error .error-box {
    display: block;
    background-color: transparent;
    color: #d90000;
    position: static;
    right: 0;
    bottom: 35px;
    padding: 8px 0; }

.myt2016.esim form .col.error-with-hint .field-wrapper,
.myt2016.esim .form .col.error-with-hint .field-wrapper {
  position: relative; }

.myt2016.esim form .col.error-with-hint .iconHolder,
.myt2016.esim .form .col.error-with-hint .iconHolder {
  display: block; }
  .myt2016.esim form .col.error-with-hint .iconHolder .formError,
  .myt2016.esim .form .col.error-with-hint .iconHolder .formError {
    background-position: 0 -94px; }
  .myt2016.esim form .col.error-with-hint .iconHolder:hover,
  .myt2016.esim .form .col.error-with-hint .iconHolder:hover {
    border: 1px solid #d90000;
    border-bottom: 0px;
    background-color: #f7f7f7;
    cursor: default;
    z-index: 13; }
  .myt2016.esim form .col.error-with-hint .iconHolder:hover ~ .errorHintTxt,
  .myt2016.esim .form .col.error-with-hint .iconHolder:hover ~ .errorHintTxt {
    display: block;
    border: 1px solid #d90000;
    top: 37px;
    z-index: 12; }

.myt2016.esim form .col.error-with-hint input[type="text"], .myt2016.esim form .col.error-with-hint input[type="password"], .myt2016.esim form .col.error-with-hint input[type="date"], .myt2016.esim form .col.error-with-hint input[type="number"],
.myt2016.esim .form .col.error-with-hint input[type="text"],
.myt2016.esim .form .col.error-with-hint input[type="password"],
.myt2016.esim .form .col.error-with-hint input[type="date"],
.myt2016.esim .form .col.error-with-hint input[type="number"] {
  border: 1px solid #d90000; }

.myt2016.esim form.editable .edit-btn-holder,
.myt2016.esim .form.editable .edit-btn-holder {
  display: inline;
  position: absolute;
  right: 0;
  bottom: 10px;
  text-align: right;
  width: 210px; }
  .myt2016.esim form.editable .edit-btn-holder a,
  .myt2016.esim .form.editable .edit-btn-holder a {
    display: inline-block;
    max-width: 100px; }
    .myt2016.esim form.editable .edit-btn-holder a.grey,
    .myt2016.esim .form.editable .edit-btn-holder a.grey {
      background-color: #ffffff;
      color: #333333;
      text-decoration: underline;
      box-shadow: none;
      border: none; }

.myt2016.esim form.editable .selected-option,
.myt2016.esim .form.editable .selected-option {
  display: none; }

.myt2016.esim form.editable .icon-btn.positioned,
.myt2016.esim .form.editable .icon-btn.positioned {
  display: none; }

.myt2016.esim form.editable .statusTxt_checked,
.myt2016.esim form.editable .statusTxt_not_checked,
.myt2016.esim .form.editable .statusTxt_checked,
.myt2016.esim .form.editable .statusTxt_not_checked {
  display: none; }

.myt2016.esim form.editable input[type="text"],
.myt2016.esim form.editable input[type="password"],
.myt2016.esim form.editable input[type="date"],
.myt2016.esim form.editable input[type="number"],
.myt2016.esim form.editable select,
.myt2016.esim .form.editable input[type="text"],
.myt2016.esim .form.editable input[type="password"],
.myt2016.esim .form.editable input[type="date"],
.myt2016.esim .form.editable input[type="number"],
.myt2016.esim .form.editable select {
  border: 0px;
  border-bottom: 1px solid #e6e6e6;
  box-shadow: none; }

.myt2016.esim form.editable .checkbox-list,
.myt2016.esim .form.editable .checkbox-list {
  list-style-type: none; }
  .myt2016.esim form.editable .checkbox-list li,
  .myt2016.esim .form.editable .checkbox-list li {
    display: list-item;
    padding: 3px 0;
    width: 100%;
    float: none;
    box-sizing: border-box; }
    .myt2016.esim form.editable .checkbox-list li label,
    .myt2016.esim .form.editable .checkbox-list li label {
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      margin: 0;
      display: inline-block; }
      .myt2016.esim form.editable .checkbox-list li label .txt,
      .myt2016.esim .form.editable .checkbox-list li label .txt {
        margin-left: 5Px; }
      .myt2016.esim form.editable .checkbox-list li label input,
      .myt2016.esim .form.editable .checkbox-list li label input {
        margin-top: 3px; }

.myt2016.esim form.editable .radio-group input[type="radio"],
.myt2016.esim .form.editable .radio-group input[type="radio"] {
  margin-top: 3px; }

.myt2016.esim form.editable.progressed .checkbox-list,
.myt2016.esim .form.editable.progressed .checkbox-list {
  list-style-type: square; }
  .myt2016.esim form.editable.progressed .checkbox-list li,
  .myt2016.esim .form.editable.progressed .checkbox-list li {
    display: none; }
    .myt2016.esim form.editable.progressed .checkbox-list li.checked,
    .myt2016.esim .form.editable.progressed .checkbox-list li.checked {
      display: list-item; }
    .myt2016.esim form.editable.progressed .checkbox-list li label .txt,
    .myt2016.esim .form.editable.progressed .checkbox-list li label .txt {
      margin-left: 0; }

.myt2016.esim form.editable.progressed input,
.myt2016.esim form.editable.progressed select,
.myt2016.esim .form.editable.progressed input,
.myt2016.esim .form.editable.progressed select {
  display: none; }

.myt2016.esim form.editable.progressed .edit-btn-holder,
.myt2016.esim .form.editable.progressed .edit-btn-holder {
  display: none; }

.myt2016.esim form.editable.progressed .icon-btn.positioned,
.myt2016.esim .form.editable.progressed .icon-btn.positioned {
  display: inherit; }

.myt2016.esim form.editable.progressed .selected-option,
.myt2016.esim .form.editable.progressed .selected-option {
  display: block; }

.myt2016.esim form.editable.progressed input[type="checkbox"] ~ .statusTxt_checked,
.myt2016.esim .form.editable.progressed input[type="checkbox"] ~ .statusTxt_checked {
  display: none; }

.myt2016.esim form.editable.progressed input[type="checkbox"] ~ .statusTxt_not_checked,
.myt2016.esim .form.editable.progressed input[type="checkbox"] ~ .statusTxt_not_checked {
  display: inline; }

.myt2016.esim form.editable.progressed input[type="checkbox"]:checked ~ .statusTxt_checked,
.myt2016.esim .form.editable.progressed input[type="checkbox"]:checked ~ .statusTxt_checked {
  display: inline; }

.myt2016.esim form.editable.progressed input[type="checkbox"]:checked ~ .statusTxt_not_checked,
.myt2016.esim .form.editable.progressed input[type="checkbox"]:checked ~ .statusTxt_not_checked {
  display: none; }

.myt2016.esim form.editable.progressed .label-txt,
.myt2016.esim .form.editable.progressed .label-txt {
  display: none; }

.myt2016.esim form.editable.progressed input[type="radio"] ~ p,
.myt2016.esim .form.editable.progressed input[type="radio"] ~ p {
  display: none; }

.myt2016.esim form.editable.progressed input[type="radio"] ~ .p,
.myt2016.esim .form.editable.progressed input[type="radio"] ~ .p {
  display: none; }

.myt2016.esim form.editable.progressed input[type="radio"]:checked ~ p,
.myt2016.esim .form.editable.progressed input[type="radio"]:checked ~ p {
  display: block; }

.myt2016.esim form.editable.progressed input[type="radio"]:checked ~ .p,
.myt2016.esim .form.editable.progressed input[type="radio"]:checked ~ .p {
  display: block; }

.myt2016.esim form .checkbox-list li:before,
.myt2016.esim .form .checkbox-list li:before {
  display: none; }

.myt2016.esim form .checkbox-list li label,
.myt2016.esim .form .checkbox-list li label {
  padding-left: 25px;
  font-size: 16px;
  font-weight: normal; }

.myt2016.esim form input[type="checkbox"], .myt2016.esim form input[type="radio"],
.myt2016.esim .form input[type="checkbox"],
.myt2016.esim .form input[type="radio"] {
  position: absolute;
  height: 0;
  width: 0;
  pointer-events: none; }

.myt2016.esim form input[type="checkbox"],
.myt2016.esim .form input[type="checkbox"] {
  position: relative; }
  .myt2016.esim form input[type="checkbox"]:before,
  .myt2016.esim .form input[type="checkbox"]:before {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -30px;
    height: 16px;
    width: 16px;
    border: 1px solid #e6e6e6;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border-radius: 3px;
    content: ''; }

.myt2016.esim form input[type="checkbox"]:checked:before,
.myt2016.esim .form input[type="checkbox"]:checked:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC);
  background-color: #e20074;
  background-repeat: no-repeat;
  background-position: center center;
  border-color: #a90056;
  content: ''; }

.myt2016.esim form .align-right,
.myt2016.esim .form .align-right {
  text-align: right; }

.myt2016.esim table {
  width: 100%;
  border-spacing: 0; }
  .myt2016.esim table td,
  .myt2016.esim table th {
    text-align: left;
    padding: 8px 0;
    vertical-align: top; }
    .myt2016.esim table td.align-right,
    .myt2016.esim table th.align-right {
      text-align: right; }
  .myt2016.esim table td {
    border-bottom: 1px solid #e6e6e6; }
    .myt2016.esim table td.open {
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      font-weight: 900;
      color: #E20074; }
    .myt2016.esim table td.total {
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      font-weight: 900; }
  .myt2016.esim table th {
    border-bottom: 2px solid #e6e6e6;
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    font-weight: 900;
    font-size: 16px;
    font-weight: normal; }
  .myt2016.esim table.bill .bill-nr {
    width: 28%; }
  .myt2016.esim table.payments .run-time {
    width: 70%; }

@media only screen and (max-width: 680px) {
  .myt2016.esim table th,
  .myt2016.esim table td {
    font-size: 14px; }
  .myt2016.esim form.editable .edit-btn-holder {
    bottom: -52px;
    width: 100%; }
    .myt2016.esim form.editable .edit-btn-holder .button {
      max-width: 49%;
      padding-top: 5px; } }

@media only screen and (max-width: 680px) {
  .myt2016.esim .background-lightest {
    margin-top: 25px; } }

.myt2016.esim section.step {
  display: block;
  margin-bottom: 20px; }
  .myt2016.esim section.step.hidden {
    display: none; }
  .myt2016.esim section.step .row {
    float: none; }
    .myt2016.esim section.step .row:after {
      clear: both;
      display: table;
      content: " "; }
  .myt2016.esim section.step h2 {
    max-width: 100%; }

.myt2016.esim label.label {
  width: auto;
  display: inline-block;
  padding-right: 25px; }

@media only screen and (max-width: 680px) {
  .myt2016.esim label.label {
    width: 100%;
    display: block;
    padding-right: 0px; }
    .myt2016.esim label.label .popup-info-holder .popup-info {
      left: auto;
      right: 10px; } }

.myt2016.esim .col.c12.header h2 {
  border-bottom: 2px solid #E20074;
  max-width: 100%;
  margin-bottom: 10px; }

.myt2016.esim .col.c12.header h3 {
  margin-bottom: 8px; }

.myt2016.esim .sim-list {
  list-style: none;
  margin: 10px 0 0 0;
  padding: 0; }
  .myt2016.esim .sim-list li {
    float: left;
    margin: 0;
    margin-bottom: 10px; }
    @media only screen and (min-width: 1025px) {
      .myt2016.esim .sim-list li {
        width: 213px;
        margin-left: 10px; }
        .myt2016.esim .sim-list li:nth-child(3n+1) {
          margin-left: 0; } }
    @media only screen and (min-width: 681px) and (max-width: 1024px) {
      .myt2016.esim .sim-list li {
        width: 299px;
        margin-left: 10px; }
        .myt2016.esim .sim-list li:nth-child(odd) {
          margin-left: 0; } }
    @media only screen and (max-width: 680px) {
      .myt2016.esim .sim-list li {
        width: 100%; } }
  .myt2016.esim .sim-list .sim-item {
    list-style: none;
    margin: 0;
    padding: 0; }
    .myt2016.esim .sim-list .sim-item li {
      box-sizing: border-box;
      padding: 12px 10px;
      margin: 0;
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      font-weight: 900;
      font-size: 15px;
      border-bottom: 1px solid #e6e6e6;
      border-left: 1px solid #e6e6e6;
      border-right: 1px solid #e6e6e6; }
      .myt2016.esim .sim-list .sim-item li.title {
        padding: 8px 10px;
        font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
        font-weight: 900;
        font-size: 19px;
        border-top: 1px solid #e6e6e6;
        border-bottom: 2px solid #e6e6e6;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        position: relative; }
        .myt2016.esim .sim-list .sim-item li.title .sim-item-edit-form {
          display: none; }
          .myt2016.esim .sim-list .sim-item li.title .sim-item-edit-form.active {
            display: block; }
          .myt2016.esim .sim-list .sim-item li.title .sim-item-edit-form input[type="text"], .myt2016.esim .sim-list .sim-item li.title .sim-item-edit-form input[type="password"], .myt2016.esim .sim-list .sim-item li.title .sim-item-edit-form input[type="date"], .myt2016.esim .sim-list .sim-item li.title .sim-item-edit-form input[type="number"] {
            box-shadow: none;
            border: none;
            position: absolute;
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
            padding: 8px 20px 8px 10px;
            font-family: "Tele-Grotesk-Fett", Arial, Helvetica, sans-serif;
            font-size: 19px; }
          .myt2016.esim .sim-list .sim-item li.title .sim-item-edit-form button {
            position: absolute;
            border: none;
            background: none;
            top: 50%;
            margin-top: -8px;
            right: 4px;
            cursor: pointer; }
            .myt2016.esim .sim-list .sim-item li.title .sim-item-edit-form button:focus {
              outline: none; }
      .myt2016.esim .sim-list .sim-item li .value {
        float: right;
        font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
        font-size: 14px; }
      .myt2016.esim .sim-list .sim-item li .edit {
        line-height: 19px;
        float: right;
        font-size: 15px;
        margin-left: 6px; }

.myt2016.esim .esim-box {
  border: 1px solid #e6e6e6;
  padding: 15px 15px 15px 100px;
  position: relative;
  min-height: 110px;
  box-sizing: border-box;
  margin-top: 20px; }
  .myt2016.esim .esim-box h2 {
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    font-weight: 900;
    color: #333333;
    font-size: 16px;
    padding: 0; }
  .myt2016.esim .esim-box .icon {
    position: absolute;
    width: 75Px;
    height: 75px; }
    .myt2016.esim .esim-box .icon:before {
      display: none; }
    .myt2016.esim .esim-box .icon.icon-physikal-sim {
      background: url(../img/2019/sam-icons/black/sim-card-check_outline.svg);
      background-size: cover;
      left: 12px; }
    .myt2016.esim .esim-box .icon.icon-activate-sim-profile {
      background: url(../img/2019/sam-icons/black/envelope-qr_outline.svg);
      background-size: cover;
      left: 22px; }
    .myt2016.esim .esim-box .icon.icon-scan-activation-code {
      background: url(../img/2019/sam-icons/black/qr-code-scanner_outline.svg);
      background-size: cover;
      left: 19px; }
    .myt2016.esim .esim-box .icon.icon-load-sim-profile {
      background: url(../img/2019/sam-icons/black/mobile-downloads_outline.svg);
      background-size: cover;
      left: 19px; }
  .myt2016.esim .esim-box.activate-sim-profile {
    min-height: 105px;
    padding-left: 110px; }

.myt2016.esim .get-sim-box {
  border: 1px solid #e6e6e6;
  padding: 0 20px;
  text-align: center;
  position: relative;
  box-sizing: border-box;
  overflow: hidden; }
  .myt2016.esim .get-sim-box .headline {
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    font-weight: 900;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 19px; }
  .myt2016.esim .get-sim-box .txt {
    margin-bottom: 10px;
    display: inline-block;
    font-size: 16px;
    font-weight: normal; }
  .myt2016.esim .get-sim-box.selected, .myt2016.esim .get-sim-box:hover {
    border: 1px solid #E20074; }
    .myt2016.esim .get-sim-box.selected label.option_load_sim_profile:before, .myt2016.esim .get-sim-box:hover label.option_load_sim_profile:before {
      background-position: -240px -1040px; }
    .myt2016.esim .get-sim-box.selected label.option_scan_activation_code:before, .myt2016.esim .get-sim-box:hover label.option_scan_activation_code:before {
      background-position: -320px -1040px; }
    .myt2016.esim .get-sim-box.selected label.option_activate_sim_profile:before, .myt2016.esim .get-sim-box:hover label.option_activate_sim_profile:before {
      background-position: -160px -1040px; }
    .myt2016.esim .get-sim-box.selected label.option_active_physical_sim:before, .myt2016.esim .get-sim-box:hover label.option_active_physical_sim:before {
      background-position: -80px -1040px; }
    .myt2016.esim .get-sim-box.selected label.option_new_physical_sim:before, .myt2016.esim .get-sim-box:hover label.option_new_physical_sim:before {
      background-position: 0px -1040px; }
    .myt2016.esim .get-sim-box.selected label:after, .myt2016.esim .get-sim-box:hover label:after {
      border-top-color: #E20074;
      border-right-color: #E20074; }
  .myt2016.esim .get-sim-box input {
    position: absolute;
    left: -50px;
    bottom: 20px;
    margin-left: -7px;
    width: 14px;
    height: 14px;
    z-index: 9; }
  .myt2016.esim .get-sim-box label {
    position: relative;
    min-height: 120px;
    width: 100%;
    cursor: pointer;
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    display: block;
    text-align: left;
    padding: 20px 108px 20px 80px;
    box-sizing: border-box; }
    .myt2016.esim .get-sim-box label:before {
      content: "";
      position: absolute;
      z-index: 9;
      background: url(../img/sprite.png) no-repeat;
      display: block;
      left: 30px;
      top: 18px; }
    .myt2016.esim .get-sim-box label:after {
      content: "";
      position: absolute;
      border: 3px solid transparent;
      border-top: 3px solid #000000;
      border-right: 3px solid #000000;
      -ms-transform: rotate(45deg);
      /* IE 9 */
      -webkit-transform: rotate(45deg);
      /* Chrome, Safari, Opera */
      transform: rotate(45deg);
      height: 32px;
      width: 32px;
      top: 50%;
      right: 10px;
      margin-top: -18px; }
    .myt2016.esim .get-sim-box label.option_load_sim_profile:before {
      width: 40px;
      height: 75px;
      background-position: -240px -960px;
      margin-left: -20px; }
    .myt2016.esim .get-sim-box label.option_scan_activation_code:before {
      width: 40px;
      height: 75px;
      background-position: -320px -960px;
      margin-left: -20px; }
    .myt2016.esim .get-sim-box label.option_activate_sim_profile:before {
      width: 72px;
      height: 70px;
      background-position: -160px -960px;
      margin-left: -36px; }
    .myt2016.esim .get-sim-box label.option_active_physical_sim:before {
      width: 64px;
      height: 74px;
      background-position: -80px -960px;
      margin-left: -24px; }
    .myt2016.esim .get-sim-box label.option_new_physical_sim:before {
      width: 64px;
      height: 74px;
      background-position: 0px -960px;
      margin-left: -24px; }
  @media only screen and (min-width: 681px) and (max-width: 1024px) {
    .myt2016.esim .get-sim-box label .headline {
      font-size: 17px; } }
  @media only screen and (max-width: 680px) {
    .myt2016.esim .get-sim-box label {
      padding-right: 0; }
      .myt2016.esim .get-sim-box label:after {
        content: none;
        display: none; } }

.myt2016.esim .bordered-box.header-sim-data {
  margin-top: 20px;
  background: #ffffff;
  padding-bottom: 25px;
  margin-bottom: 20px; }
  .myt2016.esim .bordered-box.header-sim-data .row {
    float: none; }
    .myt2016.esim .bordered-box.header-sim-data .row:after {
      clear: both;
      display: table;
      content: " "; }
  .myt2016.esim .bordered-box.header-sim-data .text .icon-status-green, .myt2016.esim .bordered-box.header-sim-data .text .icon-status-red, .myt2016.esim .bordered-box.header-sim-data .text .icon-status-yellow {
    position: relative;
    top: 8px;
    margin-right: 10px; }
  .myt2016.esim .bordered-box.header-sim-data .popup-info-holder .icon-popup {
    top: 6px; }

.myt2016.esim .popup-info {
  position: relative; }

.myt2016.esim .popup-info-holder {
  position: relative;
  top: -2px;
  display: inline;
  margin-left: 0; }
  .myt2016.esim .popup-info-holder .popup-info {
    width: 204px;
    position: absolute;
    left: 10px;
    top: 10px; }
  .myt2016.esim .popup-info-holder .icon-popup {
    position: relative; }

.myt2016.esim .qr_code {
  display: block;
  margin-top: 9px; }
  @media only screen and (min-width: 681px) and (max-width: 1024px) {
    .myt2016.esim .qr_code {
      width: 100%; } }

.myt2016.esim .pin_code_large {
  font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 36px;
  font-weight: normal; }
  .myt2016.esim .pin_code_large .pin_code {
    color: #E20074; }

.myt2016.esim .padding-top {
  padding-top: 8px; }

.myt2016.esim .inline-iccid > .prefix-value {
  display: inline-block;
  font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
  font-weight: 900;
  vertical-align: middle;
  margin-right: 10px; }

.myt2016.esim .inline-iccid > input {
  display: inline-block;
  margin-right: 10px;
  width: 300px; }
  @media only screen and (max-width: 680px) {
    .myt2016.esim .inline-iccid > input {
      width: 180px; } }

.myt2016.esim .inline-iccid > .icon {
  display: inline-block;
  margin-top: 6px; }

.myt2016.esim form .row.error,
.myt2016.esim .form .row.error {
  margin: 30px 0 0 0; }
  .myt2016.esim form .row.error .description,
  .myt2016.esim .form .row.error .description {
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    font-weight: normal;
    vertical-align: top; }
    .myt2016.esim form .row.error .description strong, .myt2016.esim .form .row.error .description strong {
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      font-weight: 900; }
  .myt2016.esim form .row.error p.description, .myt2016.esim .form .row.error p.description {
    margin-top: -5px; }

.myt2016.esim table.table-history {
  width: 100%;
  border-spacing: 0;
  margin-bottom: 10px; }
  .myt2016.esim table.table-history th,
  .myt2016.esim table.table-history td {
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #e6e6e6;
    padding: 13px 5px 7px 3px; }
    .myt2016.esim table.table-history th:first-child,
    .myt2016.esim table.table-history td:first-child {
      padding-left: 0; }
    .myt2016.esim table.table-history th:last-child,
    .myt2016.esim table.table-history td:last-child {
      text-align: right;
      padding-right: 0; }
    .myt2016.esim table.table-history th.nowrap,
    .myt2016.esim table.table-history td.nowrap {
      white-space: nowrap; }
  .myt2016.esim table.table-history th {
    border-bottom: 2px solid #e6e6e6;
    ffont-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    font-weight: 900;
    font-size: 16px;
    font-weight: normal;
    position: relative;
    vertical-align: top;
    padding-bottom: 8px;
    white-space: nowrap; }
  .myt2016.esim table.table-history td.sum {
    color: #E20074;
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    font-weight: 900;
    border-bottom: none;
    white-space: nowrap; }
  .myt2016.esim table.table-history td .icon {
    margin-top: -5px; }

@media only screen and (min-width: 681px) and (max-width: 1024px) {
  .myt2016.esim table {
    min-width: 600px; } }

.myt2016.esim .table-holder-responsive {
  margin-bottom: 20px;
  width: 100%;
  overflow-y: auto; }

.myt2016.esim .icon.icon-status-green {
  background-position: -40px -680px;
  width: 28px;
  height: 28px; }

.myt2016.esim .icon.icon-status-red {
  background-position: -120px -680px;
  width: 28px;
  height: 28px; }

.myt2016.esim .icon.icon-status-yellow {
  background-position: -80px -680px;
  width: 28px;
  height: 28px; }

.myt2016.esim .label-box {
  border: 1px solid #e6e6e6;
  background-color: #ffffff;
  color: #333333; }
  .myt2016.esim .label-box label {
    width: 100%;
    padding: 12px 20px;
    margin: 0px;
    display: inline-block;
    box-sizing: border-box;
    cursor: pointer; }
    .myt2016.esim .label-box label .headline {
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      font-weight: 900;
      display: inline-block;
      font-size: 19px;
      margin-left: 30px; }
  .myt2016.esim .label-box.selected, .myt2016.esim .label-box:hover {
    border: 1px solid #E20074;
    background-color: #E20074; }
    .myt2016.esim .label-box.selected label, .myt2016.esim .label-box:hover label {
      color: #ffffff; }
  .myt2016.esim .label-box input[type="radio"] {
    display: none; }
  .myt2016.esim .label-box input[type="radio"] + .headline {
    position: relative; }
    .myt2016.esim .label-box input[type="radio"] + .headline:before {
      position: absolute;
      display: inline-block;
      top: 2px;
      left: -30px;
      height: 17px;
      width: 17px;
      border: 1px solid #e6e6e6;
      background: #ffffff;
      color: #fff;
      text-align: center;
      cursor: pointer;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      content: ''; }
    .myt2016.esim .label-box input[type="radio"] + .headline:after {
      top: 9px;
      left: -23px;
      width: 5px;
      height: 5px;
      background: #ffffff;
      border-radius: 50%;
      content: "";
      position: absolute; }
  .myt2016.esim .label-box input[type="radio"]:checked + .headline:before {
    background-color: #ffffff;
    border-color: #a90056; }
  .myt2016.esim .label-box input[type="radio"]:checked + .headline:after {
    background-color: #E20074; }

.myt2016.esim .swiper-button-left .button.grey, .myt2016.esim .swiper-button-right .button.grey {
  margin-top: 0;
  line-height: 26px; }

@media only screen and (max-width: 680px) {
  .myt2016.esim .swiper-button-left .button, .myt2016.esim .swiper-button-right .button {
    margin-bottom: 0;
    height: 28px; } }

.myt2016.esim .sim-list {
  padding: 14px 28px;
  background: #f7f7f7;
  border: 1px solid #e6e6e6;
  position: relative; }
  .myt2016.esim .sim-list .swiper-button-left, .myt2016.esim .sim-list .swiper-button-right {
    position: absolute;
    top: 50%;
    left: -1px;
    margin-top: -13px; }
    .myt2016.esim .sim-list .swiper-button-left button, .myt2016.esim .sim-list .swiper-button-right button {
      width: 26px;
      height: 26px;
      box-sizing: border-box;
      background: #ffffff;
      border: 1px solid #e6e6e6;
      text-align: center;
      overflow: hidden;
      text-indent: -99em;
      cursor: pointer; }
      .myt2016.esim .sim-list .swiper-button-left button:after, .myt2016.esim .sim-list .swiper-button-right button:after {
        content: "";
        position: absolute;
        top: 8px;
        left: 11px;
        display: block;
        height: 8px;
        width: 8px;
        border-top: 2px solid #000000;
        border-right: 2px solid #000000;
        -ms-transform: rotate(-135deg);
        /* IE 9 */
        -webkit-transform: rotate(-135deg);
        /* Chrome, Safari, Opera */
        transform: rotate(-135deg); }
      .myt2016.esim .sim-list .swiper-button-left button:focus, .myt2016.esim .sim-list .swiper-button-right button:focus {
        outline: none; }
  .myt2016.esim .sim-list .swiper-button-right {
    left: auto;
    right: -1px; }
    .myt2016.esim .sim-list .swiper-button-right button:after {
      left: 6px;
      -ms-transform: rotate(45deg);
      /* IE 9 */
      -webkit-transform: rotate(45deg);
      /* Chrome, Safari, Opera */
      transform: rotate(45deg); }
  .myt2016.esim .sim-list .swiper-container li {
    float: none; }
    @media only screen and (min-width: 1025px) {
      .myt2016.esim .sim-list .swiper-container li {
        width: inherit;
        margin-left: 0; }
        .myt2016.esim .sim-list .swiper-container li:nth-child(3n+1) {
          margin-left: 0; } }
    @media only screen and (min-width: 681px) and (max-width: 1024px) {
      .myt2016.esim .sim-list .swiper-container li {
        width: inherit;
        margin-left: 0; }
        .myt2016.esim .sim-list .swiper-container li:nth-child(odd) {
          margin-left: 0; } }
  .myt2016.esim .sim-list .swiper-container .sim-item {
    background: #ffffff; }
    .myt2016.esim .sim-list .swiper-container .sim-item:hover li, .myt2016.esim .sim-list .swiper-container .sim-item.selected li {
      border-left: 1px solid #E20074;
      border-right: 1px solid #E20074; }
      .myt2016.esim .sim-list .swiper-container .sim-item:hover li:first-child, .myt2016.esim .sim-list .swiper-container .sim-item.selected li:first-child {
        border-top: 1px solid #E20074; }
      .myt2016.esim .sim-list .swiper-container .sim-item:hover li:last-child, .myt2016.esim .sim-list .swiper-container .sim-item.selected li:last-child {
        border-bottom: 1px solid #E20074; }

.myt2016.esim .row.button-holder .button + .button {
  margin-left: 10px; }
  @media only screen and (max-width: 680px) {
    .myt2016.esim .row.button-holder .button + .button {
      margin-left: 0; } }

.myt2016.esim .row.button-holder .button {
  margin-left: 0px;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 10px; }

@media only screen and (max-width: 680px) {
  .myt2016.esim .col-wrapper hr {
    display: none; }
  .myt2016.esim .collapsible + hr {
    display: none; } }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }

@-ms-keyframes spin {
  .myt2016.fmc 0% {
    -ms-transform: rotate(0deg); }
  .myt2016.fmc 100% {
    -ms-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

.myt2016.fmc.fmc-beauskunftung {
  position: relative; }
  @media only screen and (max-width: 680px) {
    .myt2016.fmc.fmc-beauskunftung .icon-btn .icon {
      display: block; }
    .myt2016.fmc.fmc-beauskunftung .icon-btn .desc {
      padding: 0 10px;
      font-size: 16px; } }
  .myt2016.fmc.fmc-beauskunftung:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    background-size: contain;
    width: 60%;
    height: 100%;
    max-height: 800px;
    z-index: -1; }
  .myt2016.fmc.fmc-beauskunftung .header {
    position: relative; }
    .myt2016.fmc.fmc-beauskunftung .header h1 {
      display: inline-block; }
    .myt2016.fmc.fmc-beauskunftung .header .button {
      position: absolute;
      top: 21px;
      right: 0;
      width: auto;
      padding: 0 25px; }
  .myt2016.fmc.fmc-beauskunftung .beauskunftung-box {
    color: #333333;
    background-color: #ffffff;
    padding: 8px 0 8px 0;
    margin: 0 0 40px 0; }
    @media only screen and (min-width: 1025px) {
      .myt2016.fmc.fmc-beauskunftung .beauskunftung-box {
        width: 100%; } }
    .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .button.padding {
      padding: 0 25px; }
    .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .button.button-inline {
      vertical-align: top;
      position: relative;
      top: -4px; }
      .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .button.button-inline.button-reload {
        width: 28px;
        height: 28px;
        box-sizing: border-box;
        border: 1px solid #dbdbdb;
        background: #e7e7e7;
        position: relative;
        color: #333333;
        text-shadow: none; }
        .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .button.button-inline.button-reload:last-child {
          margin-right: 0px; }
        .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .button.button-inline.button-reload:after {
          font-weight: normal;
          font-style: normal;
          text-decoration: inherit;
          font-size: 15px;
          font-family: "icomoon";
          content: "";
          display: block;
          position: absolute;
          left: 50%;
          top: 50%;
          width: 15px;
          height: 15px;
          text-indent: 0px;
          margin-top: -7px;
          margin-left: -7px; }
        .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .button.button-inline.button-reload.icon-spinning:after {
          -moz-animation: spin 1.2s infinite linear;
          -o-animation: spin 1.2s infinite linear;
          -webkit-animation: spin 1.2s infinite linear;
          animation: spin 1.2s infinite linear; }
          @media all and (min-width: 0\0) and (min-resolution: 0.001dpcm) {
            .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .button.button-inline.button-reload.icon-spinning:after {
              content: "";
              background: url(../img/fmc_loading_fb.gif) no-repeat -2px -2px !important;
              background-size: 19px 19px; } }
      .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .button.button-inline.button-xml {
        background-image: url(../img/sprite.png);
        background-position: -41px -760px;
        width: 28px;
        height: 28px;
        margin-left: 10px; }
    .myt2016.fmc.fmc-beauskunftung .beauskunftung-box h2 a:hover {
      text-decoration: underline; }
    .myt2016.fmc.fmc-beauskunftung .beauskunftung-box h3.light {
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      font-weight: normal; }
    .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .txt-strong {
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      font-weight: 900;
      display: inline-block;
      padding-bottom: 8px; }
    .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .status-txt {
      padding-left: 10px;
      vertical-align: top; }
    .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .segment {
      padding: 5px 20px;
      box-sizing: border-box;
      position: relative; }
      .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .segment .row {
        float: none; }
        .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .segment .row:after {
          content: "";
          display: table;
          clear: both; }
      .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .segment .align-right .button, .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .segment .align-right .icon {
        margin-left: 10px; }
      .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .segment .right-aligned {
        float: right;
        width: auto; }
      .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .segment select {
        width: 100%;
        margin: 6px 0 12px 0; }
      .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .segment h2 {
        font-size: 19px;
        margin: 3px 0 0 0; }
      .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .segment h3 {
        font-size: 16px;
        color: #333333;
        margin: 0;
        font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
        font-weight: normal; }
      .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .segment p {
        margin: 0;
        padding: 0; }
      .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .segment a {
        color: #E20074; }
      .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .segment .widget {
        margin-bottom: 14px; }
      .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .segment ul.link-list {
        list-style-type: none;
        margin: 0;
        padding: 0; }
        .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .segment ul.link-list li {
          margin: 8px 0;
          padding: 0; }
          .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .segment ul.link-list li a {
            font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
            font-weight: 900; }
      .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .segment.segment-status-active h3 {
        font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
        font-weight: 900; }
      .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .segment.segment-status-active .date {
        font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
        font-weight: 900; }
      .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .segment.segment-status-active .date + .button {
        margin-top: 10px; }
    .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .expandable-anker {
      position: relative; }
      .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .expandable-anker .expandable {
        display: none; }
      .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .expandable-anker .expander {
        width: 12%;
        background-color: #ffffff;
        text-align: center;
        padding: 10px 16px;
        position: absolute;
        left: 44%;
        bottom: -36px;
        cursor: pointer;
        color: #E20074;
        box-sizing: border-box; }
        .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .expandable-anker .expander .icon-chevron-up {
          float: left;
          width: 23px;
          height: 8px;
          background-position: -1131px -299px; }
        .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .expandable-anker .expander .icon-chevron-down {
          float: left;
          width: 23px;
          height: 8px;
          background-position: -1089px -299px; }
        .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .expandable-anker .expander .do-open {
          float: left;
          display: inline-block; }
        .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .expandable-anker .expander .do-close {
          float: left;
          display: none; }
        .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .expandable-anker .expander.closed .do-open {
          display: none; }
        .myt2016.fmc.fmc-beauskunftung .beauskunftung-box .expandable-anker .expander.closed .do-close {
          display: inline-block; }
  .myt2016.fmc.fmc-beauskunftung .troubleticket.form .label, .myt2016.fmc.fmc-beauskunftung .troubleticket.form label {
    display: block;
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    font-weight: 900;
    color: #333333;
    margin: 0 0 3px 0; }
  .myt2016.fmc.fmc-beauskunftung .troubleticket.form .value, .myt2016.fmc.fmc-beauskunftung .troubleticket.form input, .myt2016.fmc.fmc-beauskunftung .troubleticket.form .textarea {
    margin-bottom: 10px;
    display: inline-block; }
  .myt2016.fmc.fmc-beauskunftung .troubleticket .error {
    position: relative; }
    .myt2016.fmc.fmc-beauskunftung .troubleticket .error input[type="text"], .myt2016.fmc.fmc-beauskunftung .troubleticket .error input[type="password"], .myt2016.fmc.fmc-beauskunftung .troubleticket .error input[type="date"], .myt2016.fmc.fmc-beauskunftung .troubleticket .error input[type="number"], .myt2016.fmc.fmc-beauskunftung .troubleticket .error .textarea {
      border: 2px solid #d90000;
      color: #d90000; }
    .myt2016.fmc.fmc-beauskunftung .troubleticket .error .error-box {
      display: block;
      background-color: transparent;
      color: #d90000;
      position: static;
      right: 0;
      bottom: 35px;
      padding: 0 0 16px 0; }
  .myt2016.fmc.fmc-beauskunftung .troubleticket .button-holder .col {
    margin-top: 10px; }
    .myt2016.fmc.fmc-beauskunftung .troubleticket .button-holder .col .button-inline.padding {
      padding: 0 25px; }

.myt2016.fmc label {
  font-size: 15px; }

.myt2016.fmc .icon-btn .desc {
  min-width: 70px; }

.myt2016.fmc .icon.icon-popup {
  background-position: 0px -760px;
  width: 28px !important;
  height: 28px !important;
  box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.25);
  position: relative;
  background-color: #E20074;
  top: 0;
  right: inherit;
  left: 0;
  cursor: pointer; }
  .myt2016.fmc .icon.icon-popup.active {
    z-index: 1001; }

.myt2016.fmc .icon.icon-status-green {
  background-position: -40px -680px;
  width: 28px;
  height: 28px;
  position: relative;
  top: -4px; }

.myt2016.fmc .icon.icon-status-red {
  background-position: -120px -680px;
  width: 28px;
  height: 28px;
  position: relative;
  top: -4px; }

.myt2016.fmc .icon.icon-status-yellow {
  background-position: -80px -680px;
  width: 28px;
  height: 28px;
  position: relative;
  top: -4px; }

.myt2016.fmc .icon.icon-status-neutral {
  background-position: 0 -680px;
  width: 28px;
  height: 28px;
  position: relative;
  top: -4px; }

.myt2016.fmc .icon.icon-status-empty {
  background-position: -160px -680px;
  width: 28px;
  height: 28px;
  position: relative;
  top: -4px; }

.myt2016.fmc .cvv {
  position: relative; }
  .myt2016.fmc .cvv .popup-info-holder {
    top: 34px;
    right: 10px; }

.myt2016.fmc .popup-info-holder {
  position: relative;
  margin-left: 0;
  top: -4px;
  display: inline-block; }
  .myt2016.fmc .popup-info-holder .popup-info {
    width: 204px;
    position: absolute;
    left: -190px;
    top: 14px; }

.myt2016.fmc .troubleticket {
  overflow: hidden;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 15px; }
  .myt2016.fmc .troubleticket:last-child {
    border-bottom: none; }
  .myt2016.fmc .troubleticket .button-holder .align-right {
    text-align: right; }
  .myt2016.fmc .troubleticket .button-holder .button-inline {
    padding: 1px 12px;
    margin-right: 12px; }
    .myt2016.fmc .troubleticket .button-holder .button-inline:last-child {
      margin-right: 0; }
  .myt2016.fmc .troubleticket .static-holder {
    display: block; }
  .myt2016.fmc .troubleticket .form-holder {
    display: none; }
  .myt2016.fmc .troubleticket .form label {
    font-size: 12px;
    margin-left: 15px; }
  .myt2016.fmc .troubleticket.troubleticket-edit .static-holder {
    display: none; }
  .myt2016.fmc .troubleticket.troubleticket-edit .form-holder {
    display: block; }
  .myt2016.fmc .troubleticket.troubleticket-edit label {
    font-size: 12px;
    margin-left: 15px; }

@media only screen and (max-width: 680px) {
  .myt2016.fmc .popup-info-holder .popup-info {
    left: -210px;
    top: 9px; } }

.myt2016.cpm .collapse-btn {
  display: block; }

.myt2016.cpm .intro-txt {
  margin-top: 17px; }

.myt2016.cpm .icon-calender {
  background-position: -400px -960px;
  width: 20px;
  height: 22px;
  position: relative;
  top: 2px;
  left: 5px; }

@media only screen and (max-width: 680px) {
  .myt2016.cpm .collapsible .col-wrapper hr:last-child {
    display: none; }
  .myt2016.cpm .collapsible .col-wrapper .col.c9 {
    margin-top: 10px; }
  .myt2016.cpm .collapsible .col-wrapper .col.c3 {
    margin-top: 0; } }

.myt2016.cpm .collapsible.collapsed .col-wrapper {
  display: none; }

.myt2016.cpm .collapsible .toggled-info-row {
  display: none; }
  .myt2016.cpm .collapsible .toggled-info-row.open {
    display: block; }

.myt2016.cpm .collapsible .info-toggler {
  font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 16px; }
  .myt2016.cpm .collapsible .info-toggler .toggle-label-closed {
    display: inline-block;
    text-align: right;
    width: 100%;
    text-decoration: underline; }
  .myt2016.cpm .collapsible .info-toggler .toggle-label-open {
    display: none;
    text-align: right;
    width: 100%;
    text-decoration: underline; }
  .myt2016.cpm .collapsible .info-toggler.open .toggle-label-closed {
    display: none; }
  .myt2016.cpm .collapsible .info-toggler.open .toggle-label-open {
    display: inline-block; }

.myt2016.cpm .collapsible .label-txt {
  font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 16px; }

.myt2016.cpm .collapsible .col-wrapper .row {
  padding-bottom: 18px; }
  .myt2016.cpm .collapsible .col-wrapper .row.toggled-info-row {
    padding-bottom: 11px; }

.myt2016.cpm .collapsible .headline-wrapper {
  padding-bottom: 5px; }
  .myt2016.cpm .collapsible .headline-wrapper h2 {
    display: inline; }

.myt2016.cpm .row.error, .myt2016.cpm .row.info {
  margin-top: 20px;
  float: none; }
  .myt2016.cpm .row.error .c12, .myt2016.cpm .row.info .c12 {
    margin-top: 0; }
    .myt2016.cpm .row.error .c12 .description, .myt2016.cpm .row.info .c12 .description {
      padding-left: 59px; }
      .myt2016.cpm .row.error .c12 .description.single-line, .myt2016.cpm .row.info .c12 .description.single-line {
        padding-top: 7px; }
    .myt2016.cpm .row.error .c12 .icon, .myt2016.cpm .row.info .c12 .icon {
      margin: 0;
      top: 10px;
      left: 10px; }

.myt2016.cpm .loading-holder {
  margin-top: 20px;
  min-height: 60px;
  position: relative; }

.myt2016.cpm .loading-ie9 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 66px;
  height: 66px;
  margin-top: -33px;
  margin-left: -33px;
  background: url(../img/66x66_loadingicon.gif) no-repeat;
  display: none;
  display: block \9; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .myt2016.cpm .loading-ie9 {
      display: none; } }

.myt2016.cpm .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
  border: 3px solid #e20074;
  border-radius: 100%;
  display: none \9; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .myt2016.cpm .loading {
      display: block; } }
  .myt2016.cpm .loading .ring {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 39px;
    height: 39px;
    border-radius: 50%;
    border-right: 0;
    border-top: 0;
    border-top: solid 3px #e20074;
    border-right: solid 3px rgba(255, 255, 255, 0);
    border-left: solid 3px rgba(255, 255, 255, 0);
    border-bottom: solid 3px rgba(255, 255, 255, 0);
    animation: rotateRing 1s cubic-bezier(0.14, 0.36, 0.71, 0.46) infinite;
    display: none \9; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .myt2016.cpm .loading .ring {
        display: block; } }

@keyframes rotateRing {
  0% {
    transform: translate(-50%, -50%) rotate(0deg); }
  50% {
    transform: translate(-50%, -50%) rotate(180deg); }
  100% {
    transform: translate(-50%, -50%) rotate(360deg); } }

/**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: February 7, 2016
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-container-no-flexbox .swiper-slide {
  float: left; }

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative; }

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height; }

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat; }

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto; }

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto; }

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%; }

/* Bullets */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff; }

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff; }

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000; }

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px; }

/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5); }

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff; }

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000; }

/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px; }

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */ }

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px; }

/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible; }

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden; }

/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg); } }

#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: visible; }

#cboxWrapper {
  max-width: none; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative; }

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic; }

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0; }

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; }

#cboxOverlay {
  background-color: rgba(0, 0, 0, 0.75); }

#colorbox {
  outline: 0; }

#cboxContent {
  background-color: #ffffff;
  border-radius: 0px;
  border: none; }

.cboxIframe {
  background: #fff; }

.cboxPhoto {
  padding: 20px; }

#cboxError {
  padding: 50px;
  border: 1px solid #ccc; }

#cboxLoadedContent {
  padding: 15px;
  background-color: #ffffff; }

#cboxCurrent {
  position: absolute;
  top: -20px;
  right: 0px;
  color: #ccc; }

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0; }

#cboxClose {
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  color: #333;
  font-size: 20px;
  line-height: 29px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  z-index: 100;
  outline: none;
  overflow: hidden;
  text-indent: -100em; }
  #cboxClose:before {
    font-family: "icomoon";
    content: "";
    position: absolute;
    top: 13px;
    line-height: 0px;
    display: block;
    left: 50%;
    margin-left: -8px;
    text-indent: 0em; }

#cboxNext {
  display: none; }

#cboxPrevious {
  display: none; }

#cboxSlideshow {
  display: none; }

@media only screen and (max-width: 680px) {
  .myt2016 .section-reset-passwords .content .headline-wrapper, .myt2016.forms-2017 .content .headline-wrapper {
    margin-bottom: 0; } }

.myt2016 .section-reset-passwords .label, .myt2016 .section-reset-passwords label, .myt2016.forms-2017 .label, .myt2016.forms-2017 label {
  display: block;
  margin: 8px 0 6px 0;
  font-weight: bold;
  font-size: 16px; }

.myt2016 .section-reset-passwords .options .option, .myt2016.forms-2017 .options .option {
  margin-bottom: 20px;
  position: relative;
  text-align: center;
  border: 2px solid #E20074;
  box-sizing: border-box; }
  .myt2016 .section-reset-passwords .options .option a, .myt2016.forms-2017 .options .option a {
    text-decoration: none; }
  .myt2016 .section-reset-passwords .options .option .icon.icon-popup, .myt2016.forms-2017 .options .option .icon.icon-popup {
    top: 3px;
    background-position: -360px -680px; }
  .myt2016 .section-reset-passwords .options .option .popup-info-holder, .myt2016.forms-2017 .options .option .popup-info-holder {
    position: absolute;
    top: 4px;
    right: 7px; }
    .myt2016 .section-reset-passwords .options .option .popup-info-holder .popup-info, .myt2016.forms-2017 .options .option .popup-info-holder .popup-info {
      width: 204px;
      position: absolute;
      right: 7px;
      top: 9px; }
  .myt2016 .section-reset-passwords .options .option.active, .myt2016.forms-2017 .options .option.active {
    background-color: #E20074; }
    .myt2016 .section-reset-passwords .options .option.active .label, .myt2016.forms-2017 .options .option.active .label {
      color: #ffffff; }
    .myt2016 .section-reset-passwords .options .option.active .icon, .myt2016.forms-2017 .options .option.active .icon {
      background-color: #E20074; }
      .myt2016 .section-reset-passwords .options .option.active .icon.icon-popup, .myt2016.forms-2017 .options .option.active .icon.icon-popup {
        background-position: -400px -680px; }
        .myt2016 .section-reset-passwords .options .option.active .icon.icon-popup:before, .myt2016.forms-2017 .options .option.active .icon.icon-popup:before {
          color: #ffffff; }

.myt2016 .section-reset-passwords .options > .row, .myt2016.forms-2017 .options > .row {
  margin-left: 0;
  margin-right: 0; }

.myt2016 .section-reset-passwords .collapsible.collapsible-solid, .myt2016.forms-2017 .collapsible.collapsible-solid {
  border: 1px solid #e6e6e6;
  border-radius: 4px; }
  .myt2016 .section-reset-passwords .collapsible.collapsible-solid:after, .myt2016.forms-2017 .collapsible.collapsible-solid:after {
    content: "";
    display: table;
    clear: both; }
  .myt2016 .section-reset-passwords .collapsible.collapsible-solid .headline-wrapper, .myt2016.forms-2017 .collapsible.collapsible-solid .headline-wrapper {
    margin-top: 0px;
    padding: 7px 0;
    border-bottom: 1px solid #e6e6e6;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important; }
    .myt2016 .section-reset-passwords .collapsible.collapsible-solid .headline-wrapper h2, .myt2016.forms-2017 .collapsible.collapsible-solid .headline-wrapper h2 {
      font-size: 16px;
      padding: 6px 1px 6px 15px;
      color: #E20074; }
  .myt2016 .section-reset-passwords .collapsible.collapsible-solid .col-wrapper, .myt2016.forms-2017 .collapsible.collapsible-solid .col-wrapper {
    border: none !important;
    padding: 15px; }
    .myt2016 .section-reset-passwords .collapsible.collapsible-solid .col-wrapper:after, .myt2016.forms-2017 .collapsible.collapsible-solid .col-wrapper:after {
      content: "";
      display: table;
      clear: both; }
    .myt2016 .section-reset-passwords .collapsible.collapsible-solid .col-wrapper .hint-row, .myt2016.forms-2017 .collapsible.collapsible-solid .col-wrapper .hint-row {
      margin-top: 0; }
      .myt2016 .section-reset-passwords .collapsible.collapsible-solid .col-wrapper .hint-row > .col, .myt2016.forms-2017 .collapsible.collapsible-solid .col-wrapper .hint-row > .col {
        padding: 0; }
    .myt2016 .section-reset-passwords .collapsible.collapsible-solid .col-wrapper label, .myt2016.forms-2017 .collapsible.collapsible-solid .col-wrapper label {
      display: block;
      margin: 8px 0 4px 15px;
      font-weight: bold;
      font-size: 12px; }
  .myt2016 .section-reset-passwords .collapsible.collapsible-solid.collapsed, .myt2016.forms-2017 .collapsible.collapsible-solid.collapsed {
    border: 1px solid #e6e6e6; }
    .myt2016 .section-reset-passwords .collapsible.collapsible-solid.collapsed .col-wrapper, .myt2016.forms-2017 .collapsible.collapsible-solid.collapsed .col-wrapper {
      display: none; }
    .myt2016 .section-reset-passwords .collapsible.collapsible-solid.collapsed .headline-wrapper, .myt2016.forms-2017 .collapsible.collapsible-solid.collapsed .headline-wrapper {
      border-bottom: none;
      margin-top: 0px; }
      .myt2016 .section-reset-passwords .collapsible.collapsible-solid.collapsed .headline-wrapper h2, .myt2016.forms-2017 .collapsible.collapsible-solid.collapsed .headline-wrapper h2 {
        font-size: 16px;
        padding: 6px 1px 6px 15px;
        color: #d0d0d0; }

.myt2016 .section-reset-passwords .error-box, .myt2016.forms-2017 .error-box {
  display: none; }

.myt2016 .section-reset-passwords .error input[type="text"], .myt2016 .section-reset-passwords .error input[type="password"], .myt2016 .section-reset-passwords .error input[type="date"], .myt2016 .section-reset-passwords .error input[type="number"], .myt2016.forms-2017 .error input[type="text"], .myt2016.forms-2017 .error input[type="password"], .myt2016.forms-2017 .error input[type="date"], .myt2016.forms-2017 .error input[type="number"] {
  border: 2px solid #d90000;
  color: #d90000; }

.myt2016 .section-reset-passwords .error .error-box, .myt2016.forms-2017 .error .error-box {
  display: block;
  background-color: transparent;
  color: #d90000;
  padding: 6px 0 0 0; }

.myt2016 .section-reset-passwords .txt strong, .myt2016.forms-2017 .txt strong {
  font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
  font-weight: 900; }

.myt2016 .section-reset-passwords .hint-row, .myt2016.forms-2017 .hint-row {
  padding: 0;
  margin: 15px 0;
  box-sizing: border-box;
  position: relative;
  display: none; }
  .myt2016 .section-reset-passwords .hint-row .col, .myt2016.forms-2017 .hint-row .col {
    margin: 0; }
    .myt2016 .section-reset-passwords .hint-row .col .icon-alert, .myt2016.forms-2017 .hint-row .col .icon-alert {
      margin: 0; }
  .myt2016 .section-reset-passwords .hint-row.show-hint, .myt2016.forms-2017 .hint-row.show-hint {
    display: block; }
  .myt2016 .section-reset-passwords .hint-row .hint, .myt2016.forms-2017 .hint-row .hint {
    font-size: 16px;
    color: #000000;
    display: inline-block;
    margin-left: 50px;
    min-height: 40px;
    box-sizing: border-box; }
    .myt2016 .section-reset-passwords .hint-row .hint strong, .myt2016.forms-2017 .hint-row .hint strong {
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      font-weight: 900; }
    .myt2016 .section-reset-passwords .hint-row .hint .event-ad, .myt2016.forms-2017 .hint-row .hint .event-ad {
      float: right;
      margin-left: 10px; }

.myt2016 .section-reset-passwords .pw-infometer, .myt2016.forms-2017 .pw-infometer {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 14px 110px 11px 20px;
  margin-top: 29px;
  min-height: 108px;
  position: relative; }
  .myt2016 .section-reset-passwords .pw-infometer h3, .myt2016.forms-2017 .pw-infometer h3 {
    font-size: 13px; }
  .myt2016 .section-reset-passwords .pw-infometer p, .myt2016.forms-2017 .pw-infometer p {
    font-size: 13px;
    line-height: 15px; }
  .myt2016 .section-reset-passwords .pw-infometer:after, .myt2016.forms-2017 .pw-infometer:after {
    content: "";
    display: block;
    width: 66px;
    height: 66px;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -33px;
    background: url(../img/sprite.png) no-repeat; }
  .myt2016 .section-reset-passwords .pw-infometer.pw-infometer-0:after, .myt2016.forms-2017 .pw-infometer.pw-infometer-0:after {
    background-position: -200px -840px; }
  .myt2016 .section-reset-passwords .pw-infometer.pw-infometer-1:after, .myt2016.forms-2017 .pw-infometer.pw-infometer-1:after {
    background-position: -280px -840px; }
  .myt2016 .section-reset-passwords .pw-infometer.pw-infometer-2:after, .myt2016.forms-2017 .pw-infometer.pw-infometer-2:after {
    background-position: -360px -840px; }
  .myt2016 .section-reset-passwords .pw-infometer.pw-infometer-3:after, .myt2016.forms-2017 .pw-infometer.pw-infometer-3:after {
    background-position: -440px -840px; }
  .myt2016 .section-reset-passwords .pw-infometer.pw-infometer-4:after, .myt2016.forms-2017 .pw-infometer.pw-infometer-4:after {
    background-position: -520px -840px; }

.myt2016 .section-reset-passwords .step-reset-password.step-confirmation .hint-row, .myt2016.forms-2017 .step-reset-password.step-confirmation .hint-row {
  margin-top: 20px; }
  .myt2016 .section-reset-passwords .step-reset-password.step-confirmation .hint-row .icon-alert:before, .myt2016.forms-2017 .step-reset-password.step-confirmation .hint-row .icon-alert:before {
    top: 7px; }
  .myt2016 .section-reset-passwords .step-reset-password.step-confirmation .hint-row .hint, .myt2016.forms-2017 .step-reset-password.step-confirmation .hint-row .hint {
    padding-top: 10px; }
    .myt2016 .section-reset-passwords .step-reset-password.step-confirmation .hint-row .hint .event-ad, .myt2016.forms-2017 .step-reset-password.step-confirmation .hint-row .hint .event-ad {
      float: right;
      margin-left: 10px; }

.myt2016 .section-reset-passwords .step-reset-password.step-confirmation .btn-holder .button, .myt2016.forms-2017 .step-reset-password.step-confirmation .btn-holder .button {
  margin-top: 0; }

.myt2016.welcome .pagecrumb {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #e6e6e6;
  margin-top: 7px; }
  .myt2016.welcome .pagecrumb:after, .myt2016.welcome .pagecrumb:before {
    display: table;
    content: " "; }
  .myt2016.welcome .pagecrumb:after {
    clear: both; }
  .myt2016.welcome .pagecrumb li {
    display: block;
    float: left;
    box-sizing: border-box;
    width: 33.33%;
    font-size: 16px;
    line-height: 16px;
    padding: 15px 0;
    line-height: 16px;
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    font-weight: 900;
    text-align: center;
    color: #333333;
    border-right: 1px solid #e6e6e6; }
    .myt2016.welcome .pagecrumb li:last-child {
      border-right: none; }
    .myt2016.welcome .pagecrumb li.active {
      color: #E20074; }
  .myt2016.welcome .pagecrumb.margin-bottom {
    margin-bottom: 40px; }

@media only screen and (max-width: 680px) {
  .myt2016.welcome .pagecrumb {
    padding: 0; }
    .myt2016.welcome .pagecrumb li {
      width: 100%;
      text-align: left;
      border-bottom: 1px solid #e6e6e6;
      border-right: none;
      padding-left: 10px; }
      .myt2016.welcome .pagecrumb li:last-child {
        border-bottom: none; } }

@media only screen and (min-width: 681px) and (max-width: 1024px) {
  .myt2016.welcome .pagecrumb {
    padding: 0; }
    .myt2016.welcome .pagecrumb li {
      width: 100%;
      text-align: left;
      border-bottom: 1px solid #e6e6e6;
      border-right: none;
      padding-left: 10px; }
      .myt2016.welcome .pagecrumb li:last-child {
        border-bottom: none; } }

.myt2016.welcome .background-lightest {
  min-height: calc(100vh - 280px); }

.myt2016.welcome label {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 4px 15px; }
  .myt2016.welcome label .label-txt {
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif; }

.myt2016.welcome .no-margin-top label {
  font-size: 16px;
  font-weight: normal;
  margin: 8px 0 6px 0; }

.myt2016.welcome .promo-banner {
  /* by s.süssenbeck */
  position: relative;
  margin-top: 50px;
  padding: 25px;
  background: #e20074;
  box-sizing: border-box; }
  .myt2016.welcome .promo-banner .col {
    margin-top: 0; }
  .myt2016.welcome .promo-banner h2 {
    font-family: "Tele-Grotesk-Fett", Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 22px;
    max-width: 100%; }
  .myt2016.welcome .promo-banner p {
    color: #fff; }
  .myt2016.welcome .promo-banner .magentaBtn {
    margin-top: 10px;
    padding-left: 40px;
    padding-right: 40px;
    border: 2px solid #fff;
    font-size: 19px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    clear: both;
    float: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .myt2016.welcome .promo-banner .magentaBtn:hover {
    background-color: #fc0082;
    color: #FFF !important; }
  .myt2016.welcome .promo-banner img {
    max-width: 100%; }
  @media only screen and (max-width: 680px) {
    .myt2016.welcome .promo-banner {
      padding-bottom: 90px; }
      .myt2016.welcome .promo-banner .magentaBtn {
        position: absolute;
        bottom: 25px; }
      .myt2016.welcome .promo-banner img {
        margin-top: 20px; } }

.myt2016.welcome .anim-holder {
  /* by s.süssenbeck */
  background: #e20074;
  color: #ffffff;
  padding: 25px 0 15px 0; }
  .myt2016.welcome .anim-holder .anim-headline {
    font-family: "Tele-Grotesk-Ultra", Arial, Helvetica, sans-serif;
    text-align: center; }
    .myt2016.welcome .anim-holder .anim-headline .anim-headline-left {
      margin-right: 10px;
      display: inline-block;
      max-width: 50%; }
    .myt2016.welcome .anim-holder .anim-headline .anim-headline-right {
      display: inline-block;
      max-width: 50%; }
    .myt2016.welcome .anim-holder .anim-headline .anim-headline-l1 {
      font-size: 70px;
      line-height: 1; }
    .myt2016.welcome .anim-holder .anim-headline .anim-headline-l2 {
      text-transform: uppercase;
      display: block;
      font-size: 32px;
      line-height: 1; }
    .myt2016.welcome .anim-holder .anim-headline .anim-headline-l3 {
      font-size: 27px;
      line-height: 1; }
  .myt2016.welcome .anim-holder .anim-slider img {
    display: block;
    margin: 20px auto; }
  .myt2016.welcome .anim-holder .anim-slider p {
    font-size: 15px;
    line-height: 1.4;
    padding: 0 30px; }
  .myt2016.welcome .anim-holder .bx-viewport {
    cursor: move;
    user-select: none; }
  .myt2016.welcome .anim-holder .bx-controls .bx-pager {
    text-align: center; }
    .myt2016.welcome .anim-holder .bx-controls .bx-pager .bx-pager-item {
      display: inline-block;
      margin-right: 7px; }
      .myt2016.welcome .anim-holder .bx-controls .bx-pager .bx-pager-item:last-child {
        margin-right: 0; }
      .myt2016.welcome .anim-holder .bx-controls .bx-pager .bx-pager-item > a {
        display: block;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        width: 5px;
        height: 5px;
        background: white;
        border-radius: 50%;
        opacity: .6; }
        .myt2016.welcome .anim-holder .bx-controls .bx-pager .bx-pager-item > a.active {
          opacity: 1; }
  @media only screen and (max-width: 1024px) {
    .myt2016.welcome .anim-holder .anim-headline-l1 {
      font-size: 50px; }
    .myt2016.welcome .anim-holder .anim-headline-l2 {
      font-size: 22px; }
    .myt2016.welcome .anim-holder .anim-headline-l3 {
      font-size: 18px; } }

.myt2016.welcome span.magenta, .myt2016.welcome h3.magenta {
  color: #E20074; }

.myt2016.welcome h3.magenta {
  margin-top: 8px; }

.myt2016.welcome input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
  pointer-events: none; }

.myt2016.welcome input[type="checkbox"] + .label-txt {
  position: relative;
  margin-left: 30px; }
  .myt2016.welcome input[type="checkbox"] + .label-txt:before {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -30px;
    height: 16px;
    width: 16px;
    border: 1px solid #e6e6e6;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border-radius: 3px;
    content: ''; }

.myt2016.welcome input[type="checkbox"]:checked + .label-txt:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC);
  background-color: #e20074;
  background-repeat: no-repeat;
  background-position: center center;
  border-color: #a90056;
  content: ''; }

.myt2016.welcome .hint-row {
  padding: 10px;
  margin-top: 30px;
  margin-bottom: 15px;
  box-sizing: border-box;
  position: relative;
  display: none; }
  .myt2016.welcome .hint-row .col {
    margin: 0;
    min-height: 40px;
    display: flex; }
    .myt2016.welcome .hint-row .col .icon {
      margin: 0; }
      .myt2016.welcome .hint-row .col .icon:before {
        top: 8px; }
  .myt2016.welcome .hint-row.show-hint {
    display: block; }
  .myt2016.welcome .hint-row .hint {
    font-size: 16px;
    color: #000000;
    display: inline-block;
    margin-left: 50px;
    box-sizing: border-box;
    align-self: center; }
    .myt2016.welcome .hint-row .hint strong {
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      font-weight: 900; }
    .myt2016.welcome .hint-row .hint .event-ad {
      float: right;
      margin-left: 10px; }

.myt2016.view-online-egn .downloads {
  text-align: right; }
  .myt2016.view-online-egn .downloads a {
    margin-top: 8px;
    display: inline-block;
    margin-left: 8px; }
  .myt2016.view-online-egn .downloads.mobileOnly {
    text-align: left;
    margin-bottom: 15px; }
    .myt2016.view-online-egn .downloads.mobileOnly a {
      margin-left: 0; }

.myt2016.view-online-egn .collapse-btn {
  display: block; }

.myt2016.view-online-egn .collapsible {
  /* &.collapsible-solid {
                .headline-wrapper {
                    background-color: #e6e6e6;
                    border-bottom: none;
                    margin-top: 0px;
                    h2 {
                        font-size: 19px;
                        padding: 6px 1px 6px 10px;
                        color: #000000;
                        max-width: 80%;
                    }
                    .collapse-btn {
                        width: 100%;
                        height: 34px;
                        position: absolute;
                        top: 50%;
                        bottom: auto;
                        margin-top: -17px;
                        border: none;
                        background: none;
                        cursor: pointer;
                        .icon-collapse {
                            width: 16px;
                            height: 16px;
                            display: block;
                            position: absolute;
                            top: 9px;
                            right: 9px;
                            background-position: -40px -920px;
                        }
                    }
                    @media only screen and (max-width: 680px) {
                        margin-bottom: 0;
                    }
                }
                &.collapsed {
                    .headline-wrapper .collapse-btn .icon-collapse {
                        background-position: 0px -920px;
                    }
                }
            }*/ }
  .myt2016.view-online-egn .collapsible .col-wrapper {
    overflow: hidden; }
  .myt2016.view-online-egn .collapsible .collapse-btn .icon-collapse:after {
    width: 16px;
    height: 16px;
    font-family: "icomoon";
    content: "";
    color: #E20074; }
  .myt2016.view-online-egn .collapsible .collapse-btn.open .icon-collapse:after {
    width: 16px;
    height: 16px;
    font-family: "icomoon";
    content: "";
    color: #E20074; }

.myt2016.view-online-egn .collapsible.collapsed .col-wrapper {
  display: none !important; }

.myt2016.view-online-egn table.table-egn {
  width: 99.5555%;
  border-spacing: 0;
  border-collapse: collapse;
  margin-bottom: 10px; }
  .myt2016.view-online-egn table.table-egn tbody tr {
    border: 1px solid #e6e6e6; }
  .myt2016.view-online-egn table.table-egn th,
  .myt2016.view-online-egn table.table-egn td {
    text-align: left;
    vertical-align: top; }
    .myt2016.view-online-egn table.table-egn th:last-child,
    .myt2016.view-online-egn table.table-egn td:last-child {
      text-align: right; }
    .myt2016.view-online-egn table.table-egn th.nowrap,
    .myt2016.view-online-egn table.table-egn td.nowrap {
      white-space: nowrap; }
  .myt2016.view-online-egn table.table-egn th {
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    vertical-align: top;
    padding: 0 20px 3px 20px; }
  .myt2016.view-online-egn table.table-egn td {
    padding: 20px; }
    .myt2016.view-online-egn table.table-egn td.sum {
      color: #E20074;
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      font-weight: 900;
      border-bottom: none;
      white-space: nowrap; }
  @media only screen and (max-width: 680px) {
    .myt2016.view-online-egn table.table-egn {
      font-size: 14px; } }

.myt2016.view-online-egn .table-holder-responsive {
  margin-bottom: 20px; }

.myt2016.view-online-egn .select-number-top {
  margin: 10px 0 0 0; }
  .myt2016.view-online-egn .select-number-top .col {
    padding-left: 0;
    padding-right: 0; }
  .myt2016.view-online-egn .select-number-top label {
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    font-weight: 900;
    font-size: 12px;
    display: block;
    margin-left: 15px; }
  .myt2016.view-online-egn .select-number-top a.right {
    display: block;
    text-align: right; }

.myt2016.view-online-egn h3 {
  margin-bottom: 20px; }
  .myt2016.view-online-egn h3.magenta {
    border-bottom: 2px solid #E20074;
    color: #E20074;
    font-size: 24px; }

.myt2016.view-online-egn .txt {
  display: inline-block;
  margin-bottom: 30px; }
  .myt2016.view-online-egn .txt strong {
    display: block;
    font-weight: normal;
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    font-weight: 900; }

.myt2016.view-online-egn .legal-txt {
  font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 13px;
  margin-top: -20px;
  margin-bottom: 10px;
  display: block; }

.myt2016.view-online-egn a.download_pdf {
  color: #333333;
  display: block;
  text-decoration: none; }
  .myt2016.view-online-egn a.download_pdf:before {
    content: "";
    margin-right: 10px;
    font-family: "icomoon";
    color: #E20074; }

.myt2016.view-online-egn a.download_csv {
  color: #333333;
  display: block;
  text-decoration: none; }
  .myt2016.view-online-egn a.download_csv:before {
    content: "";
    margin-right: 10px;
    font-family: "icomoon";
    color: #E20074; }

.myt2016.view-online-egn a.icon-download {
  color: #333333;
  background: none; }
  .myt2016.view-online-egn a.icon-download:before {
    content: "";
    margin-right: 10px;
    font-family: "icomoon";
    text-decoration: none;
    color: #E20074;
    color: #E20074; }

.myt2016.view-online-egn .table-holder-responsive {
  width: 100%;
  overflow-y: auto; }

@media only screen and (min-width: 681px) and (max-width: 1024px) {
  .myt2016.view-online-egn table {
    min-width: 600px; } }

.myt2016.view-online-invoices .collapse-btn {
  display: block; }

.myt2016.view-online-invoices .collapsible .col-wrapper {
  overflow: hidden; }
  @media only screen and (max-width: 680px) {
    .myt2016.view-online-invoices .collapsible .col-wrapper {
      padding-top: 0; } }

.myt2016.view-online-invoices .collapsible.collapsible-solid .headline-wrapper {
  background-color: #e6e6e6;
  border-bottom: none;
  margin-top: 0px; }
  .myt2016.view-online-invoices .collapsible.collapsible-solid .headline-wrapper h2 {
    font-size: 16px;
    padding: 17px 20px;
    color: #333333;
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    font-weight: bold; }
  .myt2016.view-online-invoices .collapsible.collapsible-solid .headline-wrapper .value-tag {
    display: block;
    font-size: 16px;
    position: absolute;
    right: 37px;
    top: 17px;
    color: #333333; }
  .myt2016.view-online-invoices .collapsible.collapsible-solid .headline-wrapper .collapse-btn {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 17px;
    cursor: pointer;
    z-index: 10;
    color: #ffffff; }
    .myt2016.view-online-invoices .collapsible.collapsible-solid .headline-wrapper .collapse-btn .icon {
      background: none; }
    .myt2016.view-online-invoices .collapsible.collapsible-solid .headline-wrapper .collapse-btn .icon-collapse:after {
      width: 16px;
      height: 16px;
      font-family: "icomoon";
      content: "";
      color: #E20074; }
    .myt2016.view-online-invoices .collapsible.collapsible-solid .headline-wrapper .collapse-btn.open .icon-collapse:after {
      width: 16px;
      height: 16px;
      font-family: "icomoon";
      content: "";
      color: #E20074; }
  @media only screen and (max-width: 680px) {
    .myt2016.view-online-invoices .collapsible.collapsible-solid .headline-wrapper {
      margin-bottom: 0; }
      .myt2016.view-online-invoices .collapsible.collapsible-solid .headline-wrapper h2 {
        padding: 0; } }

.myt2016.view-online-invoices .collapsible.collapsible-solid.collapsed .headline-wrapper .collapse-btn .icon-collapse {
  background-position: 0px -920px; }

.myt2016.view-online-invoices .collapsible.collapsible-solid.hilight .headline-wrapper {
  background-color: #E20074; }
  .myt2016.view-online-invoices .collapsible.collapsible-solid.hilight .headline-wrapper h2 {
    color: #ffffff; }
  .myt2016.view-online-invoices .collapsible.collapsible-solid.hilight .headline-wrapper .value-tag {
    color: #ffffff; }

.myt2016.view-online-invoices .collapsible.collapsible-solid.hilight .collapse-btn .icon {
  background: none; }

.myt2016.view-online-invoices .collapsible.collapsible-solid.hilight .collapse-btn .icon-collapse:after {
  color: #ffffff; }

.myt2016.view-online-invoices .collapsible.collapsible-solid.hilight .collapse-btn.open .icon-collapse:after {
  color: #ffffff; }

.myt2016.view-online-invoices .collapsible.collapsed .col-wrapper {
  display: none !important; }

.myt2016.view-online-invoices table {
  margin-bottom: 30px; }
  .myt2016.view-online-invoices table th:last-child, .myt2016.view-online-invoices table td:last-child {
    text-align: right; }
  .myt2016.view-online-invoices table th .icon-btn, .myt2016.view-online-invoices table td .icon-btn {
    margin-top: 0;
    width: auto; }
    .myt2016.view-online-invoices table th .icon-btn .desc, .myt2016.view-online-invoices table td .icon-btn .desc {
      padding-left: 0;
      padding-right: 0;
      min-width: inherit; }
      .myt2016.view-online-invoices table th .icon-btn .desc span.noMobile, .myt2016.view-online-invoices table td .icon-btn .desc span.noMobile {
        display: inline-block; }
  .myt2016.view-online-invoices table th {
    position: relative;
    vertical-align: middle; }
    .myt2016.view-online-invoices table th.small {
      width: 170px; }
  .myt2016.view-online-invoices table td.sum {
    color: #E20074;
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    font-weight: 900; }

.myt2016.view-online-invoices .select-number-top {
  margin: 10px 0 0 0; }
  .myt2016.view-online-invoices .select-number-top .col {
    padding-left: 0;
    padding-right: 0; }
  .myt2016.view-online-invoices .select-number-top label {
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    font-weight: 900;
    font-size: 12px;
    display: block;
    margin-left: 15px;
    margin-bottom: 3px; }
  .myt2016.view-online-invoices .select-number-top a.right {
    display: block;
    text-align: right;
    margin-top: 28px; }

.myt2016.view-online-invoices h3 {
  margin-bottom: 20px; }
  .myt2016.view-online-invoices h3.magenta {
    color: #333333;
    font-size: 26px;
    line-height: 26px;
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    font-weight: bold; }

.myt2016.view-online-invoices .txt {
  display: inline-block;
  margin-bottom: 30px; }
  .myt2016.view-online-invoices .txt strong {
    font-weight: 900;
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif; }

.myt2016.view-online-invoices .legal-txt {
  font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 13px;
  margin-top: -20px;
  margin-bottom: 10px;
  display: block; }

.myt2016.view-online-invoices .popup-info-holder {
  position: relative;
  top: 4px;
  left: 4px; }
  .myt2016.view-online-invoices .popup-info-holder .popup-info {
    width: 204px;
    position: absolute;
    left: 10px;
    top: 10px; }
  .myt2016.view-online-invoices .popup-info-holder .icon-popup {
    position: relative; }

.myt2016.view-online-invoices a {
  text-decoration: none; }
  .myt2016.view-online-invoices a.download_pdf {
    color: #333333; }
    .myt2016.view-online-invoices a.download_pdf:before {
      content: "";
      margin-right: 10px;
      font-family: "icomoon"; }
  .myt2016.view-online-invoices a.download_csv {
    color: #333333; }
    .myt2016.view-online-invoices a.download_csv:before {
      content: "";
      margin-right: 10px;
      font-family: "icomoon"; }
  .myt2016.view-online-invoices a.icon-download {
    color: #333333;
    background: none; }
    .myt2016.view-online-invoices a.icon-download:before {
      content: "";
      margin-right: 10px;
      font-family: "icomoon"; }
  .myt2016.view-online-invoices a:hover {
    color: #E20074; }

.myt2016.view-online-invoices .sum-box {
  margin-bottom: 30px; }
  .myt2016.view-online-invoices .sum-box .col {
    margin-top: 0; }
  .myt2016.view-online-invoices .sum-box table {
    margin-bottom: 0; }
    .myt2016.view-online-invoices .sum-box table tr td {
      font-size: 19px;
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif; }
    .myt2016.view-online-invoices .sum-box table tr:last-child td {
      border-bottom: 0; }

.myt2016.view-online-invoices .hint-row {
  padding: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
  box-sizing: border-box;
  position: relative;
  display: none; }
  .myt2016.view-online-invoices .hint-row .col {
    margin: 0; }
  .myt2016.view-online-invoices .hint-row .icon {
    display: inline-block; }
    .myt2016.view-online-invoices .hint-row .icon.icon-alert {
      width: 40px;
      height: 40px;
      position: absolute;
      margin: 0;
      background: none; }
      .myt2016.view-online-invoices .hint-row .icon.icon-alert:before {
        font-family: "icomoon";
        content: "";
        font-size: 25px;
        left: 5px;
        top: 5px;
        position: absolute;
        color: #E20074; }
  .myt2016.view-online-invoices .hint-row .hint {
    font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #333333;
    display: inline-block;
    margin-left: 50px;
    min-height: 40px;
    box-sizing: border-box; }
    .myt2016.view-online-invoices .hint-row .hint .event-ad {
      float: right;
      margin-left: 10px; }
    .myt2016.view-online-invoices .hint-row .hint strong {
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
      font-weight: 900; }
  .myt2016.view-online-invoices .hint-row.show-hint {
    display: block; }
  .myt2016.view-online-invoices .hint-row:after {
    content: '';
    clear: both;
    display: table; }
  .myt2016.view-online-invoices .hint-row .align-bottom {
    position: absolute;
    bottom: 12px;
    right: 15px;
    width: auto;
    padding-left: 35px;
    padding-right: 35px; }
  @media only screen and (max-width: 680px) {
    .myt2016.view-online-invoices .hint-row {
      border: none; } }

.myt2016.view-online-invoices .info-box {
  padding: 15px 15px 15px 60px;
  border: 1px solid #e6e6e6;
  overflow: hidden;
  position: relative;
  font-size: 16px; }
  .myt2016.view-online-invoices .info-box h3 {
    font-size: 16px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 17px; }
  .myt2016.view-online-invoices .info-box:before {
    font-family: "icomoon";
    content: "";
    font-size: 25px;
    left: 15px;
    top: 10px;
    position: absolute;
    color: #E20074; }

@media only screen and (min-width: 681px) and (max-width: 1024px) {
  .myt2016.view-online-invoices .hint-row .col.c3 {
    width: 100% !important; }
  .myt2016.view-online-invoices .hint-row .col.c9 {
    width: 100% !important; }
  .myt2016.view-online-invoices .hint-row .align-bottom {
    position: static;
    width: 100%; }
  .myt2016.view-online-invoices .hint-row .event-ad {
    width: 100%;
    text-align: center;
    float: none;
    margin-left: 0px; } }

@media only screen and (max-width: 680px) {
  .myt2016.view-online-invoices .popup-info-holder {
    position: static;
    top: initial;
    padding-left: 5px; }
    .myt2016.view-online-invoices .popup-info-holder .popup-info {
      left: 0;
      top: inherit; }
  .myt2016.view-online-invoices table th, .myt2016.view-online-invoices table td {
    padding: 5px 10px;
    vertical-align: bottom; }
    .myt2016.view-online-invoices table th .icon-btn .desc, .myt2016.view-online-invoices table td .icon-btn .desc {
      min-width: 90px;
      padding: 0; }
      .myt2016.view-online-invoices table th .icon-btn .desc span.noMobile, .myt2016.view-online-invoices table td .icon-btn .desc span.noMobile {
        display: none; }
  .myt2016.view-online-invoices table th.small {
    width: auto; }
  .myt2016.view-online-invoices table tbody tr td {
    padding: 15px 10px; }
  .myt2016.view-online-invoices .hint-row .align-bottom {
    position: static;
    width: 100%;
    line-height: 33px;
    margin-top: 10px; }
  .myt2016.view-online-invoices .hint-row .event-ad {
    float: none;
    margin-left: 0px; } }

.myt2016.view-online-invoices.modal .modal-content-contact .modal-header {
  border: none; }
  .myt2016.view-online-invoices.modal .modal-content-contact .modal-header h3 {
    font-size: 19px;
    line-height: 21px;
    color: #333333;
    margin: 0; }
    .myt2016.view-online-invoices.modal .modal-content-contact .modal-header h3.magenta {
      color: #E20074;
      border: none;
      font-size: 19px;
      margin-top: 10px; }

.myt2016.view-online-invoices.modal .modal-content-contact .modal-body a {
  color: #E20074; }

.myt2016.view-online-invoices.modal .modal-content-contact .modal-body .left-col {
  padding-right: 20px;
  box-sizing: border-box; }

.myt2016.view-online-invoices.modal .modal-content-contact .modal-body table {
  width: 100%;
  border-collapse: collapse; }
  .myt2016.view-online-invoices.modal .modal-content-contact .modal-body table tr:first-child td {
    border-top: 1px solid #e6e6e6; }
  .myt2016.view-online-invoices.modal .modal-content-contact .modal-body table tr td {
    border-bottom: 1px solid #e6e6e6;
    padding: 2px 0 2px 0;
    vertical-align: top; }
    .myt2016.view-online-invoices.modal .modal-content-contact .modal-body table tr td.label {
      padding: 2px 10px 2px 0;
      font-family: "TeleNeo Web", Arial, Helvetica, sans-serif; }

@media only screen and (max-width: 680px) {
  .myt2016.view-online-invoices.modal .modal-content-contact .modal-body .left-col {
    padding-right: 0; }
    .myt2016.view-online-invoices.modal .modal-content-contact .modal-body .left-col table {
      margin-bottom: 0; }
  .myt2016.view-online-invoices.modal .modal-content-contact .modal-body .right-col table tr:first-child td {
    border-top: none; } }

.myt2016 .section-products .fmc .icon.icon-status-green {
  background-position: -40px -680px;
  width: 28px;
  height: 28px; }

.myt2016 .section-products .fmc .icon.icon-status-red {
  background-position: -120px -680px;
  width: 28px;
  height: 28px; }

.myt2016 .section-products .fmc .icon.icon-status-yellow {
  background-position: -80px -680px;
  width: 28px;
  height: 28px; }

.myt2016 .section-products .fmc .icon.icon-status-neutral {
  background-position: 0 -680px;
  width: 28px;
  height: 28px; }

.myt2016 .section-products .fmc .icon.icon-status-empty {
  background-position: -160px -680px;
  width: 28px;
  height: 28px; }

.myt2016 .section-products .fmc .orderstatus .row {
  padding-top: 20px; }

.myt2016 .section-products .fmc .orderstatus .col {
  margin-top: 0; }

.myt2016 .section-products .fmc .orderstatus h3 {
  font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #333333;
  font-size: 16px; }

.myt2016 .section-products .fmc .orderstatus .date {
  color: #333333;
  margin-top: 5px;
  display: inline-block; }

.myt2016 .section-products .fmc .orderstatus .button.magenta {
  color: #ffffff; }

.myt2016 .section-products .fmc .orderstatus .icon {
  margin-top: -3px;
  margin-bottom: 12px; }

.myt2016 .section-products .fmc .orderstatus .segment-status-done h3 {
  color: #999999; }

.myt2016 .section-products .fmc .orderstatus .segment-status-done .date {
  color: #999999; }

.myt2016 .section-products .fmc .orderstatus .segment-status-active .c4 button, .myt2016 .section-products .fmc .orderstatus .segment-status-active .c6 button {
  margin-top: 9px;
  margin-bottom: 11px; }

.myt2016 .section-products .fmc .orderstatus .segment-status-active h3 {
  font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
  color: #333333;
  font-weight: 900; }

.myt2016 .section-products .fmc .orderstatus .segment-status-active .date {
  font-family: "TeleNeo Web", Arial, Helvetica, sans-serif;
  color: #333333;
  font-weight: 900; }

@media only screen and (max-width: 680px) {
  .myt2016 .section-products .fmc .col-wrapper {
    padding-top: 50px; }
    .myt2016 .section-products .fmc .col-wrapper.troubleticket {
      padding-top: 10px; }
    .myt2016 .section-products .fmc .col-wrapper .c3 {
      margin-top: 5px; }
      .myt2016 .section-products .fmc .col-wrapper .c3 button {
        margin-bottom: 15px; }
    .myt2016 .section-products .fmc .col-wrapper hr {
      margin-left: -15px;
      margin-right: -15px; }
      .myt2016 .section-products .fmc .col-wrapper hr:last-child {
        display: none; }
  .myt2016 .section-products .fmc .orderstatus .col.align-right {
    text-align: left; }
  .myt2016 .section-products .fmc .orderstatus .date {
    display: inline; }
  .myt2016 .section-products .fmc .orderstatus .icon {
    margin-bottom: 0; } }

.myt2016 .number-chooser {
  background: #f7f7f7;
  border: 1px solid #e6e6e6;
  padding: 10px 10px;
  overflow: hidden;
  margin-top: 15px; }
  .myt2016 .number-chooser .number-chooser-search {
    margin-top: 15px !important;
    padding-left: 35px !important; }
    .myt2016 .number-chooser .number-chooser-search .label {
      width: auto;
      margin-bottom: 3px;
      margin-right: 15px; }
      @media (max-width: 930px) {
        .myt2016 .number-chooser .number-chooser-search .label {
          width: 100%;
          margin-bottom: 5px; } }
    .myt2016 .number-chooser .number-chooser-search input {
      display: inline-block;
      width: 160px;
      margin-right: 10px; }
    .myt2016 .number-chooser .number-chooser-search button {
      display: inline-block;
      width: auto;
      margin-top: 0;
      padding: 1px 15px;
      position: relative; }
  .myt2016 .number-chooser .numberHolder {
    position: relative;
    padding: 0 20px 10px 20px; }
    .myt2016 .number-chooser .numberHolder .numberRow {
      list-style: none;
      margin: 0;
      padding: 0; }
      .myt2016 .number-chooser .numberHolder .numberRow li {
        width: 33.3333%;
        padding-bottom: 5px;
        float: left; }
        .myt2016 .number-chooser .numberHolder .numberRow li label, .myt2016 .number-chooser .numberHolder .numberRow li input {
          cursor: pointer; }
        .myt2016 .number-chooser .numberHolder .numberRow li input[type="radio"] {
          position: absolute;
          height: 0;
          width: 0;
          pointer-events: none; }
        .myt2016 .number-chooser .numberHolder .numberRow li input[type="radio"] {
          position: relative;
          margin: 20px 0 0 30px; }
          .myt2016 .number-chooser .numberHolder .numberRow li input[type="radio"]:before {
            position: absolute;
            display: inline-block;
            top: -16px;
            left: -30px;
            height: 17px;
            width: 17px;
            border: 1px solid #e6e6e6;
            color: #fff;
            text-align: center;
            cursor: pointer;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            content: ''; }
          .myt2016 .number-chooser .numberHolder .numberRow li input[type="radio"]:after {
            top: -9px;
            left: -23px;
            width: 5px;
            height: 5px;
            background: #ffffff;
            border-radius: 50%;
            content: "";
            position: absolute;
            display: none; }
        .myt2016 .number-chooser .numberHolder .numberRow li input[type="radio"]:checked:before {
          background-color: #e20074;
          border-color: #a90056; }
        .myt2016 .number-chooser .numberHolder .numberRow li input[type="radio"]:checked:after {
          background-color: #ffffff;
          display: block; }
        @media (max-width: 710px) {
          .myt2016 .number-chooser .numberHolder .numberRow li {
            width: 50%; } }
        @media (max-width: 340px) {
          .myt2016 .number-chooser .numberHolder .numberRow li {
            width: 100%;
            float: none;
            margin: 0 auto; } }
    .myt2016 .number-chooser .numberHolder .icon.slideLeft, .myt2016 .number-chooser .numberHolder .icon.slideRight {
      position: absolute;
      display: block;
      width: 20px;
      height: 29px;
      top: 50%;
      margin-top: -15px;
      left: -11px;
      cursor: pointer;
      border: 1px solid #e6e6e6;
      background-position: 3px -913px;
      background-color: #ffffff; }
    .myt2016 .number-chooser .numberHolder .icon.slideLeft {
      -ms-transform: rotate(180deg);
      /* IE 9 */
      -webkit-transform: rotate(180deg);
      /* Chrome, Safari, Opera */
      transform: rotate(180deg); }
    .myt2016 .number-chooser .numberHolder .icon.slideRight {
      left: auto;
      right: -11px; }
  .myt2016 .number-chooser .btn-holder .button {
    margin-top: 5px; }

/*# sourceMappingURL=myt_2018.css.map */