#cards-container #cards-list>li .card .subscription>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .subscription>div {
  padding-top: 10px;
  margin-bottom: -5px;
  text-transform: lowercase;
}

#cards-container #cards-list>li .card .subscription>div .voo-logo div,
#cards-container #cards-list>li .card .subscription>div span,
.voo-logo #cards-container #cards-list>li .card .subscription>div div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .subscription>div div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .subscription>div .voo-logo div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .subscription>div span {
  font-family: MuseoSansRounded-300;
}

#cards-container #cards-list>li .card .subscription.tatoo,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .subscription.tatoo {
  background-color: #8A1E65;
}

#cards-container #cards-list>li .card .subscription.hero,
#cards-container #cards-list>li .card .subscription.wahoo,
#cards-container #cards-list>li .card .subscription.wahoo-pro,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .subscription.hero,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .subscription.wahoo,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .subscription.wahoo-pro {
  background-color: #D4007A;
}

#cards-container #cards-list>li .card .subscription.toodata,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .subscription.toodata {
  background-color: #8d94a9;
}

#cards-container #cards-list>li .card .subscription.toudoo,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .subscription.toudoo {
  background-color: #EF87B5;
}

#cards-container #cards-list>li .card .subscription.one,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .subscription.one {
  background-color: #e6007c;
}

#cards-container #cards-list>li .card .voo-logo div.included_label,
#cards-container #cards-list>li .card span.included_label,
.voo-logo #cards-container #cards-list>li .card div.included_label,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card div.included_label,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .voo-logo div.included_label,
section.page-content#invoices #cards-container #cards-list-invoices>li .card span.included_label {
  margin-top: 0;
  display: inline-block;
}

#cards-container #cards-list>li .card .voo-logo div.included_element,
#cards-container #cards-list>li .card span.included_element,
.voo-logo #cards-container #cards-list>li .card div.included_element,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card div.included_element,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .voo-logo div.included_element,
section.page-content#invoices #cards-container #cards-list-invoices>li .card span.included_element {
  color: #7db200;
  width: 115px;
  min-height: 30px;
  display: inline-block;
  position: relative;
  float: right;
  clear: both;
  margin-top: 0;
}

#cards-container #cards-list>li .card .voo-logo div.included_element div,
#cards-container #cards-list>li .card .voo-logo div.included_element span,
#cards-container #cards-list>li .card span.included_element .voo-logo div,
#cards-container #cards-list>li .card span.included_element span,
.voo-logo #cards-container #cards-list>li .card div.included_element div,
.voo-logo #cards-container #cards-list>li .card div.included_element span,
.voo-logo #cards-container #cards-list>li .card span.included_element div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card div.included_element div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card div.included_element span,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card span.included_element div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .voo-logo div.included_element div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .voo-logo div.included_element span,
section.page-content#invoices #cards-container #cards-list-invoices>li .card span.included_element .voo-logo div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card span.included_element span {
  display: block;
  margin-right: 35px;
  width: auto;
  text-align: right;
}

#cards-container #cards-list>li .card .voo-logo div.included_element div.confirm,
#cards-container #cards-list>li .card .voo-logo div.included_element span.confirm,
#cards-container #cards-list>li .card span.included_element .voo-logo div.confirm,
#cards-container #cards-list>li .card span.included_element span.confirm,
.voo-logo #cards-container #cards-list>li .card div.included_element div.confirm,
.voo-logo #cards-container #cards-list>li .card div.included_element span.confirm,
.voo-logo #cards-container #cards-list>li .card span.included_element div.confirm,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card div.included_element div.confirm,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card div.included_element span.confirm,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card span.included_element div.confirm,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .voo-logo div.included_element div.confirm,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .voo-logo div.included_element span.confirm,
section.page-content#invoices #cards-container #cards-list-invoices>li .card span.included_element .voo-logo div.confirm,
section.page-content#invoices #cards-container #cards-list-invoices>li .card span.included_element span.confirm {
  width: 29px;
  height: 29px;
  display: inline-block;
  border-radius: 50%;
  border: 2px solid #7db200;
  position: absolute;
  top: -6px;
  right: 0;
  margin: 0;
}

#cards-container #cards-list>li .card .voo-logo div.included_element div.confirm:before,
#cards-container #cards-list>li .card .voo-logo div.included_element span.confirm:before,
#cards-container #cards-list>li .card span.included_element .voo-logo div.confirm:before,
#cards-container #cards-list>li .card span.included_element span.confirm:before,
.voo-logo #cards-container #cards-list>li .card div.included_element div.confirm:before,
.voo-logo #cards-container #cards-list>li .card div.included_element span.confirm:before,
.voo-logo #cards-container #cards-list>li .card span.included_element div.confirm:before,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card div.included_element div.confirm:before,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card div.included_element span.confirm:before,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card span.included_element div.confirm:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .voo-logo div.included_element div.confirm:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .voo-logo div.included_element span.confirm:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card span.included_element .voo-logo div.confirm:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card span.included_element span.confirm:before {
  position: absolute;
  top: 9px;
  left: 28%;
  content: '';
  width: 2px;
  height: 10px;
  background-color: #7db200;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}

#cards-container #cards-list>li .card .voo-logo div.included_element div.confirm:after,
#cards-container #cards-list>li .card .voo-logo div.included_element span.confirm:after,
#cards-container #cards-list>li .card span.included_element .voo-logo div.confirm:after,
#cards-container #cards-list>li .card span.included_element span.confirm:after,
.voo-logo #cards-container #cards-list>li .card div.included_element div.confirm:after,
.voo-logo #cards-container #cards-list>li .card div.included_element span.confirm:after,
.voo-logo #cards-container #cards-list>li .card span.included_element div.confirm:after,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card div.included_element div.confirm:after,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card div.included_element span.confirm:after,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card span.included_element div.confirm:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .voo-logo div.included_element div.confirm:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .voo-logo div.included_element span.confirm:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card span.included_element .voo-logo div.confirm:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card span.included_element span.confirm:after {
  position: absolute;
  top: 6px;
  right: 32%;
  content: '';
  width: 2px;
  height: 13px;
  background-color: #7db200;
  -webkit-transform: rotate(50deg);
  -moz-transform: rotate(50deg);
  -o-transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  transform: rotate(50deg);
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}

#cards-container #cards-list>li .card .green-text,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .green-text {
  color: #7db200;
}

#cards-container #cards-list>li .card .error-text,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .error-text {
  color: #D64618;
}

#cards-container #cards-list>li .card .overlayed,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.6);
  z-index: 10;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 50px 25px 0;
}

#cards-container #cards-list>li .card .overlayed:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed:before {
  display: block;
  content: '';
  height: 5px;
  width: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: rgba(0,0,0,.6);
  position: absolute;
  top: -5px;
  left: 0;
}

#cards-container #cards-list>li .card .overlayed .overlay-content,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed .overlay-content {
  min-height: 80px;
  position: relative;
}

#cards-container #cards-list>li .card .overlayed .overlay-content form,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed .overlay-content form {
  height: auto;
  margin-top: 0;
  padding: 0;
}

#cards-container #cards-list>li .card .overlayed .overlay-content,
#cards-container #cards-list>li .card .overlayed form,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed .overlay-content,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed form {
  background-color: #fafafa;
  border-radius: 5px;
  padding: 20px;
}

#cards-container #cards-list>li .card .overlayed .overlay-content input[type=text].full,
#cards-container #cards-list>li .card .overlayed form input[type=text].full,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed .overlay-content input[type=text].full,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed form input[type=text].full {
  width: 100%;
}

#cards-container #cards-list>li .card .overlayed .overlay-content input[type=text].invalid,
#cards-container #cards-list>li .card .overlayed form input[type=text].invalid,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed .overlay-content input[type=text].invalid,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed form input[type=text].invalid {
  border: 1px solid red;
}

#cards-container #cards-list>li .card .overlayed .overlay-content .checkbox label,
#cards-container #cards-list>li .card .overlayed form .checkbox label,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed .overlay-content .checkbox label,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed form .checkbox label {
  height: auto;
  width: 80%;
}

#cards-container #cards-list>li .card .overlayed .overlay-content>div.value-container,
#cards-container #cards-list>li .card .overlayed .overlay-content>div.value-container .input-container.checkbox input[type=checkbox],
#cards-container #cards-list>li .card .overlayed .overlay-content>div.value-container input[type=number],
#cards-container #cards-list>li .card .overlayed .overlay-content>div.value-container input[type=text],
#cards-container #cards-list>li .card .overlayed .overlay-content>div.value-container input[type=password],
#cards-container #cards-list>li .card .overlayed .overlay-content>div.value-container input[type=email],
#cards-container #cards-list>li .card .overlayed .overlay-content>div.value-container input[type=tel],
#cards-container #cards-list>li .card .overlayed form>div.value-container,
#cards-container #cards-list>li .card .overlayed form>div.value-container .input-container.checkbox input[type=checkbox],
#cards-container #cards-list>li .card .overlayed form>div.value-container input[type=number],
#cards-container #cards-list>li .card .overlayed form>div.value-container input[type=text],
#cards-container #cards-list>li .card .overlayed form>div.value-container input[type=password],
#cards-container #cards-list>li .card .overlayed form>div.value-container input[type=email],
#cards-container #cards-list>li .card .overlayed form>div.value-container input[type=tel],
.input-container.checkbox #cards-container #cards-list>li .card .overlayed .overlay-content>div.value-container input[type=checkbox],
.input-container.checkbox #cards-container #cards-list>li .card .overlayed form>div.value-container input[type=checkbox],
.input-container.checkbox section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed .overlay-content>div.value-container input[type=checkbox],
.input-container.checkbox section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed form>div.value-container input[type=checkbox],
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed .overlay-content>div.value-container,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed .overlay-content>div.value-container .input-container.checkbox input[type=checkbox],
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed .overlay-content>div.value-container input[type=number],
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed .overlay-content>div.value-container input[type=text],
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed .overlay-content>div.value-container input[type=password],
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed .overlay-content>div.value-container input[type=email],
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed .overlay-content>div.value-container input[type=tel],
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed form>div.value-container,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed form>div.value-container .input-container.checkbox input[type=checkbox],
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed form>div.value-container input[type=number],
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed form>div.value-container input[type=text],
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed form>div.value-container input[type=password],
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed form>div.value-container input[type=email],
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed form>div.value-container input[type=tel] {
  width: 100%;
}

#cards-container #cards-list>li .card .overlayed .overlay-content .input-error-text,
#cards-container #cards-list>li .card .overlayed form .input-error-text,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed .overlay-content .input-error-text,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed form .input-error-text {
  width: 223px!important;
  padding-left: 28px;
  padding-right: 10px;
}

#cards-container #cards-list>li .card .overlayed .overlay-content .input-editable-submit.submit,
#cards-container #cards-list>li .card .overlayed form .input-editable-submit.submit,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed .overlay-content .input-editable-submit.submit,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed form .input-editable-submit.submit {
  background: 0 0!important;
  width: 100%;
  color: #d4007a;
  text-decoration: none;
  cursor: pointer;
  float: none;
  text-transform: none;
  z-index: auto;
  margin-right: 0;
  margin-top: 10px;
  border: 1px solid #d4007a;
  border-radius: 3px;
  text-align: center;
  height: 40px;
  line-height: 39px!important;
  position: relative;
  top: auto;
}

#cards-container #cards-list>li .card .overlayed .overlay-content .input-editable-submit.submit:hover,
#cards-container #cards-list>li .card .overlayed form .input-editable-submit.submit:hover,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed .overlay-content .input-editable-submit.submit:hover,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed form .input-editable-submit.submit:hover {
  color: #a1005d!important;
  border-color: #a1005d!important;
  background-color: transparent!important;
}

#cards-container #cards-list>li .card .overlayed .overlay-content .dropdown-overlay-container,
#cards-container #cards-list>li .card .overlayed form .dropdown-overlay-container,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed .overlay-content .dropdown-overlay-container,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed form .dropdown-overlay-container {
  display: block;
  height: 40px;
  position: absolute;
  top: 19px;
  left: 25px;
}

#cards-container #cards-list>li .card .overlayed .overlay-content a.button,
#cards-container #cards-list>li .card .overlayed form a.button,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed .overlay-content a.button,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed form a.button {
  float: none;
  display: inline-block;
  width: 63%;
  margin-left: 10px;
  margin-bottom: 0;
}

#cards-container #cards-list>li .card .overlayed .overlay-content a.button.full,
#cards-container #cards-list>li .card .overlayed form a.button.full,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed .overlay-content a.button.full,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed form a.button.full {
  width: 100%;
  margin-left: 0;
}

#cards-container #cards-list>li .card .overlayed .overlay-content a.button.small,
#cards-container #cards-list>li .card .overlayed form a.button.small,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed .overlay-content a.button.small,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .overlayed form a.button.small {
  width: 35%;
  float: right;
}

#cards-container #cards-list>li .card .underline,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .underline {
  text-decoration: underline;
}

#cards-container #cards-list>li .card a.button.float,
section.page-content#invoices #cards-container #cards-list-invoices>li .card a.button.float {
  float: left;
}

#cards-container #cards-list>li .card a.wiew_more,
section.page-content#invoices #cards-container #cards-list-invoices>li .card a.wiew_more {
  font-family: Roboto,sans-serif;
  font-weight: 300;
  color: #4D4D4D;
  text-transform: none;
  width: 100%;
  text-align: center;
  display: block;
  font-size: 14px;
  line-height: 22px;
  clear: both;
}

#cards-container #cards-list>li .card .smartphone-infos,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-infos {
  position: relative;
}

#cards-container #cards-list>li .card .smartphone-infos img,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-infos img {
  width: 114px;
  float: left;
  margin-left: 5px;
}

#cards-container #cards-list>li .card .smartphone-infos>section,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-infos>section {
  float: left;
  font-size: 14px;
  width: 142px;
  margin-left: 15px;
}

#cards-container #cards-list>li .card .smartphone-infos>section .desc-container,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-infos>section .desc-container {
  padding-bottom: 20px;
  color: #d4007a;
  line-height: 18px;
}

#cards-container #cards-list>li .card .smartphone-infos>section .desc-container label,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-infos>section .desc-container label {
  font-family: MuseoSansRounded-500;
  margin-bottom: 0;
  text-transform: uppercase;
  color: #d4007a!important;
  font-size: 12px;
  line-height: 14px;
  padding-bottom: 2px;
}

#cards-container #cards-list>li .card .smartphone-infos>section .desc-container div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-infos>section .desc-container div {
  font-family: MuseoSansRounded-500;
  font-size: 20px;
  line-height: 24px;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  padding-bottom: 2px;
}

#cards-container #cards-list>li .card .smartphone-infos>section .desc-container div:last-child,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-infos>section .desc-container div:last-child {
  font-family: Roboto,sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 21px;
  color: #4d4d4d;
  text-transform: none;
  padding-bottom: 0;
}

#cards-container #cards-list>li .card .smartphone-infos>section .price-container,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-infos>section .price-container {
  color: #4d4d4d;
  padding: 0;
  box-sizing: border-box;
  width: 100%;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto,sans-serif;
  font-weight: 300;
}

#cards-container #cards-list>li .card .smartphone-infos>section .price-container .voo-logo div,
#cards-container #cards-list>li .card .smartphone-infos>section .price-container span,
.voo-logo #cards-container #cards-list>li .card .smartphone-infos>section .price-container div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-infos>section .price-container div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-infos>section .price-container .voo-logo div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-infos>section .price-container span {
  clear: both;
  display: block;
  color: #F39502;
  font-family: MuseoSansRounded-500;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
}

#cards-container #cards-list>li .card .smartphone-infos>section .price-container .del,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-infos>section .price-container .del {
  color: #4d4d4d;
  clear: none;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto,sans-serif;
  font-weight: 300;
  display: inline-block;
  position: relative;
  top: 14px;
  font-size: 16px;
  margin-left: 8px;
}

#cards-container #cards-list>li .card .smartphone-infos>section .price-container .del:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-infos>section .price-container .del:after {
  background-color: #4d4d4d;
  top: 47%;
}

#cards-container #cards-list>li .card .smartphone-infos>section .price-container div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-infos>section .price-container div {
  font-family: MuseoSansRounded-500;
  -webkit-font-smoothing: antialiased;
  font-size: 27px;
  color: #F39502;
  padding: 10px 0;
  float: left;
}

#cards-container #cards-list>li .card .smartphone-infos>section .price-container div.renting,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-infos>section .price-container div.renting {
  clear: both;
  display: block;
  color: #F39502;
  font-family: MuseoSansRounded-500;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  padding: 0;
}

#cards-container #cards-list>li .card .smartphone-infos>section .price-container div.renting .voo-logo div,
#cards-container #cards-list>li .card .smartphone-infos>section .price-container div.renting span,
.voo-logo #cards-container #cards-list>li .card .smartphone-infos>section .price-container div.renting div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-infos>section .price-container div.renting div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-infos>section .price-container div.renting .voo-logo div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-infos>section .price-container div.renting span {
  display: inline;
  color: #4d4d4d;
  clear: none;
}

#cards-container #cards-list>li .card .smartphone-infos>section .price-container div.data-info,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-infos>section .price-container div.data-info {
  clear: both;
  display: block;
  color: #4d4d4d;
  font-family: MuseoSansRounded-500;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  padding: 0;
}

#cards-container #cards-list>li .card .smartphone-infos>section .price-container div.data-info .voo-logo div,
#cards-container #cards-list>li .card .smartphone-infos>section .price-container div.data-info span,
.voo-logo #cards-container #cards-list>li .card .smartphone-infos>section .price-container div.data-info div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-infos>section .price-container div.data-info div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-infos>section .price-container div.data-info .voo-logo div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-infos>section .price-container div.data-info span {
  display: inline;
  color: #F39502;
  clear: none;
}

#cards-container #cards-list>li .card .promotion-warning,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .promotion-warning {
  clear: both;
  margin: 35px -25px -20px;
  background-color: #F39502;
  padding: 13px 25px 10px 70px;
  color: #fff;
  font-family: Roboto,sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  position: relative;
}

#cards-container #cards-list>li .card .promotion-warning i,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .promotion-warning i {
  display: block;
  position: absolute;
  left: 20px;
  top: 5px;
  width: 40px;
  height: 40px;
}

#cards-container #cards-list>li .card .promotion-warning i svg,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .promotion-warning i svg {
  width: 100%;
  height: 100%;
}

#cards-container #cards-list>li .card .promotion-warning i svg *,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .promotion-warning i svg * {
  fill: #fff;
}

#cards-container #cards-list>li .card .promotion-area,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .promotion-area {
  clear: both;
  margin: 20px 0 -5px;
  -webkit-font-smoothing: antialiased;
  position: relative;
}

#cards-container #cards-list>li .card .promotion-area>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .promotion-area>div {
  border-radius: 3px;
  border: 1px solid #F39502;
  background-color: transparent;
  padding: 12px 25px 12px 55px;
  color: #F39502;
  font-size: 15px;
  font-family: Roboto,sans-serif;
  font-weight: 700;
}

#cards-container #cards-list>li .card .promotion-area>div i,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .promotion-area>div i {
  display: block;
  position: absolute;
  left: 7px;
  top: 5px;
  width: 40px;
  height: 40px;
}

#cards-container #cards-list>li .card .promotion-area>div i svg,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .promotion-area>div i svg {
  width: 100%;
  height: 100%;
}

#cards-container #cards-list>li .card .promotion-area>div i svg *,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .promotion-area>div i svg * {
  fill: #F39502;
}

#cards-container #cards-list>li .card .promotion-area>span,
#cards-container #cards-list>li .card .voo-logo .promotion-area>div,
.voo-logo #cards-container #cards-list>li .card .promotion-area>div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .promotion-area>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .promotion-area>span,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .voo-logo .promotion-area>div {
  font-family: Roboto,sans-serif;
  font-weight: 300;
  font-size: 12px;
  display: block;
  text-align: center;
  width: 100%;
  color: #F39502;
  margin-top: 10px;
}

#cards-container #cards-list>li .card .footer-link,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .footer-link {
  color: #4196AA;
  font-family: Roboto,sans-serif!important;
  font-weight: 300;
  text-align: center;
  display: block;
  width: 100%;
  height: 100%;
}

#cards-container #cards-list>li .card .smartphone-features-list,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-features-list {
  border-bottom: 1px solid #E8E6E6;
  list-style: none;
  padding: 0 25px 25px;
  margin: -10px -24px 0;
}

#cards-container #cards-list>li .card .smartphone-features-list li,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-features-list li {
  padding-left: 40px;
  position: relative;
  display: block;
  min-height: 35px;
  margin-top: 5px;
  height: 35px;
}

#cards-container #cards-list>li .card .smartphone-features-list li div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-features-list li div {
  display: table;
  height: 45px;
}

#cards-container #cards-list>li .card .smartphone-features-list li div .voo-logo div,
#cards-container #cards-list>li .card .smartphone-features-list li div span,
.voo-logo #cards-container #cards-list>li .card .smartphone-features-list li div div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-features-list li div div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-features-list li div .voo-logo div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-features-list li div span {
  display: table-cell;
  vertical-align: middle;
  font-family: Roboto,sans-serif;
  font-weight: 300;
  font-size: 14px;
}

#cards-container #cards-list>li .card .smartphone-features-list .voo-logo li>div,
#cards-container #cards-list>li .card .smartphone-features-list li>span,
.voo-logo #cards-container #cards-list>li .card .smartphone-features-list li>div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-features-list li>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-features-list .voo-logo li>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-features-list li>span {
  position: absolute;
  top: 8px;
  left: 0;
  width: 30px;
  height: 30px;
}

#cards-container #cards-list>li .card .smartphone-features-list .voo-logo li>div.rocket,
#cards-container #cards-list>li .card .smartphone-features-list li>span.rocket,
.voo-logo #cards-container #cards-list>li .card .smartphone-features-list li>div.rocket,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-features-list li>div.rocket,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-features-list .voo-logo li>div.rocket,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-features-list li>span.rocket {
  font-family: icones_voo;
  font-size: 50px;
  -webkit-font-smoothing: antialiased;
  padding-top: 3px;
}

#cards-container #cards-list>li .card .smartphone-features-list .voo-logo li>div svg,
#cards-container #cards-list>li .card .smartphone-features-list li>span svg,
.voo-logo #cards-container #cards-list>li .card .smartphone-features-list li>div svg,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-features-list li>div svg,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-features-list .voo-logo li>div svg,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-features-list li>span svg {
  width: 90%;
  height: 90%;
}

#cards-container #cards-list>li .card .smartphone-features-list .voo-logo li>div svg *,
#cards-container #cards-list>li .card .smartphone-features-list li>span svg *,
.voo-logo #cards-container #cards-list>li .card .smartphone-features-list li>div svg *,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-features-list li>div svg *,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-features-list .voo-logo li>div svg *,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .smartphone-features-list li>span svg * {
  fill: #6f7175;
}

#cards-container #cards-list>li .card .specification-list,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .specification-list {
  padding: 25px 25px 5px;
  margin: -10px -24px 0;
  list-style: none;
}

#cards-container #cards-list>li .card .specification-list li,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .specification-list li {
  padding-top: 4px;
}

#cards-container #cards-list>li .card .specification-list li label,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .specification-list li label {
  width: 66%;
  color: #767578;
  font-family: Roboto,sans-serif;
  font-weight: 500;
  display: inline-block;
  font-size: 14px;
  line-height: 18px;
}

#cards-container #cards-list>li .card .specification-list li div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .specification-list li div {
  width: 34%;
  display: inline-block;
  float: right;
  box-sizing: border-box;
  padding-left: 5px;
  font-size: 14px;
  text-align: left;
}

#cards-container #cards-list>li .card .pink-border,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .pink-border {
  width: 100%;
}

#cards-container #cards-list>li .card .paid-months-infos,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .paid-months-infos {
  font-family: MuseoSansRounded-500;
  text-align: center;
  font-size: 25px;
  margin-top: 25px;
}

#cards-container #cards-list>li .card .paid-months-infos .voo-logo div,
#cards-container #cards-list>li .card .paid-months-infos span,
.voo-logo #cards-container #cards-list>li .card .paid-months-infos div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .paid-months-infos div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .paid-months-infos .voo-logo div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .paid-months-infos span {
  color: #7db200;
}

#cards-container #cards-list>li .card .remaining-amount,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .remaining-amount {
  text-align: center;
  font-family: Roboto,sans-serif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
  margin-top: 8px;
}

#cards-container #cards-list>li .card .bullets,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .bullets {
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 15px 0 0;
  text-align: center;
}

#cards-container #cards-list>li .card .bullets li,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .bullets li {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-color: #e0e0e0;
  border-radius: 50%;
  margin: 0 3px 5px;
  border: 1px solid transparent;
}

#cards-container #cards-list>li .card .bullets li.paid,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .bullets li.paid {
  background-color: #7db200;
}

#cards-container #cards-list>li .card .bullets li.unpaid,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .bullets li.unpaid {
  background-color: #F39502;
}

#cards-container #cards-list>li .card .bullets li.ongoing,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .bullets li.ongoing {
  border: 2px solid #7db200;
}

#cards-container #cards-list>li .card label.smartphone-infos,
section.page-content#invoices #cards-container #cards-list-invoices>li .card label.smartphone-infos {
  clear: both;
  color: #6f7175;
  font-family: Roboto,sans-serif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  float: left;
  margin-bottom: 5px;
}

#cards-container #cards-list>li .card .total_due,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .total_due {
  clear: both;
  padding-top: 0;
  position: relative;
}

#cards-container #cards-list>li .card .total_due:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .total_due:before {
  position: absolute;
  content: '';
  display: block;
  background-color: #E8E6E6;
  top: -13px;
  left: 25px;
  width: 260px;
  height: 1px;
}

#cards-container #cards-list>li .card .float-right,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .float-right {
  float: right;
}

#cards-container #cards-list>li .checked-list,
section.page-content#invoices #cards-container #cards-list-invoices>li .checked-list {
  list-style: none;
  padding: 0;
  margin: 0 0 30px;
}

#cards-container #cards-list>li .checked-list.small,
section.page-content#invoices #cards-container #cards-list-invoices>li .checked-list.small {
  margin-bottom: 0;
}

#cards-container #cards-list>li .checked-list.big,
section.page-content#invoices #cards-container #cards-list-invoices>li .checked-list.big {
  margin-bottom: 10px;
}

#cards-container #cards-list>li .checked-list li,
section.page-content#invoices #cards-container #cards-list-invoices>li .checked-list li {
  padding: 0 0 0 25px;
  margin: 0 0 10px;
  position: relative;
}

#cards-container #cards-list>li .checked-list li.small,
section.page-content#invoices #cards-container #cards-list-invoices>li .checked-list li.small {
  padding: 0 0 0 22px;
  margin: 0;
}

#cards-container #cards-list>li .checked-list li.small:last-child,
section.page-content#invoices #cards-container #cards-list-invoices>li .checked-list li.small:last-child {
  margin-bottom: 10px;
}

#cards-container #cards-list>li .checked-list li.small .voo-logo div,
#cards-container #cards-list>li .checked-list li.small span,
.voo-logo #cards-container #cards-list>li .checked-list li.small div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .checked-list li.small div,
section.page-content#invoices #cards-container #cards-list-invoices>li .checked-list li.small .voo-logo div,
section.page-content#invoices #cards-container #cards-list-invoices>li .checked-list li.small span {
  -webkit-transform: scale(.9);
  -ms-transform: scale(.9);
  transform: scale(.9);
}

#cards-container #cards-list>li .checked-list li .voo-logo div,
#cards-container #cards-list>li .checked-list li span,
.voo-logo #cards-container #cards-list>li .checked-list li div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .checked-list li div,
section.page-content#invoices #cards-container #cards-list-invoices>li .checked-list li .voo-logo div,
section.page-content#invoices #cards-container #cards-list-invoices>li .checked-list li span {
  position: absolute;
  top: -3px;
  left: -5px;
  width: 29px;
  height: 29px;
  display: inline-block;
  border-radius: 50%;
  border: 2px solid #7db200;
  border: none;
}

#cards-container #cards-list>li .checked-list li .voo-logo div:before,
#cards-container #cards-list>li .checked-list li span:before,
.voo-logo #cards-container #cards-list>li .checked-list li div:before,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .checked-list li div:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .checked-list li .voo-logo div:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .checked-list li span:before {
  position: absolute;
  top: 9px;
  left: 28%;
  content: '';
  width: 2px;
  height: 10px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}

#cards-container #cards-list>li .checked-list li .voo-logo div:after,
#cards-container #cards-list>li .checked-list li span:after,
.voo-logo #cards-container #cards-list>li .checked-list li div:after,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .checked-list li div:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .checked-list li .voo-logo div:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .checked-list li span:after {
  position: absolute;
  top: 6px;
  content: '';
  width: 2px;
  height: 13px;
  -webkit-transform: rotate(50deg);
  -moz-transform: rotate(50deg);
  -o-transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  transform: rotate(50deg);
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  right: 11px;
}

#cards-container #cards-list>li .checked-list li .voo-logo div:after,
#cards-container #cards-list>li .checked-list li .voo-logo div:before,
#cards-container #cards-list>li .checked-list li span:after,
#cards-container #cards-list>li .checked-list li span:before,
.voo-logo #cards-container #cards-list>li .checked-list li div:after,
.voo-logo #cards-container #cards-list>li .checked-list li div:before,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .checked-list li div:after,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .checked-list li div:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .checked-list li .voo-logo div:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .checked-list li .voo-logo div:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .checked-list li span:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .checked-list li span:before {
  background-color: #d4007a;
}

#cards-container #cards-list>li .checked-list li .voo-logo div.numbers,
#cards-container #cards-list>li .checked-list li span.numbers,
.voo-logo #cards-container #cards-list>li .checked-list li div.numbers,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .checked-list li div.numbers,
section.page-content#invoices #cards-container #cards-list-invoices>li .checked-list li .voo-logo div.numbers,
section.page-content#invoices #cards-container #cards-list-invoices>li .checked-list li span.numbers {
  color: #d4007a;
  top: 0;
  left: 0;
}

#cards-container #cards-list>li .checked-list li .voo-logo div.numbers:after,
#cards-container #cards-list>li .checked-list li .voo-logo div.numbers:before,
#cards-container #cards-list>li .checked-list li span.numbers:after,
#cards-container #cards-list>li .checked-list li span.numbers:before,
.voo-logo #cards-container #cards-list>li .checked-list li div.numbers:after,
.voo-logo #cards-container #cards-list>li .checked-list li div.numbers:before,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .checked-list li div.numbers:after,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .checked-list li div.numbers:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .checked-list li .voo-logo div.numbers:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .checked-list li .voo-logo div.numbers:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .checked-list li span.numbers:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .checked-list li span.numbers:before {
  display: none;
}

#cards-container #cards-list>li .checked-list li .pink.info,
section.page-content#invoices #cards-container #cards-list-invoices>li .checked-list li .pink.info {
  margin-left: -49px!important;
  margin-top: 10px!important;
}

#cards-container #cards-list>li .card>div .tv-settings .error.ok,
#cards-container #cards-list>li .card>div .tv-settings div.error.warning,
#cards-container #cards-list>li .tv-settings .card>div .error.ok,
#cards-container #cards-list>li .tv-settings .card>div div.error.warning,
#cards-container #cards-list>li .tv-settings section.border.error,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .tv-settings .error.ok,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .tv-settings div.error.warning,
section.page-content#invoices #cards-container #cards-list-invoices>li .tv-settings .card>div .error.ok,
section.page-content#invoices #cards-container #cards-list-invoices>li .tv-settings .card>div div.error.warning,
section.page-content#invoices #cards-container #cards-list-invoices>li .tv-settings section.border.error,
section.page-content#invoices #cards-container #cards-list>li .card>div #cards-list-invoices>li .tv-settings .error.ok,
section.page-content#invoices #cards-container #cards-list>li .card>div #cards-list-invoices>li .tv-settings div.error.warning,
section.page-content#invoices #cards-container #cards-list>li .tv-settings #cards-list-invoices>li .card>div .error.ok,
section.page-content#invoices #cards-container #cards-list>li .tv-settings #cards-list-invoices>li .card>div div.error.warning {
  padding-bottom: 30px;
}

#cards-container #cards-list>li .card>div .tv-settings .error.ok:last-child,
#cards-container #cards-list>li .card>div .tv-settings div.error.warning:last-child,
#cards-container #cards-list>li .tv-settings .card>div .error.ok:last-child,
#cards-container #cards-list>li .tv-settings .card>div div.error.warning:last-child,
#cards-container #cards-list>li .tv-settings section.border.error:last-child,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .tv-settings .error.ok:last-child,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .tv-settings div.error.warning:last-child,
section.page-content#invoices #cards-container #cards-list-invoices>li .tv-settings .card>div .error.ok:last-child,
section.page-content#invoices #cards-container #cards-list-invoices>li .tv-settings .card>div div.error.warning:last-child,
section.page-content#invoices #cards-container #cards-list-invoices>li .tv-settings section.border.error:last-child,
section.page-content#invoices #cards-container #cards-list>li .card>div #cards-list-invoices>li .tv-settings .error.ok:last-child,
section.page-content#invoices #cards-container #cards-list>li .card>div #cards-list-invoices>li .tv-settings div.error.warning:last-child,
section.page-content#invoices #cards-container #cards-list>li .tv-settings #cards-list-invoices>li .card>div .error.ok:last-child,
section.page-content#invoices #cards-container #cards-list>li .tv-settings #cards-list-invoices>li .card>div div.error.warning:last-child {
  padding-bottom: 15px;
}

#cards-container #cards-list>li .tv-settings .tv-settings-element,
section.page-content#invoices #cards-container #cards-list-invoices>li .tv-settings .tv-settings-element {
  margin-bottom: 8px;
  position: relative;
  clear: both;
  padding: 11px 0;
}

#cards-container #cards-list>li .tv-settings .tv-settings-element .input-editable-submit,
section.page-content#invoices #cards-container #cards-list-invoices>li .tv-settings .tv-settings-element .input-editable-submit {
  margin-top: -10px;
}

#cards-container #cards-list>li .tv-settings .tv-settings-element .dropdow-included,
section.page-content#invoices #cards-container #cards-list-invoices>li .tv-settings .tv-settings-element .dropdow-included {
  margin-left: 3px;
}

#cards-container #cards-list>li .tv-settings .tv-settings-element input,
section.page-content#invoices #cards-container #cards-list-invoices>li .tv-settings .tv-settings-element input {
  min-width: 0;
  width: 106px;
  margin-left: 21px;
  margin-bottom: 0;
  margin-top: 16px;
}

#cards-container #cards-list>li .tv-settings .tv-settings-element.special.edited,
section.page-content#invoices #cards-container #cards-list-invoices>li .tv-settings .tv-settings-element.special.edited {
  height: 56px;
}

#cards-container #cards-list>li .tv-settings .tv-settings-element.edited,
section.page-content#invoices #cards-container #cards-list-invoices>li .tv-settings .tv-settings-element.edited {
  margin-top: -15px;
  height: 57px;
  padding: 0;
}

#cards-container #cards-list>li .tv-settings .tv-settings-element.edited>label,
section.page-content#invoices #cards-container #cards-list-invoices>li .tv-settings .tv-settings-element.edited>label {
  position: relative;
  top: 26px;
}

#cards-container #cards-list>li .tv-settings .tv-settings-element.edited>label.special,
section.page-content#invoices #cards-container #cards-list-invoices>li .tv-settings .tv-settings-element.edited>label.special {
  top: 25px;
}

#cards-container #cards-list>li .tv-settings .tv-settings-element>label,
section.page-content#invoices #cards-container #cards-list-invoices>li .tv-settings .tv-settings-element>label {
  float: left;
  margin-right: 5px;
}

#cards-container #cards-list>li .tv-settings .tv-settings-element>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .tv-settings .tv-settings-element>div {
  display: inline;
  font-family: Roboto,sans-serif;
  font-weight: 400;
  color: #6f7175;
  margin-bottom: 5px;
}

#cards-container #cards-list>li .tv-settings .tv-settings-element>div.pending,
section.page-content#invoices #cards-container #cards-list-invoices>li .tv-settings .tv-settings-element>div.pending {
  display: block;
  top: 13px;
  position: relative;
  height: 40px;
}

#cards-container #cards-list>li .tv-settings .tv-settings-element>div.pending:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .tv-settings .tv-settings-element>div.pending:after {
  background-image: -webkit-gradient(linear,0 0,100% 100%,color-stop(.25,rgba(255,255,255,.5)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.5)),color-stop(.75,rgba(255,255,255,.5)),color-stop(.75,transparent),to(transparent));
  background-image: -moz-linear-gradient(-45deg,rgba(255,255,255,.5) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.5) 75%,transparent 75%,transparent);
  -webkit-background-size: 50px 50px;
  -moz-background-size: 50px 50px;
  background-size: 50px 50px;
  -webkit-animation: move 2s linear infinite;
  -moz-animation: move 2s linear infinite;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 15px;
  z-index: 1;
  overflow: hidden;
  background-color: #7db200;
  height: 10px;
}

#cards-container #cards-list>li .tv-settings .tv-settings-element>div>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .tv-settings .tv-settings-element>div>div {
  color: #d4007a;
  text-decoration: underline;
  cursor: pointer;
  float: right;
  text-transform: lowercase;
  font-family: Roboto,sans-serif;
  font-weight: 300;
}

#cards-container #cards-list>li .tv-settings .tv-settings-element>div>div.edited,
section.page-content#invoices #cards-container #cards-list-invoices>li .tv-settings .tv-settings-element>div>div.edited {
  margin-top: 26px;
}

#cards-container #cards-list>li .tv-settings .tv-settings-element>div div.dropdown-container,
section.page-content#invoices #cards-container #cards-list-invoices>li .tv-settings .tv-settings-element>div div.dropdown-container {
  display: inline-block;
  position: relative;
  top: 15px;
}

#cards-container #cards-list>li .tv-settings .tv-settings-element>div div.dropdown-container ul.dropdown li,
section.page-content#invoices #cards-container #cards-list-invoices>li .tv-settings .tv-settings-element>div div.dropdown-container ul.dropdown li {
  padding: 12px 50px 8px 9px;
}

#cards-container #cards-list>li .ads-view,
section.page-content#invoices #cards-container #cards-list-invoices>li .ads-view {
  background-color: #F39502;
  color: #fff;
  font-family: Roboto,sans-serif;
  font-weight: 300;
  padding: 20px 25px;
  text-align: center;
}

#cards-container #cards-list>li .ads-view b,
section.page-content#invoices #cards-container #cards-list-invoices>li .ads-view b {
  font-family: Roboto,sans-serif;
  font-weight: 400;
}

#cards-container #cards-list>li section.align-center,
section.page-content#invoices #cards-container #cards-list-invoices>li section.align-center {
  text-align: center;
}

#cards-container #cards-list>li section.align-center>div,
section.page-content#invoices #cards-container #cards-list-invoices>li section.align-center>div {
  max-width: 220px;
  margin: 0 auto;
}

#cards-container #cards-list>li section.align-center>div.small,
section.page-content#invoices #cards-container #cards-list-invoices>li section.align-center>div.small {
  min-height: 30px;
  max-width: 265px;
}

#cards-container #cards-list>li section.align-center>div.special,
section.page-content#invoices #cards-container #cards-list-invoices>li section.align-center>div.special {
  max-width: 100%;
  margin: -20px auto 25px;
}

#cards-container #cards-list>li section.align-center>div.special.bottom,
section.page-content#invoices #cards-container #cards-list-invoices>li section.align-center>div.special.bottom {
  margin-bottom: -10px;
}

#cards-container #cards-list>li section div.pink-add,
#cards-container #cards-list>li section div.pink-modify,
section.page-content#invoices #cards-container #cards-list-invoices>li section div.pink-add,
section.page-content#invoices #cards-container #cards-list-invoices>li section div.pink-modify {
  background-color: #fbe6f1;
  margin: 15px -25px 0;
  color: #d4007a;
  cursor: pointer;
  position: relative;
  padding: 27px 25px 21px;
  width: 325px;
  text-decoration: underline;
  height: 75px;
}

#cards-container #cards-list>li section div.pink-add:last-child,
#cards-container #cards-list>li section div.pink-modify:last-child,
section.page-content#invoices #cards-container #cards-list-invoices>li section div.pink-add:last-child,
section.page-content#invoices #cards-container #cards-list-invoices>li section div.pink-modify:last-child {
  margin-top: 5px;
  margin-bottom: -14px;
}

#cards-container #cards-list>li section div.pink-add:hover,
#cards-container #cards-list>li section div.pink-modify:hover,
section.page-content#invoices #cards-container #cards-list-invoices>li section div.pink-add:hover,
section.page-content#invoices #cards-container #cards-list-invoices>li section div.pink-modify:hover {
  background-color: #f7d0e5;
}

#cards-container #cards-list>li section div.pink-add:after,
#cards-container #cards-list>li section div.pink-modify:after,
section.page-content#invoices #cards-container #cards-list-invoices>li section div.pink-add:after,
section.page-content#invoices #cards-container #cards-list-invoices>li section div.pink-modify:after {
  background: url(/img/icons/icon-modify-2.png) no-repeat;
  display: block;
  content: '';
  position: absolute;
  width: 19px;
  height: 20px;
  right: 26px;
  top: 29px;
  background-size: 18px;
}

#cards-container #cards-list>li section div.pink-add.special,
section.page-content#invoices #cards-container #cards-list-invoices>li section div.pink-add.special {
  margin-bottom: 3px;
  margin-top: 13px!important;
}

#cards-container #cards-list>li section div.pink-add:after,
#cards-container #cards-list>li section div.pink-add:before,
section.page-content#invoices #cards-container #cards-list-invoices>li section div.pink-add:after,
section.page-content#invoices #cards-container #cards-list-invoices>li section div.pink-add:before {
  content: '';
  display: block;
  position: absolute;
  background-color: #d4007a;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-backface-visibility: hidden;
}

#cards-container #cards-list>li section div.pink-add:before,
section.page-content#invoices #cards-container #cards-list-invoices>li section div.pink-add:before {
  width: 15px;
  height: 1px;
  top: 35px;
  right: 29px;
}

#cards-container #cards-list>li section div.pink-add:after,
section.page-content#invoices #cards-container #cards-list-invoices>li section div.pink-add:after {
  width: 1px;
  height: 15px;
  top: 28px;
  right: 36px;
  background-image: none;
}

#cards-container #cards-list>li section div.pink-add:last-child,
section.page-content#invoices #cards-container #cards-list-invoices>li section div.pink-add:last-child {
  margin-top: 2px;
}

#cards-container #cards-list>li #budget-maitrise-cache,
section.page-content#invoices #cards-container #cards-list-invoices>li #budget-maitrise-cache {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 160px;
  background-color: #fafafa;
  z-index: 10;
  padding: 25px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top: 1px solid #E8E6E6;
}

#cards-container #cards-list>li #budget-maitrise-cache section,
section.page-content#invoices #cards-container #cards-list-invoices>li #budget-maitrise-cache section {
  margin-top: 15px;
}

#cards-container #cards-list>li #budget-maitrise-cache div,
section.page-content#invoices #cards-container #cards-list-invoices>li #budget-maitrise-cache div {
  border: none;
}

#cards-container #cards-list>li .manuel,
section.page-content#invoices #cards-container #cards-list-invoices>li .manuel {
  position: relative;
  overflow: visible;
}

#cards-container #cards-list>li .manuel .help_info,
section.page-content#invoices #cards-container #cards-list-invoices>li .manuel .help_info {
  width: 100%;
  position: absolute;
  top: -115px;
  left: 0;
  background: url(/img/manuel/help-bottom.png) 17px 100px no-repeat;
  background-size: 11%;
  height: auto;
  color: #fff;
  padding: 0 0 35px;
  -webkit-transition: All .3s;
  -moz-transition: All .3s;
  -ms-transition: All .3s;
  -o-transition: All .3s;
  transition: All .3s;
  opacity: 0;
  z-index: -11;
}

#cards-container #cards-list>li .manuel .help_info.showed,
section.page-content#invoices #cards-container #cards-list-invoices>li .manuel .help_info.showed {
  opacity: 1;
  z-index: 2;
}

#cards-container #cards-list>li .manuel .help_info .voo-logo div,
#cards-container #cards-list>li .manuel .help_info span,
.voo-logo #cards-container #cards-list>li .manuel .help_info div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .manuel .help_info div,
section.page-content#invoices #cards-container #cards-list-invoices>li .manuel .help_info .voo-logo div,
section.page-content#invoices #cards-container #cards-list-invoices>li .manuel .help_info span {
  background-color: #982569;
  display: block;
  border-radius: 5px;
  padding: 22px 25px 20px;
}

#cards-container #cards-list>li .manuel .help_info .voo-logo div.close,
#cards-container #cards-list>li .manuel .help_info span.close,
.voo-logo #cards-container #cards-list>li .manuel .help_info div.close,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .manuel .help_info div.close,
section.page-content#invoices #cards-container #cards-list-invoices>li .manuel .help_info .voo-logo div.close,
section.page-content#invoices #cards-container #cards-list-invoices>li .manuel .help_info span.close {
  position: absolute;
  top: 10px;
  right: 10px;
  border-radius: 0;
  padding: 0;
  background-color: transparent;
  width: 25px;
  height: 25px;
  cursor: pointer;
  z-index: 10;
}

#cards-container #cards-list>li .manuel .help_info .voo-logo div.close:after,
#cards-container #cards-list>li .manuel .help_info .voo-logo div.close:before,
#cards-container #cards-list>li .manuel .help_info span.close:after,
#cards-container #cards-list>li .manuel .help_info span.close:before,
.voo-logo #cards-container #cards-list>li .manuel .help_info div.close:after,
.voo-logo #cards-container #cards-list>li .manuel .help_info div.close:before,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .manuel .help_info div.close:after,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .manuel .help_info div.close:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .manuel .help_info .voo-logo div.close:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .manuel .help_info .voo-logo div.close:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .manuel .help_info span.close:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .manuel .help_info span.close:before {
  width: 1px;
  height: 100%;
  background-color: rgba(255,255,255,.6);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 13px;
}

#cards-container #cards-list>li .manuel .help_info .voo-logo div.close:after,
#cards-container #cards-list>li .manuel .help_info span.close:after,
.voo-logo #cards-container #cards-list>li .manuel .help_info div.close:after,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .manuel .help_info div.close:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .manuel .help_info .voo-logo div.close:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .manuel .help_info span.close:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#cards-container #cards-list>li .manuel .help_info .voo-logo div.close:before,
#cards-container #cards-list>li .manuel .help_info span.close:before,
.voo-logo #cards-container #cards-list>li .manuel .help_info div.close:before,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .manuel .help_info div.close:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .manuel .help_info .voo-logo div.close:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .manuel .help_info span.close:before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#cards-container #cards-list>li .manuel .info_flip,
section.page-content#invoices #cards-container #cards-list-invoices>li .manuel .info_flip {
  cursor: pointer;
}

#cards-container #cards-list>li .manuel .manuel-img,
section.page-content#invoices #cards-container #cards-list-invoices>li .manuel .manuel-img {
  margin: 0 auto -10px;
  width: 250px;
  display: block;
}

#cards-container #cards-list>li .manuel section.align-center div,
section.page-content#invoices #cards-container #cards-list-invoices>li .manuel section.align-center div {
  max-width: 90%;
  margin-bottom: 10px;
}

#cards-container #cards-list>li .manuel section.align-center div.big,
section.page-content#invoices #cards-container #cards-list-invoices>li .manuel section.align-center div.big {
  max-width: 100%;
}

#cards-container #cards-list>li .manuel section.align-center a,
section.page-content#invoices #cards-container #cards-list-invoices>li .manuel section.align-center a {
  color: #d4007a;
}

#cards-container #cards-list>li .capitalize,
section.page-content#invoices #cards-container #cards-list-invoices>li .capitalize {
  text-transform: capitalize;
}

#cards-container #cards-list>li .card.absolu,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.absolu {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 10;
}

#cards-container #cards-list>li .card.absolu a.button,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.absolu a.button {
  position: absolute;
  bottom: 20px;
  left: 25px;
  width: 260px;
}

#cards-container #cards-list>li .card.absolu a.button.special,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.absolu a.button.special {
  bottom: 70px;
}

#cards-container #cards-list>li .card .email-display,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .email-display {
  position: relative;
  margin-bottom: 10px;
}

#cards-container #cards-list>li .card .password form,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password form {
  display: block;
  height: auto;
  position: relative;
}

#cards-container #cards-list>li .card .password form input[type=submit].green,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password form input[type=submit].green {
  width: 61%;
}

#cards-container #cards-list>li .card .password form.add .input-container.checkbox input[type=checkbox],
#cards-container #cards-list>li .card .password form.add input[type=text],
.input-container.checkbox #cards-container #cards-list>li .card .password form.add input[type=checkbox],
.input-container.checkbox section.page-content#invoices #cards-container #cards-list-invoices>li .card .password form.add input[type=checkbox],
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password form.add .input-container.checkbox input[type=checkbox],
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password form.add input[type=text] {
  width: 140px;
  min-width: 140px;
}

#cards-container #cards-list>li .card .password.special form,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password.special form {
  padding-bottom: 85px;
}

#cards-container #cards-list>li .card .password.special form.error,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password.special form.error {
  padding-bottom: 67px;
}

#cards-container #cards-list>li .card .password .passwordInputSection,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .passwordInputSection {
  position: relative;
}

#cards-container #cards-list>li .card .password .helping-text,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .helping-text {
  position: absolute;
  right: 15px;
  top: 36px;
  z-index: 10;
}

#cards-container #cards-list>li .card .password .helping-text .voo-logo div,
#cards-container #cards-list>li .card .password .helping-text span,
.voo-logo #cards-container #cards-list>li .card .password .helping-text div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .helping-text div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .helping-text .voo-logo div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .helping-text span {
  display: none;
}

#cards-container #cards-list>li .card .password .helping-text .voo-logo div.enable,
#cards-container #cards-list>li .card .password .helping-text span.enable,
.voo-logo #cards-container #cards-list>li .card .password .helping-text div.enable,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .helping-text div.enable,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .helping-text .voo-logo div.enable,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .helping-text span.enable {
  display: block;
}

#cards-container #cards-list>li .card .password .helping-text .voo-logo div:nth-child(1),
#cards-container #cards-list>li .card .password .helping-text span:nth-child(1),
.voo-logo #cards-container #cards-list>li .card .password .helping-text div:nth-child(1),
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .helping-text div:nth-child(1),
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .helping-text .voo-logo div:nth-child(1),
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .helping-text span:nth-child(1) {
  color: #D64618;
}

#cards-container #cards-list>li .card .password .helping-text .voo-logo div:nth-child(2),
#cards-container #cards-list>li .card .password .helping-text span:nth-child(2),
.voo-logo #cards-container #cards-list>li .card .password .helping-text div:nth-child(2),
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .helping-text div:nth-child(2),
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .helping-text .voo-logo div:nth-child(2),
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .helping-text span:nth-child(2) {
  color: #7db200;
}

#cards-container #cards-list>li .card .password .helping-text .voo-logo div:nth-child(3),
#cards-container #cards-list>li .card .password .helping-text span:nth-child(3),
.voo-logo #cards-container #cards-list>li .card .password .helping-text div:nth-child(3),
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .helping-text div:nth-child(3),
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .helping-text .voo-logo div:nth-child(3),
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .helping-text span:nth-child(3) {
  color: #d71980;
}

#cards-container #cards-list>li .card .password .normal.add #addEmailfield,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .normal.add #addEmailfield {
  margin-bottom: 0;
}

#cards-container #cards-list>li .card .password .normal.add .rest-email,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .normal.add .rest-email {
  float: right;
  margin-top: -44px;
  margin-right: 17px;
}

#cards-container #cards-list>li .card .password .normal.add .rest-email.special,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .normal.add .rest-email.special {
  margin-top: -55px;
}

#cards-container #cards-list>li .card .password .matching-text,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .matching-text {
  position: absolute;
  right: 15px;
  top: 36px;
  color: #D64618;
  z-index: 10;
}

#cards-container #cards-list>li .card .password .matching-text .voo-logo div,
#cards-container #cards-list>li .card .password .matching-text span,
.voo-logo #cards-container #cards-list>li .card .password .matching-text div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .matching-text div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .matching-text .voo-logo div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .matching-text span {
  display: none;
}

#cards-container #cards-list>li .card .password .matching-text .voo-logo div.enable,
#cards-container #cards-list>li .card .password .matching-text span.enable,
.voo-logo #cards-container #cards-list>li .card .password .matching-text div.enable,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .matching-text div.enable,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .matching-text .voo-logo div.enable,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .matching-text span.enable {
  display: block;
}

#cards-container #cards-list>li .card .password .password-gauge,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .password-gauge {
  width: 100%;
  margin-bottom: 15px;
  margin-top: -20px;
}

#cards-container #cards-list>li .card .password .password-gauge .voo-logo div,
#cards-container #cards-list>li .card .password .password-gauge span,
.voo-logo #cards-container #cards-list>li .card .password .password-gauge div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .password-gauge div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .password-gauge .voo-logo div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .password-gauge span {
  display: inline-block;
  width: 32%;
  margin-right: 1%;
  height: 2px;
  background-color: #d9d6d6;
  padding: 0;
  float: left;
}

#cards-container #cards-list>li .card .password .password-gauge .voo-logo div.enable-1,
#cards-container #cards-list>li .card .password .password-gauge span.enable-1,
.voo-logo #cards-container #cards-list>li .card .password .password-gauge div.enable-1,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .password-gauge div.enable-1,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .password-gauge .voo-logo div.enable-1,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .password-gauge span.enable-1 {
  background-color: #D64618;
}

#cards-container #cards-list>li .card .password .password-gauge .voo-logo div.enable-2,
#cards-container #cards-list>li .card .password .password-gauge span.enable-2,
.voo-logo #cards-container #cards-list>li .card .password .password-gauge div.enable-2,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .password-gauge div.enable-2,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .password-gauge .voo-logo div.enable-2,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .password-gauge span.enable-2 {
  background-color: #7db200;
}

#cards-container #cards-list>li .card .password .password-gauge .voo-logo div.enable-3,
#cards-container #cards-list>li .card .password .password-gauge span.enable-3,
.voo-logo #cards-container #cards-list>li .card .password .password-gauge div.enable-3,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .password-gauge div.enable-3,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .password-gauge .voo-logo div.enable-3,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .password-gauge span.enable-3 {
  background-color: #d71980;
}

#cards-container #cards-list>li .card .password .password-gauge .voo-logo div:last-child,
#cards-container #cards-list>li .card .password .password-gauge span:last-child,
.voo-logo #cards-container #cards-list>li .card .password .password-gauge div:last-child,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .password-gauge div:last-child,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .password-gauge .voo-logo div:last-child,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .password .password-gauge span:last-child {
  margin-right: 0;
}

#cards-container #cards-list>li .card.to-confirm,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.to-confirm {
  border-top: 5px solid #906!important;
  border-bottom: 1px solid #906;
  border-left: 1px solid #906;
  border-right: 1px solid #906;
  min-height: 0;
  overflow: hidden;
  text-align: left;
}

#cards-container #cards-list>li .card.to-confirm form.no-padding,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.to-confirm form.no-padding {
  padding-top: 0;
  height: 50px;
}

#cards-container #cards-list>li .card.to-confirm.absolu,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.to-confirm.absolu {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

#cards-container #cards-list>li .card.to-confirm.absolu form,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.to-confirm.absolu form {
  padding-top: 20px;
  height: auto;
  position: absolute;
  width: 270px;
  bottom: 24px;
}

#cards-container #cards-list>li .card.to-confirm.absolu form.normal,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.to-confirm.absolu form.normal {
  position: inherit;
  padding-top: 0;
}

#cards-container #cards-list>li .card.to-confirm.absolu form.normal a.button,
#cards-container #cards-list>li .card.to-confirm.absolu form.normal input[type=submit].green,
#cards-container #cards-list>li .card.to-confirm.absolu form.normal input[type=button],
section.page-content#invoices #cards-container #cards-list-invoices>li .card.to-confirm.absolu form.normal a.button,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.to-confirm.absolu form.normal input[type=submit].green,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.to-confirm.absolu form.normal input[type=button] {
  position: absolute;
  bottom: 25px;
  right: 25px;
  width: 57%;
}

#cards-container #cards-list>li .card.to-confirm.absolu form.normal a.cancel.button,
#cards-container #cards-list>li .card.to-confirm.absolu form.normal input.cancel[type=submit].green,
#cards-container #cards-list>li .card.to-confirm.absolu form.normal input[type=button].cancel,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.to-confirm.absolu form.normal a.cancel.button,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.to-confirm.absolu form.normal input.cancel[type=submit].green,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.to-confirm.absolu form.normal input[type=button].cancel {
  left: 25px;
  right: auto;
}

#cards-container #cards-list>li .card.to-confirm header,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.to-confirm header {
  background-color: #fff;
  border-bottom: 1px solid #906!important;
  height: auto;
  text-align: center;
  color: #906!important;
  line-height: 21px;
}

#cards-container #cards-list>li .card.to-confirm header .voo-logo div,
#cards-container #cards-list>li .card.to-confirm header span,
.voo-logo #cards-container #cards-list>li .card.to-confirm header div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.to-confirm header div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.to-confirm header .voo-logo div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.to-confirm header span {
  display: block;
  height: 56px;
  width: 45px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

#cards-container #cards-list>li .card.to-confirm header .voo-logo div:before,
#cards-container #cards-list>li .card.to-confirm header span:before,
.voo-logo #cards-container #cards-list>li .card.to-confirm header div:before,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.to-confirm header div:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.to-confirm header .voo-logo div:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.to-confirm header span:before {
  content: '';
  display: block;
  position: absolute;
  top: 15px;
  left: 12px;
  width: 2px;
  height: 20px;
  background-color: #906;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: 10;
}

#cards-container #cards-list>li .card.to-confirm header .voo-logo div:after,
#cards-container #cards-list>li .card.to-confirm header span:after,
.voo-logo #cards-container #cards-list>li .card.to-confirm header div:after,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.to-confirm header div:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.to-confirm header .voo-logo div:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.to-confirm header span:after {
  content: '';
  display: block;
  position: absolute;
  top: 15px;
  left: 12px;
  width: 2px;
  height: 20px;
  background-color: #906;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 10;
}

#cards-container #cards-list>li .card.to-confirm>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.to-confirm>div {
  padding: 25px 20px 20px;
}

#cards-container #cards-list>li .card.to-confirm>div.special,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.to-confirm>div.special {
  padding-bottom: 18px;
}

#cards-container #cards-list>li .card.to-confirm form,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.to-confirm form {
  padding-top: 10px;
  position: relative;
}

#cards-container #cards-list>li .card.to-confirm form:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.to-confirm form:after {
  content: '';
  display: block;
  clear: both;
}

#cards-container #cards-list>li .card.to-confirm form .pending,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.to-confirm form .pending {
  position: relative;
  right: 0;
  height: 20px;
  width: 84%;
  border-radius: 10px;
  background-color: #7db200;
  overflow: hidden;
  margin: 10px 25px;
}

#cards-container #cards-list>li .card.to-confirm form .pending:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.to-confirm form .pending:after {
  background-image: -webkit-gradient(linear,0 0,100% 100%,color-stop(.25,rgba(255,255,255,.5)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.5)),color-stop(.75,rgba(255,255,255,.5)),color-stop(.75,transparent),to(transparent));
  background-image: -moz-linear-gradient(-45deg,rgba(255,255,255,.5) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.5) 75%,transparent 75%,transparent);
  -webkit-background-size: 50px 50px;
  -moz-background-size: 50px 50px;
  background-size: 50px 50px;
  -webkit-animation: move 2s linear infinite;
  -moz-animation: move 2s linear infinite;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 15px;
  z-index: 1;
  overflow: hidden;
}

#cards-container #cards-list>li .card.confirmation,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation {
  border-top: 5px solid #7db200!important;
  border-bottom: 1px solid #7db200;
  border-left: 1px solid #7db200;
  border-right: 1px solid #7db200;
  min-height: 0;
  overflow: hidden;
}

#cards-container #cards-list>li .card.confirmation header,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header {
  background-color: #7db200;
  height: auto;
  text-align: left;
  border-bottom: none;
  line-height: 21px;
}

#cards-container #cards-list>li .card.confirmation #manage-options-dialog article.confirmation header>span,
#cards-container #cards-list>li .card.confirmation .confirm-view div header>span,
#cards-container #cards-list>li .card.confirmation .voo-logo #manage-options-dialog article.confirmation header>div,
#cards-container #cards-list>li .card.confirmation .voo-logo header>div,
#cards-container #cards-list>li .card.confirmation header h3,
#cards-container #cards-list>li .card.confirmation header>span,
.voo-logo #cards-container #cards-list>li .card.confirmation .confirm-view div header>div,
.voo-logo #cards-container #cards-list>li .card.confirmation header>div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation .confirm-view div header>div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation #manage-options-dialog article.confirmation header>span,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation .confirm-view div header>span,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation .voo-logo #manage-options-dialog article.confirmation header>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation .voo-logo header>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header h3,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header>span,
section.page-content#invoices .voo-logo #cards-container #cards-list-invoices>li #cards-list>li .card.confirmation .confirm-view div header>div,
section.page-content#invoices .voo-logo #cards-container #cards-list-invoices>li #cards-list>li .card.confirmation header>div,
section.page-content#invoices .voo-logo #cards-container #cards-list>li #cards-list-invoices>li .card.confirmation .confirm-view div header>div,
section.page-content#invoices .voo-logo #cards-container #cards-list>li #cards-list-invoices>li .card.confirmation header>div {
  font-family: Roboto,sans-serif;
  font-weight: 300;
  color: #fff;
  font-size: 16px;
  position: relative;
  margin-top: 5px;
  padding-left: 35px;
  margin-left: -5px;
}

#cards-container #cards-list>li .card.image-option>div>div.ads-view b,
#cards-container #cards-list>li .card.image-option>div>div.bottom b,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div.ads-view b,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div.bottom b {
  font-weight: 700;
}

#cards-container #cards-list>li .card.confirmation .voo-logo header>div div,
#cards-container #cards-list>li .card.confirmation .voo-logo header>div span,
#cards-container #cards-list>li .card.confirmation header h3 .voo-logo div,
#cards-container #cards-list>li .card.confirmation header h3 span,
#cards-container #cards-list>li .card.confirmation header>span .voo-logo div,
#cards-container #cards-list>li .card.confirmation header>span span,
.voo-logo #cards-container #cards-list>li .card.confirmation header h3 div,
.voo-logo #cards-container #cards-list>li .card.confirmation header>div div,
.voo-logo #cards-container #cards-list>li .card.confirmation header>div span,
.voo-logo #cards-container #cards-list>li .card.confirmation header>span div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header h3 div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header>div div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header>div span,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header>span div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation .voo-logo header>div div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation .voo-logo header>div span,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header h3 .voo-logo div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header h3 span,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header>span .voo-logo div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header>span span,
section.page-content#invoices .voo-logo #cards-container #cards-list-invoices>li #cards-list>li .card.confirmation header>div div,
section.page-content#invoices .voo-logo #cards-container #cards-list-invoices>li #cards-list>li .card.confirmation header>div span,
section.page-content#invoices .voo-logo #cards-container #cards-list>li #cards-list-invoices>li .card.confirmation header>div div,
section.page-content#invoices .voo-logo #cards-container #cards-list>li #cards-list-invoices>li .card.confirmation header>div span {
  width: 29px;
  height: 29px;
  display: inline-block;
  border-radius: 50%;
  border: 2px solid #fff;
  position: absolute;
  left: -3px;
  top: -5px;
}

#cards-container #cards-list>li .card.confirmation .voo-logo header>div div:before,
#cards-container #cards-list>li .card.confirmation .voo-logo header>div span:before,
#cards-container #cards-list>li .card.confirmation header h3 .voo-logo div:before,
#cards-container #cards-list>li .card.confirmation header h3 span:before,
#cards-container #cards-list>li .card.confirmation header>span .voo-logo div:before,
#cards-container #cards-list>li .card.confirmation header>span span:before,
.voo-logo #cards-container #cards-list>li .card.confirmation header h3 div:before,
.voo-logo #cards-container #cards-list>li .card.confirmation header>div div:before,
.voo-logo #cards-container #cards-list>li .card.confirmation header>div span:before,
.voo-logo #cards-container #cards-list>li .card.confirmation header>span div:before,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header h3 div:before,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header>div div:before,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header>div span:before,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header>span div:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation .voo-logo header>div div:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation .voo-logo header>div span:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header h3 .voo-logo div:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header h3 span:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header>span .voo-logo div:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header>span span:before,
section.page-content#invoices .voo-logo #cards-container #cards-list-invoices>li #cards-list>li .card.confirmation header>div div:before,
section.page-content#invoices .voo-logo #cards-container #cards-list-invoices>li #cards-list>li .card.confirmation header>div span:before,
section.page-content#invoices .voo-logo #cards-container #cards-list>li #cards-list-invoices>li .card.confirmation header>div div:before,
section.page-content#invoices .voo-logo #cards-container #cards-list>li #cards-list-invoices>li .card.confirmation header>div span:before {
  position: absolute;
  top: 9px;
  left: 28%;
  content: '';
  width: 2px;
  height: 10px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}

#cards-container #cards-list>li .card.confirmation .voo-logo header>div div:after,
#cards-container #cards-list>li .card.confirmation .voo-logo header>div span:after,
#cards-container #cards-list>li .card.confirmation header h3 .voo-logo div:after,
#cards-container #cards-list>li .card.confirmation header h3 span:after,
#cards-container #cards-list>li .card.confirmation header>span .voo-logo div:after,
#cards-container #cards-list>li .card.confirmation header>span span:after,
.voo-logo #cards-container #cards-list>li .card.confirmation header h3 div:after,
.voo-logo #cards-container #cards-list>li .card.confirmation header>div div:after,
.voo-logo #cards-container #cards-list>li .card.confirmation header>div span:after,
.voo-logo #cards-container #cards-list>li .card.confirmation header>span div:after,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header h3 div:after,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header>div div:after,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header>div span:after,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header>span div:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation .voo-logo header>div div:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation .voo-logo header>div span:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header h3 .voo-logo div:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header h3 span:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header>span .voo-logo div:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header>span span:after,
section.page-content#invoices .voo-logo #cards-container #cards-list-invoices>li #cards-list>li .card.confirmation header>div div:after,
section.page-content#invoices .voo-logo #cards-container #cards-list-invoices>li #cards-list>li .card.confirmation header>div span:after,
section.page-content#invoices .voo-logo #cards-container #cards-list>li #cards-list-invoices>li .card.confirmation header>div div:after,
section.page-content#invoices .voo-logo #cards-container #cards-list>li #cards-list-invoices>li .card.confirmation header>div span:after {
  position: absolute;
  top: 6px;
  right: 32%;
  content: '';
  width: 2px;
  height: 13px;
  -webkit-transform: rotate(50deg);
  -moz-transform: rotate(50deg);
  -o-transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  transform: rotate(50deg);
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}

#cards-container #cards-list>li .card.confirmation .voo-logo header>div div:after,
#cards-container #cards-list>li .card.confirmation .voo-logo header>div div:before,
#cards-container #cards-list>li .card.confirmation .voo-logo header>div span:after,
#cards-container #cards-list>li .card.confirmation .voo-logo header>div span:before,
#cards-container #cards-list>li .card.confirmation header h3 .voo-logo div:after,
#cards-container #cards-list>li .card.confirmation header h3 .voo-logo div:before,
#cards-container #cards-list>li .card.confirmation header h3 span:after,
#cards-container #cards-list>li .card.confirmation header h3 span:before,
#cards-container #cards-list>li .card.confirmation header>span .voo-logo div:after,
#cards-container #cards-list>li .card.confirmation header>span .voo-logo div:before,
#cards-container #cards-list>li .card.confirmation header>span span:after,
#cards-container #cards-list>li .card.confirmation header>span span:before,
.voo-logo #cards-container #cards-list>li .card.confirmation header h3 div:after,
.voo-logo #cards-container #cards-list>li .card.confirmation header h3 div:before,
.voo-logo #cards-container #cards-list>li .card.confirmation header>div div:after,
.voo-logo #cards-container #cards-list>li .card.confirmation header>div div:before,
.voo-logo #cards-container #cards-list>li .card.confirmation header>div span:after,
.voo-logo #cards-container #cards-list>li .card.confirmation header>div span:before,
.voo-logo #cards-container #cards-list>li .card.confirmation header>span div:after,
.voo-logo #cards-container #cards-list>li .card.confirmation header>span div:before,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header h3 div:after,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header h3 div:before,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header>div div:after,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header>div div:before,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header>div span:after,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header>div span:before,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header>span div:after,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header>span div:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation .voo-logo header>div div:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation .voo-logo header>div div:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation .voo-logo header>div span:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation .voo-logo header>div span:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header h3 .voo-logo div:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header h3 .voo-logo div:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header h3 span:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header h3 span:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header>span .voo-logo div:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header>span .voo-logo div:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header>span span:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header>span span:before,
section.page-content#invoices .voo-logo #cards-container #cards-list-invoices>li #cards-list>li .card.confirmation header>div div:after,
section.page-content#invoices .voo-logo #cards-container #cards-list-invoices>li #cards-list>li .card.confirmation header>div div:before,
section.page-content#invoices .voo-logo #cards-container #cards-list-invoices>li #cards-list>li .card.confirmation header>div span:after,
section.page-content#invoices .voo-logo #cards-container #cards-list-invoices>li #cards-list>li .card.confirmation header>div span:before,
section.page-content#invoices .voo-logo #cards-container #cards-list>li #cards-list-invoices>li .card.confirmation header>div div:after,
section.page-content#invoices .voo-logo #cards-container #cards-list>li #cards-list-invoices>li .card.confirmation header>div div:before,
section.page-content#invoices .voo-logo #cards-container #cards-list>li #cards-list-invoices>li .card.confirmation header>div span:after,
section.page-content#invoices .voo-logo #cards-container #cards-list>li #cards-list-invoices>li .card.confirmation header>div span:before {
  background-color: #fff;
}

#cards-container #cards-list>li .card.confirmation .voo-logo header>div,
#cards-container #cards-list>li .card.confirmation header>span,
.voo-logo #cards-container #cards-list>li .card.confirmation header>div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation .voo-logo header>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation header>span {
  display: block;
  padding-left: 0;
}

#cards-container #cards-list>li .card.confirmation>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation>div {
  padding: 25px 20px 10px;
}

#cards-container #cards-list>li .card.confirmation>div.ebiling,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation>div.ebiling {
  padding: 25px 20px 20px;
}

#cards-container #cards-list>li .card.confirmation>div.ebiling .input-container,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation>div.ebiling .input-container {
  margin-bottom: -1px;
}

#cards-container #cards-list>li .card.confirmation>div.ebiling .input-container .input-error-text,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation>div.ebiling .input-container .input-error-text {
  margin-bottom: 1px;
  margin-top: -8px;
}

#cards-container #cards-list>li .card.confirmation>div.ebiling p.hasErrors,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation>div.ebiling p.hasErrors {
  margin-top: 0;
}

#cards-container #cards-list>li .card.confirmation.dialog-mode,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation.dialog-mode {
  cursor: pointer;
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  background-color: rgba(255,255,255,.8);
  width: 100%;
  height: 100%;
  border: none!important;
  padding: 50px 25px 0;
}

#cards-container #cards-list>li .card.confirmation.dialog-mode.small header,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation.dialog-mode.small header {
  padding-bottom: 1px;
}

#cards-container #cards-list>li .card.confirmation.dialog-mode header,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation.dialog-mode header {
  border-radius: 5px;
}

#cards-container #cards-list>li .card.confirmation.dialog-mode #manage-options-dialog article.confirmation header>span.alone,
#cards-container #cards-list>li .card.confirmation.dialog-mode .confirm-view div header>span.alone,
#cards-container #cards-list>li .card.confirmation.dialog-mode .voo-logo #manage-options-dialog article.confirmation header>div.alone,
#cards-container #cards-list>li .card.confirmation.dialog-mode .voo-logo header>div.alone,
#cards-container #cards-list>li .card.confirmation.dialog-mode header h3.alone,
#cards-container #cards-list>li .card.confirmation.dialog-mode header>span.alone,
.voo-logo #cards-container #cards-list>li .card.confirmation.dialog-mode .confirm-view div header>div.alone,
.voo-logo #cards-container #cards-list>li .card.confirmation.dialog-mode header>div.alone,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation.dialog-mode .confirm-view div header>div.alone,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation.dialog-mode header>div.alone,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation.dialog-mode #manage-options-dialog article.confirmation header>span.alone,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation.dialog-mode .confirm-view div header>span.alone,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation.dialog-mode .voo-logo #manage-options-dialog article.confirmation header>div.alone,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation.dialog-mode .voo-logo header>div.alone,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation.dialog-mode header h3.alone,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation.dialog-mode header>span.alone,
section.page-content#invoices .voo-logo #cards-container #cards-list-invoices>li #cards-list>li .card.confirmation.dialog-mode .confirm-view div header>div.alone,
section.page-content#invoices .voo-logo #cards-container #cards-list-invoices>li #cards-list>li .card.confirmation.dialog-mode header>div.alone,
section.page-content#invoices .voo-logo #cards-container #cards-list>li #cards-list-invoices>li .card.confirmation.dialog-mode .confirm-view div header>div.alone,
section.page-content#invoices .voo-logo #cards-container #cards-list>li #cards-list-invoices>li .card.confirmation.dialog-mode header>div.alone {
  padding-bottom: 0;
  margin-bottom: 0;
}

#cards-container #cards-list>li .card.image-option,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option {
  border-top: none!important;
  position: relative;
  background-color: transparent;
}

#cards-container #cards-list>li .card.image-option .background-image,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option .background-image {
  width: 100%;
  height: auto;
  border-radius: 5px;
}

#cards-container #cards-list>li .card.image-option .background-image.has-promotion,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option .background-image.has-promotion {
  padding-bottom: 10%;
}

#cards-container #cards-list>li .card.image-option>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 0;
}

#cards-container #cards-list>li .card.image-option>div header,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div header {
  background: rgba(255,255,255,.35);
  color: #fff;
  border: none!important;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 18px 24px 17px;
}

#cards-container #cards-list>li .card.image-option>div header .info_flip,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div header .info_flip {
  color: #fff;
  padding: 15px 24px 15px 14px;
}

#cards-container #cards-list>li .card.image-option>div header .info_flip:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div header .info_flip:before {
  border-color: #fff;
  top: 15px;
}

#cards-container #cards-list>li .card.image-option>div>div.ads-view,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div.ads-view {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 20px 20px 10px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

#cards-container #cards-list>li .card.image-option>div>div.ads-view p,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div.ads-view p {
  background-color: transparent;
  padding: 0 25px 10px;
}

#cards-container #cards-list>li .card.image-option>div>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div {
  padding: 0 24px;
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
}

#cards-container #cards-list>li .card.image-option>div>div.bottom,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div.bottom {
  bottom: 0;
}

#cards-container #cards-list>li .card.image-option>div>div.has-promotion,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div.has-promotion {
  bottom: 55px;
}

#cards-container #cards-list>li .card.image-option>div>div p,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div p {
  color: #fff;
  background: rgba(0,0,0,.5);
  text-align: center;
  padding: 20px 10px;
  margin: 0 -24px;
  font-family: Roboto,sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
}

#cards-container #cards-list>li .card.image-option>div>div p.no-bg,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div p.no-bg {
  background-color: transparent;
}

#cards-container #cards-list>li .card.image-option>div>div p.no-bg.italic,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div p.no-bg.italic {
  background-color: transparent;
  font-size: 15px;
  font-family: Roboto,sans-serif;
  font-weight: 400;
  font-style: italic;
  padding: 0 20px 10px;
  margin-top: -10px;
}

#cards-container #cards-list>li .card.image-option>div>div .voo-logo p.promo-tap>div,
#cards-container #cards-list>li .card.image-option>div>div p.promo-tap>span,
.voo-logo #cards-container #cards-list>li .card.image-option>div>div p.promo-tap>div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div p.promo-tap>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div .voo-logo p.promo-tap>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div p.promo-tap>span {
  display: block;
  color: #F39502;
  font-family: Roboto,sans-serif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  margin-bottom: 10px;
}

#cards-container #cards-list>li .card.image-option>div>div .voo-logo p.promo-tap>div div,
#cards-container #cards-list>li .card.image-option>div>div .voo-logo p.promo-tap>div span,
#cards-container #cards-list>li .card.image-option>div>div p.promo-tap>span .voo-logo div,
#cards-container #cards-list>li .card.image-option>div>div p.promo-tap>span span,
.voo-logo #cards-container #cards-list>li .card.image-option>div>div p.promo-tap>div div,
.voo-logo #cards-container #cards-list>li .card.image-option>div>div p.promo-tap>div span,
.voo-logo #cards-container #cards-list>li .card.image-option>div>div p.promo-tap>span div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div p.promo-tap>div div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div p.promo-tap>div span,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div p.promo-tap>span div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div .voo-logo p.promo-tap>div div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div .voo-logo p.promo-tap>div span,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div p.promo-tap>span .voo-logo div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div p.promo-tap>span span {
  position: relative;
  top: 10px;
}

#cards-container #cards-list>li .card.image-option>div>div .voo-logo p.promo-tap>div div svg,
#cards-container #cards-list>li .card.image-option>div>div .voo-logo p.promo-tap>div span svg,
#cards-container #cards-list>li .card.image-option>div>div p.promo-tap>span .voo-logo div svg,
#cards-container #cards-list>li .card.image-option>div>div p.promo-tap>span span svg,
.voo-logo #cards-container #cards-list>li .card.image-option>div>div p.promo-tap>div div svg,
.voo-logo #cards-container #cards-list>li .card.image-option>div>div p.promo-tap>div span svg,
.voo-logo #cards-container #cards-list>li .card.image-option>div>div p.promo-tap>span div svg,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div p.promo-tap>div div svg,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div p.promo-tap>div span svg,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div p.promo-tap>span div svg,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div .voo-logo p.promo-tap>div div svg,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div .voo-logo p.promo-tap>div span svg,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div p.promo-tap>span .voo-logo div svg,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div p.promo-tap>span span svg {
  width: 30px;
  display: inline-block;
  margin-right: 10px;
  height: 30px;
}

#cards-container #cards-list>li .card.image-option>div>div .voo-logo p.promo-tap>div.warning,
#cards-container #cards-list>li .card.image-option>div>div p.promo-tap>span.warning,
.voo-logo #cards-container #cards-list>li .card.image-option>div>div p.promo-tap>div.warning,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div p.promo-tap>div.warning,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div .voo-logo p.promo-tap>div.warning,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div p.promo-tap>span.warning,
section.page-content#invoices .voo-logo #cards-container #cards-list-invoices>li #cards-list>li .card.image-option>div>div p.promo-tap>div.warning,
section.page-content#invoices .voo-logo #cards-container #cards-list>li #cards-list-invoices>li .card.image-option>div>div p.promo-tap>div.warning {
  font-size: 12px;
  margin-bottom: 0;
}

#cards-container #cards-list>li .card.image-option>div>div a,
#cards-container #cards-list>li .card.image-option>div>div>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div a,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div>div {
  margin-top: 15px;
}

#cards-container #cards-list>li .card.image-option>div>div a form,
#cards-container #cards-list>li .card.image-option>div>div>div form,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div a form,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div>div form {
  padding-top: 0;
  height: 50px;
}

#cards-container #cards-list>li .card.image-option>div>div a form:after,
#cards-container #cards-list>li .card.image-option>div>div>div form:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div a form:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div>div form:after {
  content: '';
  display: block;
  clear: both;
}

#cards-container #cards-list>li .card.image-option>div>div a form .pending,
#cards-container #cards-list>li .card.image-option>div>div>div form .pending,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div a form .pending,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div>div form .pending {
  position: absolute;
  top: 74px;
  right: 0;
  height: 20px;
  width: 84%;
  border-radius: 10px;
  background-color: #7db200;
  overflow: hidden;
  margin: 10px 25px;
}

#cards-container #cards-list>li .card.image-option>div>div a form .pending:after,
#cards-container #cards-list>li .card.image-option>div>div>div form .pending:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div a form .pending:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option>div>div>div form .pending:after {
  background-image: -webkit-gradient(linear,0 0,100% 100%,color-stop(.25,rgba(255,255,255,.5)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.5)),color-stop(.75,rgba(255,255,255,.5)),color-stop(.75,transparent),to(transparent));
  background-image: -moz-linear-gradient(-45deg,rgba(255,255,255,.5) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.5) 75%,transparent 75%,transparent);
  -webkit-background-size: 50px 50px;
  -moz-background-size: 50px 50px;
  background-size: 50px 50px;
  -webkit-animation: move 2s linear infinite;
  -moz-animation: move 2s linear infinite;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 15px;
  z-index: 1;
  overflow: hidden;
}

#cards-container #cards-list>li .card.image-option.free-movie,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option.free-movie {
  padding-top: 60px;
}

#cards-container #cards-list>li .card.image-option.free-movie .background-image,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option.free-movie .background-image {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#cards-container #cards-list>li .card.image-option.free-movie>div>div.play-button-area,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option.free-movie>div>div.play-button-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  bottom: auto;
}

#cards-container #cards-list>li .card.image-option.free-movie>div header,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.image-option.free-movie>div header {
  background: #fff;
  color: #4d4d4d;
  border-top: 5px solid #d4007a!important;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 15px 24px 20px;
}

#cards-container #cards-list>li #budget-maitrise>div .card>div .ok,
#cards-container #cards-list>li #budget-maitrise>div .card>div div.warning,
#cards-container #cards-list>li #budget-maitrise>div section.border,
#cards-container #cards-list>li .card>div #budget-maitrise>div .ok,
#cards-container #cards-list>li .card>div #budget-maitrise>div div.warning,
section.page-content#invoices #cards-container #cards-list-invoices>li #budget-maitrise>div .card>div .ok,
section.page-content#invoices #cards-container #cards-list-invoices>li #budget-maitrise>div .card>div div.warning,
section.page-content#invoices #cards-container #cards-list-invoices>li #budget-maitrise>div section.border,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div #budget-maitrise>div .ok,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div #budget-maitrise>div div.warning {
  padding-top: 0;
}

#cards-container #cards-list>li #budget-maitrise>div section img,
section.page-content#invoices #cards-container #cards-list-invoices>li #budget-maitrise>div section img {
  margin-bottom: 10px;
}

#cards-container #cards-list>li #budget-maitrise>div section .special.bottom,
section.page-content#invoices #cards-container #cards-list-invoices>li #budget-maitrise>div section .special.bottom {
  width: 225px;
  margin: 0 auto;
}

#cards-container #cards-list>li .card header,
section.page-content#invoices #cards-container #cards-list-invoices>li .card header {
  font-family: MuseoSansRounded-300;
  height: 60px;
  width: 100%;
  background-color: #fff;
  display: block;
  border-bottom: 1px solid #E8E6E6;
  text-align: center;
  padding: 15px 24px 20px;
  margin: 0;
  font-size: 20px;
  color: #4d4d4d;
  line-height: 25px;
}

#cards-container #cards-list>li .card header .voo-logo div.roboto,
#cards-container #cards-list>li .card header span.roboto,
.voo-logo #cards-container #cards-list>li .card header div.roboto,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card header div.roboto,
section.page-content#invoices #cards-container #cards-list-invoices>li .card header .voo-logo div.roboto,
section.page-content#invoices #cards-container #cards-list-invoices>li .card header span.roboto {
  font-family: Roboto,sans-serif;
  font-weight: 300;
  position: relative;
  top: 2px;
}

#cards-container #cards-list>li .card footer,
section.page-content#invoices #cards-container #cards-list-invoices>li .card footer {
  border-radius: 0 0 5px 5px;
  border-top: 1px solid #E8E6E6;
  background: #fff;
  text-align: center;
  padding: 0;
  -webkit-transition: All .3s;
  -moz-transition: All .3s;
  -ms-transition: All .3s;
  -o-transition: All .3s;
  transition: All .3s;
  height: 55px;
}

#cards-container #cards-list>li .card footer:hover,
section.page-content#invoices #cards-container #cards-list-invoices>li .card footer:hover {
  background-color: #ecf4f6;
}

#cards-container #cards-list>li .card footer a,
section.page-content#invoices #cards-container #cards-list-invoices>li .card footer a {
  color: #4196AA;
  font-family: Roboto,sans-serif!important;
  font-weight: 300;
  padding: 1em 1.5em .9em;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: All .3s;
  -moz-transition: All .3s;
  -ms-transition: All .3s;
  -o-transition: All .3s;
  transition: All .3s;
}

#cards-container #cards-list>li .card footer.no_data:hover,
section.page-content#invoices #cards-container #cards-list-invoices>li .card footer.no_data:hover {
  background: #fafafa;
}

#cards-container #cards-list>li .card>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div {
  padding: 18px 24px 20px;
  word-wrap: break-word;
}

#cards-container #cards-list>li .card>div>section>img,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div>section>img {
  width: auto;
  height: 70px;
  margin: 0 auto 20px;
  display: block;
}

#cards-container #cards-list>li .card>div:nth-child(2)>section:first-child>img.no-margin,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div:nth-child(2)>section:first-child>img.no-margin {
  margin-top: 15px;
}

#cards-container #cards-list>li .card>div.no-bottom,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div.no-bottom {
  padding-bottom: 0;
}

#cards-container #cards-list>li .card>div.bottom-small,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div.bottom-small {
  padding: 18px 24px 10px;
}

#cards-container #cards-list>li .card.confirmation .card>div header>span,
#cards-container #cards-list>li .card.confirmation .voo-logo .card>div header>div,
#cards-container #cards-list>li .card>div #manage-options-dialog article.confirmation .voo-logo header>div,
#cards-container #cards-list>li .card>div #manage-options-dialog article.confirmation header>span,
#cards-container #cards-list>li .card>div .card.confirmation .voo-logo header>div,
#cards-container #cards-list>li .card>div .card.confirmation header>span,
#cards-container #cards-list>li .card>div .confirm-view div .voo-logo header>div,
#cards-container #cards-list>li .card>div .confirm-view div header>span,
#cards-container #cards-list>li .card>div .voo-logo #manage-options-dialog article.confirmation header>div,
#cards-container #cards-list>li .card>div h3,
#manage-options-dialog article.confirmation #cards-container #cards-list>li .card>div header>span,
#manage-options-dialog article.confirmation .voo-logo #cards-container #cards-list>li .card>div header>div,
#manage-options-dialog article.confirmation .voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card>div header>div,
#manage-options-dialog article.confirmation section.page-content#invoices #cards-container #cards-list-invoices>li .card>div header>span,
.voo-logo #cards-container #cards-list>li .card.confirmation .card>div header>div,
.voo-logo #cards-container #cards-list>li .card>div .card.confirmation header>div,
.voo-logo #cards-container #cards-list>li .card>div .confirm-view div header>div,
.voo-logo #manage-options-dialog article.confirmation #cards-container #cards-list>li .card>div header>div,
.voo-logo #manage-options-dialog article.confirmation section.page-content#invoices #cards-container #cards-list-invoices>li .card>div header>div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation .card>div header>div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .card.confirmation header>div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .confirm-view div header>div,
.voo-logo section.page-content#invoices #cards-container #cards-list>li .card.confirmation #cards-list-invoices>li .card>div header>div,
.voo-logo section.page-content#invoices #cards-container #cards-list>li .card>div #cards-list-invoices>li .card.confirmation header>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation .card>div header>span,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation .voo-logo .card>div header>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div #manage-options-dialog article.confirmation .voo-logo header>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div #manage-options-dialog article.confirmation header>span,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .card.confirmation .voo-logo header>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .card.confirmation header>span,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .confirm-view div .voo-logo header>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .confirm-view div header>span,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .voo-logo #manage-options-dialog article.confirmation header>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div h3,
section.page-content#invoices #cards-container #cards-list>li .card.confirmation #cards-list-invoices>li .card>div header>span,
section.page-content#invoices #cards-container #cards-list>li .card.confirmation .voo-logo #cards-list-invoices>li .card>div header>div,
section.page-content#invoices #cards-container #cards-list>li .card>div #cards-list-invoices>li .card.confirmation .voo-logo header>div,
section.page-content#invoices #cards-container #cards-list>li .card>div #cards-list-invoices>li .card.confirmation header>span,
section.page-content#invoices .voo-logo #cards-container #cards-list-invoices>li #cards-list>li .card>div .confirm-view div header>div,
section.page-content#invoices .voo-logo #cards-container #cards-list-invoices>li .card>div #cards-list>li .card.confirmation header>div,
section.page-content#invoices .voo-logo #cards-container #cards-list>li #cards-list-invoices>li .card>div .confirm-view div header>div,
section.page-content#invoices .voo-logo #cards-container #cards-list>li .card.confirmation #cards-list-invoices>li .card>div header>div {
  background-color: #f6f8f9;
  color: #7c8b92;
  text-align: center;
  font-size: 20px;
  padding: .6em;
  position: relative;
  margin: -18px -24px 0;
}

#cards-container #cards-list>li .card>div div h2,
#cards-container #cards-list>li .card>div h2,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div h2,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div h2 {
  background-color: #edf0f1;
  color: #274856;
  text-align: left;
  font-size: 18px;
  padding: .6em 25px;
  position: relative;
  margin: -1px -24px 0;
  font-family: Roboto,sans-serif;
  font-weight: 300;
}

#cards-container #cards-list>li .card>div div:first-child h2,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div:first-child h2 {
  margin: -18px -24px 0;
}

#cards-container #cards-list>li .card>div .horizontal-slider,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .horizontal-slider {
  background-color: #f6f8f9;
  color: #4196AA;
  text-align: center;
  border-bottom: 1px solid #E8E6E6;
  font-size: 20px;
  padding: 13px 0 12px;
  position: relative;
  margin: -18px -24px 0;
}

#cards-container #cards-list>li .card>div .horizontal-slider .voo-logo div,
#cards-container #cards-list>li .card>div .horizontal-slider span,
.voo-logo #cards-container #cards-list>li .card>div .horizontal-slider div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .horizontal-slider div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .horizontal-slider .voo-logo div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .horizontal-slider span {
  font-size: 15px;
}

#cards-container #cards-list>li .card>div .horizontal-slider.data-only,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .horizontal-slider.data-only {
  padding-bottom: 0;
}

#cards-container #cards-list>li .card>div .horizontal-slider.data-only div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .horizontal-slider.data-only div {
  margin-top: -1px;
  margin-bottom: 2px;
}

#cards-container #cards-list>li .card>div .horizontal-slider>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .horizontal-slider>div {
  display: block;
  line-height: 26px;
}

#cards-container #cards-list>li .card>div .horizontal-slider>div>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .horizontal-slider>div>div {
  display: inline-block;
  max-width: 268px;
  padding: 0 15px;
  line-height: 17px;
  text-transform: capitalize;
}

#cards-container #cards-list>li .card>div .horizontal-slider>div>div.no-capitalize,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .horizontal-slider>div>div.no-capitalize {
  text-transform: none!important;
}

#cards-container #cards-list>li .card>div .horizontal-slider.embedded,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .horizontal-slider.embedded {
  margin: -18px -24px 18px;
  border-bottom: 1px solid #E8E6E6;
}

#cards-container #cards-list>li .card>div .horizontal-slider.special,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .horizontal-slider.special {
  margin-bottom: -20px;
}

#cards-container #cards-list>li .card>div .navigable,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .navigable {
  cursor: pointer;
  width: 30px;
  height: 50px;
  margin-top: -12px;
}

#cards-container #cards-list>li .card>div .navigable::before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .navigable::before {
  content: "";
  width: 10px;
  height: 10px;
  display: block;
  text-indent: -90000px;
  margin-top: 20px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#cards-container #cards-list>li .card>div .navigable.previous,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .navigable.previous {
  position: absolute;
  left: 0;
  top: 12px;
  border-right: 1px solid #cad3d7;
}

#cards-container #cards-list>li .card>div .navigable.previous::before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .navigable.previous::before {
  border-left: 3px solid #7c8b92;
  border-bottom: 3px solid #7c8b92;
  margin-left: 12px;
}

#cards-container #cards-list>li .card>div .navigable.next,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .navigable.next {
  position: absolute;
  right: 0;
  top: 12px;
  border-left: 1px solid #cad3d7;
}

#cards-container #cards-list>li .card>div .navigable.next::before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .navigable.next::before {
  border-right: 3px solid #7c8b92;
  border-top: 3px solid #7c8b92;
  margin-left: 8px;
}

#cards-container #cards-list>li .card>div>div>div .small.ok,
#cards-container #cards-list>li .card>div>div>div div.small.warning,
#cards-container #cards-list>li .card>div>div>div section.small.border,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div>div>div .small.ok,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div>div>div div.small.warning,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div>div>div section.small.border {
  border-bottom: 1px solid #E8E6E6;
}

#cards-container #cards-list>li .card>div .ok,
#cards-container #cards-list>li .card>div div.warning,
#cards-container #cards-list>li .card>div section.border,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .ok,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.warning,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div section.border {
  width: 324px;
  padding: 17px 25px 14px;
  margin: 0 0 0 -25px;
  border-bottom: 1px solid #E8E6E6;
}

#cards-container #cards-list>li .card>div .special.ok,
#cards-container #cards-list>li .card>div div.special.warning,
#cards-container #cards-list>li .card>div section.border.special,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .special.ok,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.special.warning,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div section.border.special {
  border-bottom: none;
}

#cards-container #cards-list>li .card>div .small.switch.ok,
#cards-container #cards-list>li .card>div div.small.switch.warning,
#cards-container #cards-list>li .card>div section.border.small.switch,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .small.switch.ok,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.small.switch.warning,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div section.border.small.switch {
  padding: 12px 25px 5px!important;
}

#cards-container #cards-list>li .card>div .small.switch.desactivated.ok,
#cards-container #cards-list>li .card>div div.small.switch.desactivated.warning,
#cards-container #cards-list>li .card>div section.border.small.switch.desactivated,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .small.switch.desactivated.ok,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.small.switch.desactivated.warning,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div section.border.small.switch.desactivated {
  display: none;
}

#cards-container #cards-list>li .card>div .small.ok,
#cards-container #cards-list>li .card>div div.small.warning,
#cards-container #cards-list>li .card>div section.border.small,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .small.ok,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.small.warning,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div section.border.small {
  padding: 20px 25px!important;
}

#cards-container #cards-list>li .card>div .small.with-border.ok,
#cards-container #cards-list>li .card>div div.small.with-border.warning,
#cards-container #cards-list>li .card>div section.border.small.with-border,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .small.with-border.ok,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.small.with-border.warning,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div section.border.small.with-border {
  border-bottom: 1px solid #E8E6E6;
}

#cards-container #cards-list>li .card>div .small.ok>div:after,
#cards-container #cards-list>li .card>div div.small.warning>div:after,
#cards-container #cards-list>li .card>div section.border.small>div:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .small.ok>div:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.small.warning>div:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div section.border.small>div:after {
  content: '';
  display: block;
  clear: both;
}

#cards-container #cards-list>li .card>div .small.ok>div .voo-logo div.list-title,
#cards-container #cards-list>li .card>div .small.ok>div span.list-title,
#cards-container #cards-list>li .card>div div.small.warning>div .voo-logo div.list-title,
#cards-container #cards-list>li .card>div div.small.warning>div span.list-title,
#cards-container #cards-list>li .card>div section.border.small>div .voo-logo div.list-title,
#cards-container #cards-list>li .card>div section.border.small>div span.list-title,
.voo-logo #cards-container #cards-list>li .card>div .small.ok>div div.list-title,
.voo-logo #cards-container #cards-list>li .card>div div.small.warning>div div.list-title,
.voo-logo #cards-container #cards-list>li .card>div section.border.small>div div.list-title,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .small.ok>div div.list-title,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.small.warning>div div.list-title,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card>div section.border.small>div div.list-title,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .small.ok>div .voo-logo div.list-title,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .small.ok>div span.list-title,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.small.warning>div .voo-logo div.list-title,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.small.warning>div span.list-title,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div section.border.small>div .voo-logo div.list-title,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div section.border.small>div span.list-title {
  display: inline-block;
  position: relative;
  top: 2px;
}

#cards-container #cards-list>li .card>div .small.ok>div.included,
#cards-container #cards-list>li .card>div div.small.warning>div.included,
#cards-container #cards-list>li .card>div section.border.small>div.included,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .small.ok>div.included,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.small.warning>div.included,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div section.border.small>div.included {
  color: #7db200;
  width: 80px;
  min-height: 30px;
  display: inline-block;
  position: relative;
  margin-top: -4px;
  float: right;
}

#cards-container #cards-list>li .card>div .small.ok>div.included .voo-logo div,
#cards-container #cards-list>li .card>div .small.ok>div.included span,
#cards-container #cards-list>li .card>div div.small.warning>div.included .voo-logo div,
#cards-container #cards-list>li .card>div div.small.warning>div.included span,
#cards-container #cards-list>li .card>div section.border.small>div.included .voo-logo div,
#cards-container #cards-list>li .card>div section.border.small>div.included span,
.voo-logo #cards-container #cards-list>li .card>div .small.ok>div.included div,
.voo-logo #cards-container #cards-list>li .card>div div.small.warning>div.included div,
.voo-logo #cards-container #cards-list>li .card>div section.border.small>div.included div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .small.ok>div.included div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.small.warning>div.included div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card>div section.border.small>div.included div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .small.ok>div.included .voo-logo div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .small.ok>div.included span,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.small.warning>div.included .voo-logo div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.small.warning>div.included span,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div section.border.small>div.included .voo-logo div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div section.border.small>div.included span {
  display: block;
  margin-right: 36px;
  margin-top: 4px;
  width: auto;
  text-align: right;
  text-transform: lowercase;
}

#cards-container #cards-list>li .card>div .small.ok>div.included .voo-logo div.confirm,
#cards-container #cards-list>li .card>div .small.ok>div.included span.confirm,
#cards-container #cards-list>li .card>div div.small.warning>div.included .voo-logo div.confirm,
#cards-container #cards-list>li .card>div div.small.warning>div.included span.confirm,
#cards-container #cards-list>li .card>div section.border.small>div.included .voo-logo div.confirm,
#cards-container #cards-list>li .card>div section.border.small>div.included span.confirm,
.voo-logo #cards-container #cards-list>li .card>div .small.ok>div.included div.confirm,
.voo-logo #cards-container #cards-list>li .card>div div.small.warning>div.included div.confirm,
.voo-logo #cards-container #cards-list>li .card>div section.border.small>div.included div.confirm,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .small.ok>div.included div.confirm,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.small.warning>div.included div.confirm,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card>div section.border.small>div.included div.confirm,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .small.ok>div.included .voo-logo div.confirm,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .small.ok>div.included span.confirm,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.small.warning>div.included .voo-logo div.confirm,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.small.warning>div.included span.confirm,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div section.border.small>div.included .voo-logo div.confirm,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div section.border.small>div.included span.confirm {
  width: 29px;
  height: 29px;
  display: inline-block;
  border-radius: 50%;
  border: 2px solid #7db200;
  position: absolute;
  top: -3px;
  right: -2px;
  margin: 0;
}

#cards-container #cards-list>li .card>div .small.ok>div.included .voo-logo div.confirm:before,
#cards-container #cards-list>li .card>div .small.ok>div.included span.confirm:before,
#cards-container #cards-list>li .card>div div.small.warning>div.included .voo-logo div.confirm:before,
#cards-container #cards-list>li .card>div div.small.warning>div.included span.confirm:before,
#cards-container #cards-list>li .card>div section.border.small>div.included .voo-logo div.confirm:before,
#cards-container #cards-list>li .card>div section.border.small>div.included span.confirm:before,
.voo-logo #cards-container #cards-list>li .card>div .small.ok>div.included div.confirm:before,
.voo-logo #cards-container #cards-list>li .card>div div.small.warning>div.included div.confirm:before,
.voo-logo #cards-container #cards-list>li .card>div section.border.small>div.included div.confirm:before,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .small.ok>div.included div.confirm:before,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.small.warning>div.included div.confirm:before,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card>div section.border.small>div.included div.confirm:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .small.ok>div.included .voo-logo div.confirm:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .small.ok>div.included span.confirm:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.small.warning>div.included .voo-logo div.confirm:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.small.warning>div.included span.confirm:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div section.border.small>div.included .voo-logo div.confirm:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div section.border.small>div.included span.confirm:before {
  position: absolute;
  top: 9px;
  left: 28%;
  content: '';
  width: 2px;
  height: 10px;
  background-color: #7db200;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}

#cards-container #cards-list>li .card>div .small.ok>div.included .voo-logo div.confirm:after,
#cards-container #cards-list>li .card>div .small.ok>div.included span.confirm:after,
#cards-container #cards-list>li .card>div div.small.warning>div.included .voo-logo div.confirm:after,
#cards-container #cards-list>li .card>div div.small.warning>div.included span.confirm:after,
#cards-container #cards-list>li .card>div section.border.small>div.included .voo-logo div.confirm:after,
#cards-container #cards-list>li .card>div section.border.small>div.included span.confirm:after,
.voo-logo #cards-container #cards-list>li .card>div .small.ok>div.included div.confirm:after,
.voo-logo #cards-container #cards-list>li .card>div div.small.warning>div.included div.confirm:after,
.voo-logo #cards-container #cards-list>li .card>div section.border.small>div.included div.confirm:after,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .small.ok>div.included div.confirm:after,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.small.warning>div.included div.confirm:after,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card>div section.border.small>div.included div.confirm:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .small.ok>div.included .voo-logo div.confirm:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .small.ok>div.included span.confirm:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.small.warning>div.included .voo-logo div.confirm:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.small.warning>div.included span.confirm:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div section.border.small>div.included .voo-logo div.confirm:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div section.border.small>div.included span.confirm:after {
  position: absolute;
  top: 6px;
  right: 32%;
  content: '';
  width: 2px;
  height: 13px;
  background-color: #7db200;
  -webkit-transform: rotate(50deg);
  -moz-transform: rotate(50deg);
  -o-transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  transform: rotate(50deg);
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}

#cards-container #cards-list>li .card>div .no-data.ok,
#cards-container #cards-list>li .card>div div.no-data.warning,
#cards-container #cards-list>li .card>div section.border.no-data,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .no-data.ok,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.no-data.warning,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div section.border.no-data {
  border-bottom: 1px solid #d0d6d9;
}

#cards-container #cards-list>li .card>div .marginNeg.ok,
#cards-container #cards-list>li .card>div div.marginNeg.warning,
#cards-container #cards-list>li .card>div section.border.marginNeg,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .marginNeg.ok,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.marginNeg.warning,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div section.border.marginNeg {
  padding-bottom: 12px;
}

#cards-container #cards-list>li .card>div .ok:last-child,
#cards-container #cards-list>li .card>div div.warning:last-child,
#cards-container #cards-list>li .card>div section.border:last-child,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .ok:last-child,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.warning:last-child,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div section.border:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

#cards-container #cards-list>li .card>div .ok:last-child .input-editable-container.special,
#cards-container #cards-list>li .card>div div.warning:last-child .input-editable-container.special,
#cards-container #cards-list>li .card>div section.border:last-child .input-editable-container.special,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .ok:last-child .input-editable-container.special,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.warning:last-child .input-editable-container.special,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div section.border:last-child .input-editable-container.special {
  height: 75px!important;
}

#cards-container #cards-list>li .card>div .ok:last-child .input-editable-container.special.edit,
#cards-container #cards-list>li .card>div div.warning:last-child .input-editable-container.special.edit,
#cards-container #cards-list>li .card>div section.border:last-child .input-editable-container.special.edit,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .ok:last-child .input-editable-container.special.edit,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.warning:last-child .input-editable-container.special.edit,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div section.border:last-child .input-editable-container.special.edit {
  height: 57px!important;
}

#cards-container #cards-list>li .card>div .ok:last-child .input-editable-container.special.edit.marginNeg,
#cards-container #cards-list>li .card>div div.warning:last-child .input-editable-container.special.edit.marginNeg,
#cards-container #cards-list>li .card>div section.border:last-child .input-editable-container.special.edit.marginNeg,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .ok:last-child .input-editable-container.special.edit.marginNeg,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.warning:last-child .input-editable-container.special.edit.marginNeg,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div section.border:last-child .input-editable-container.special.edit.marginNeg {
  height: 59px!important;
}

#cards-container #cards-list>li .card>div .ok:last-child .input-container,
#cards-container #cards-list>li .card>div .ok:last-child .input-editable-container.add,
#cards-container #cards-list>li .card>div div.warning:last-child .input-container,
#cards-container #cards-list>li .card>div div.warning:last-child .input-editable-container.add,
#cards-container #cards-list>li .card>div section.border:last-child .input-container,
#cards-container #cards-list>li .card>div section.border:last-child .input-editable-container.add,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .ok:last-child .input-container,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .ok:last-child .input-editable-container.add,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.warning:last-child .input-container,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.warning:last-child .input-editable-container.add,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div section.border:last-child .input-container,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div section.border:last-child .input-editable-container.add {
  margin-bottom: 0;
}

#cards-container #cards-list>li .card>div .ok:last-child div.help-text,
#cards-container #cards-list>li .card>div div.warning:last-child div.help-text,
#cards-container #cards-list>li .card>div section.border:last-child div.help-text,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .ok:last-child div.help-text,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.warning:last-child div.help-text,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div section.border:last-child div.help-text {
  margin-bottom: 0!important;
}

#cards-container #cards-list>li .card>div .ok:first-child,
#cards-container #cards-list>li .card>div div.warning:first-child,
#cards-container #cards-list>li .card>div section.border:first-child,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .ok:first-child,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.warning:first-child,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div section.border:first-child {
  padding-top: 0;
}

#cards-container #cards-list>li .card>div .ok .input-editable-container.special,
#cards-container #cards-list>li .card>div div.warning .input-editable-container.special,
#cards-container #cards-list>li .card>div section.border .input-editable-container.special,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .ok .input-editable-container.special,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.warning .input-editable-container.special,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div section.border .input-editable-container.special {
  height: 45px;
}

#cards-container #cards-list>li .card>div .ok .input-editable-container.add,
#cards-container #cards-list>li .card>div div.warning .input-editable-container.add,
#cards-container #cards-list>li .card>div section.border .input-editable-container.add,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .ok .input-editable-container.add,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.warning .input-editable-container.add,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div section.border .input-editable-container.add {
  height: 75px!important;
  padding-top: 20px;
}

#cards-container #cards-list>li .card>div p:last-child,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div p:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

#cards-container #cards-list>li .card>div p:last-child .input-container,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div p:last-child .input-container {
  margin-bottom: 0;
}

#cards-container #cards-list>li .card>div p:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div p:after {
  content: '';
  clear: both;
  display: block;
}

#cards-container #cards-list>li .card>div p:first-child,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div p:first-child {
  margin-top: 0;
}

#cards-container #cards-list>li .card>div .ok,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .ok {
  position: relative;
  color: #7db200;
  padding-left: 60px;
}

#cards-container #cards-list>li .card>div .ok .voo-logo div,
#cards-container #cards-list>li .card>div .ok span,
.voo-logo #cards-container #cards-list>li .card>div .ok div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .ok div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .ok .voo-logo div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .ok span {
  width: 29px;
  height: 29px;
  display: inline-block;
  border-radius: 50%;
  border: 2px solid #7db200;
  position: absolute;
  left: 25px;
  top: 12px;
}

#cards-container #cards-list>li .card>div .ok .voo-logo div:before,
#cards-container #cards-list>li .card>div .ok span:before,
.voo-logo #cards-container #cards-list>li .card>div .ok div:before,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .ok div:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .ok .voo-logo div:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .ok span:before {
  position: absolute;
  top: 9px;
  left: 28%;
  content: '';
  width: 2px;
  height: 10px;
  background-color: #7db200;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}

#cards-container #cards-list>li .card>div .ok .voo-logo div:after,
#cards-container #cards-list>li .card>div .ok span:after,
.voo-logo #cards-container #cards-list>li .card>div .ok div:after,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .ok div:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .ok .voo-logo div:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .ok span:after {
  position: absolute;
  top: 6px;
  right: 32%;
  content: '';
  width: 2px;
  height: 13px;
  background-color: #7db200;
  -webkit-transform: rotate(50deg);
  -moz-transform: rotate(50deg);
  -o-transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  transform: rotate(50deg);
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}

#cards-container #cards-list>li .card>div .warning,
#cards-container #cards-list>li .card>div div.warning,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .warning {
  color: #F39502;
}

#cards-container #cards-list>li .card>div .warning.promo-label,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .warning.promo-label {
  padding-left: 9px;
}

#cards-container #cards-list>li .card>div .warning .normal-text,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .warning .normal-text {
  color: #6f7175;
  display: block;
  margin: 10px -2px 0 -35px;
  font-size: 16px;
}

#cards-container #cards-list>li .card>div div.warning,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.warning {
  position: relative;
  padding-left: 60px;
}

#cards-container #cards-list>li .card>div div.no-border.warning,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.no-border.warning {
  border-bottom: none;
}

#cards-container #cards-list>li .card>div div.info.warning:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.info.warning:before {
  font-family: Roboto,sans-serif;
  color: #F39502;
  content: "!";
  border: 2px solid #F39502;
  border-radius: 50%;
  display: inline-block;
  width: 29px;
  height: 29px;
  text-align: center;
  padding-top: 3px;
  padding-left: 0;
  position: absolute;
  top: -4px;
  left: 25px;
  line-height: 21px;
  font-weight: 400;
}

#cards-container #cards-list>li .card>div div.special.warning,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.special.warning {
  margin-top: 20px;
  margin-bottom: 5px;
}

#cards-container #cards-list>li .card>div div.special.warning:after,
#cards-container #cards-list>li .card>div div.special.warning:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.special.warning:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.special.warning:before {
  top: -6px!important;
}

#cards-container #cards-list>li .card>div div.block.warning:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.block.warning:before {
  color: #F39502;
  content: " ";
  border: 2px solid #F39502;
  border-radius: 50%;
  display: inline-block;
  width: 29px;
  height: 29px;
  text-align: center;
  padding-top: 0;
  position: absolute;
  top: -4px;
  left: 25px;
}

#cards-container #cards-list>li .card>div div.block.warning:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.block.warning:after {
  background-color: #F39502;
  content: " ";
  border: none;
  display: inline-block;
  width: 2px;
  height: 29px;
  position: absolute;
  top: -4px;
  left: 39px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#cards-container #cards-list>li .card>div label,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div label {
  color: #8D8F91;
  display: block;
  margin-bottom: 5px;
}

#cards-container #cards-list>li .card>div label.big,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div label.big {
  font-family: MuseoSansRounded-300;
  font-size: 22px;
}

#cards-container #cards-list>li .card>div label.big.easy-switch-label,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div label.big.easy-switch-label {
  font-size: 20px;
  padding-bottom: 15px;
}

#cards-container #cards-list>li .card>div label.align-center,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div label.align-center {
  width: 100%;
  text-align: center;
}

#cards-container #cards-list>li .card>div label.bold,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div label.bold {
  font-family: Roboto,sans-serif;
  font-weight: 400;
  color: #6f7175;
}

#cards-container #cards-list>li .card>div label.dark,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div label.dark {
  color: #4D4D4D;
  margin-top: 15px;
}

#cards-container #cards-list>li .card>div label.special,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div label.special {
  margin-bottom: 22px;
}

#cards-container #cards-list>li .card>div label.too-long,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div label.too-long {
  margin-right: -7px;
}

#cards-container #cards-list>li .card>div.subtitle,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div.subtitle {
  position: relative;
  padding-left: 64px!important;
}

#cards-container #cards-list>li .card>div .card>div.subtitle.sync.warning,
#cards-container #cards-list>li .card>div.subtitle.warning.sync,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div #cards-list>li .card>div.subtitle.sync.warning,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .card>div.subtitle.sync.warning,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div.subtitle.warning.sync {
  background-color: #fef4e5;
  color: #F39502;
}

#cards-container #cards-list>li .card>div .card>div.subtitle.sync.warning:before,
#cards-container #cards-list>li .card>div.subtitle.warning.sync:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div #cards-list>li .card>div.subtitle.sync.warning:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .card>div.subtitle.sync.warning:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div.subtitle.warning.sync:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 16px;
  left: 20px;
}

#cards-container #cards-list>li .card>div.subtitle.green,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div.subtitle.green {
  background-color: #f2f7e5;
  color: #7db200;
  padding: 15px 20px;
}

#cards-container #cards-list>li .card>div.subtitle.green.ebilling:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div.subtitle.green.ebilling:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 20px;
}

#cards-container #cards-list>li .card>div.subtitle.green.change-pass-1:before,
#cards-container #cards-list>li .card>div.subtitle.green.change-pass-2:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div.subtitle.green.change-pass-1:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div.subtitle.green.change-pass-2:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 16px;
  left: 20px;
}

#cards-container #cards-list>li .card>div .vod-usages>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .vod-usages>div {
  margin: 0 -24px;
  padding: 15px 25px;
}

#cards-container #cards-list>li .card>div .vod-usages>ul,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .vod-usages>ul {
  margin: 0 -24px;
  list-style: none;
  padding: 0;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .5s;
  -moz-transition: height .5s;
  -ms-transition: height .5s;
  -o-transition: height .5s;
  transition: height .5s;
}

#cards-container #cards-list>li .card>div .vod-usages>ul li,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .vod-usages>ul li {
  padding: 15px 25px 10px;
}

#cards-container #cards-list>li .card>div .vod-usages>ul li:nth-child(odd),
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .vod-usages>ul li:nth-child(odd) {
  background-color: #fff;
}

#cards-container #cards-list>li .card>div .vod-usages>ul li:nth-child(even),
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .vod-usages>ul li:nth-child(even) {
  background-color: #fcfcfc;
}

#cards-container #cards-list>li .card>div .vod-usages>ul li label,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .vod-usages>ul li label {
  color: #767578;
  font-family: Roboto,sans-serif;
  font-weight: 400;
  width: 200px;
  display: inline-block;
}

#cards-container #cards-list>li .card>div .vod-usages>ul li label .voo-logo div.date,
#cards-container #cards-list>li .card>div .vod-usages>ul li label span.date,
.voo-logo #cards-container #cards-list>li .card>div .vod-usages>ul li label div.date,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .vod-usages>ul li label div.date,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .vod-usages>ul li label .voo-logo div.date,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .vod-usages>ul li label span.date {
  display: block;
  font-family: Roboto,sans-serif;
  font-weight: 300;
}

#cards-container #cards-list>li .card>div .vod-usages>ul li .price,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .vod-usages>ul li .price {
  font-family: MuseoSansRounded-300;
  display: block;
  width: 60px;
  height: 100%;
  float: right;
  text-align: right;
}

#cards-container #cards-list>li .card>div .vod-usages .toggle-vod-list,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .vod-usages .toggle-vod-list {
  border: none;
  cursor: pointer;
  padding: 13px 25px 8px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #fbe6f1;
  -webkit-transition: All .3s;
  -moz-transition: All .3s;
  -ms-transition: All .3s;
  -o-transition: All .3s;
  transition: All .3s;
  position: relative;
}

#cards-container #cards-list>li .card>div .vod-usages .toggle-vod-list .toggle-bckg,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .vod-usages .toggle-vod-list .toggle-bckg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  height: 100%;
  width: 100%;
  z-index: -1;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

#cards-container #cards-list>li .card>div .vod-usages .toggle-vod-list:hover,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .vod-usages .toggle-vod-list:hover {
  background-color: #f7d0e5;
}

#cards-container #cards-list>li .card>div .vod-usages .toggle-vod-list label,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .vod-usages .toggle-vod-list label {
  cursor: pointer;
  color: #d4007a;
  text-decoration: underline;
  height: 25px;
  padding-top: 2px;
  font-family: Roboto,sans-serif;
  font-weight: 300;
  background-image: url(/img/icons/icon-menu.png);
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 25px auto;
  -webkit-transition: All 0s;
  -moz-transition: All 0s;
  -ms-transition: All 0s;
  -o-transition: All 0s;
  transition: All 0s;
}

#cards-container #cards-list>li .card>div .vod-usages .toggle-vod-list label.opened-text,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .vod-usages .toggle-vod-list label.opened-text {
  display: none;
}

#cards-container #cards-list>li .card>div .vod-usages .toggle-vod-list label.closed-text,
#cards-container #cards-list>li .card>div .vod-usages .toggle-vod-list.open label.opened-text,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .vod-usages .toggle-vod-list label.closed-text,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .vod-usages .toggle-vod-list.open label.opened-text {
  display: block;
}

#cards-container #cards-list>li .card>div .vod-usages .toggle-vod-list.open label,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .vod-usages .toggle-vod-list.open label {
  background-position: 100% -55px;
}

#cards-container #cards-list>li .card>div .vod-usages .toggle-vod-list.open label.closed-text,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .vod-usages .toggle-vod-list.open label.closed-text {
  display: none;
}

#cards-container #cards-list>li .card>div .no-vod-usages,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .no-vod-usages {
  min-height: 133px;
  background-color: #fafafa;
  margin: 0 -24px;
  padding: 35px 25px 15px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

#cards-container #cards-list>li .card>div .no-vod-usages div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .no-vod-usages div {
  text-align: center;
  color: #d4007a;
}

#cards-container #cards-list>li .card>div>div:last-child>section.small:last-child,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div>div:last-child>section.small:last-child {
  margin-bottom: 0;
  padding-bottom: 0!important;
}

#cards-container #cards-list>li .card>div>div ul.security-list,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div>div ul.security-list {
  display: block;
  float: right;
  list-style: none;
  margin: 0 0 -15px;
  padding: 0;
  width: 100%;
}

#cards-container #cards-list>li .card>div>div ul.security-list li,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div>div ul.security-list li {
  border-bottom: 1px solid #E8E6E6;
  padding: 6px 0 0;
}

#cards-container #cards-list>li .card>div>div ul.security-list li:last-child,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div>div ul.security-list li:last-child {
  border: none;
}

#cards-container #cards-list>li .card>div>div ul.security-list li .border.small,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div>div ul.security-list li .border.small {
  width: 100%;
  padding: 16px 0!important;
  margin: 0;
}

#cards-container #cards-list>li .card>div .trash-icon,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .trash-icon {
  background: url(/img/icons/icon-trash.png) no-repeat;
  display: block;
  position: absolute;
  right: 0;
  top: 10px;
  height: 26px;
  width: 20px;
  background-size: 18px auto;
  cursor: pointer;
}

#cards-container #cards-list>li .card>div .aliases-list,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .aliases-list {
  position: relative;
  text-decoration: none;
  padding: 0;
  margin: 13px 0 -10px;
}

#cards-container #cards-list>li .card>div .aliases-list li,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .aliases-list li {
  border-top: 1px solid #E8E6E6;
  font-family: Roboto,sans-serif;
  font-weight: 400;
  list-style: none;
  padding: 10px 30px 10px 0;
  position: relative;
}

#cards-container #cards-list>li .card .confirm-view,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view {
  position: absolute;
  height: 101%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255,255,255,.5);
  margin-top: -5px;
  border-radius: 5px;
  z-index: 10;
}

#cards-container #cards-list>li .card .confirm-view div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div {
  width: 260px;
  margin: 50px auto 0;
}

#cards-container #cards-list>li .card .confirm-view div header,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header {
  background-color: #7db200;
  height: auto;
  text-align: left;
  border-bottom: none;
  border-top: none!important;
  line-height: 21px;
  border-radius: 5px;
}

#cards-container #cards-list>li .card .confirm-view div #manage-options-dialog article.confirmation header>span,
#cards-container #cards-list>li .card .confirm-view div .voo-logo #manage-options-dialog article.confirmation header>div,
#cards-container #cards-list>li .card .confirm-view div .voo-logo header>div,
#cards-container #cards-list>li .card .confirm-view div header h3,
#cards-container #cards-list>li .card .confirm-view div header>span,
#cards-container #cards-list>li .card.confirmation .voo-logo .confirm-view div header>div,
.voo-logo #cards-container #cards-list>li .card .confirm-view div header>div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div #manage-options-dialog article.confirmation header>span,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div .voo-logo #manage-options-dialog article.confirmation header>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div .voo-logo header>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header h3,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header>span,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation .voo-logo .confirm-view div header>div,
section.page-content#invoices .voo-logo #cards-container #cards-list-invoices>li #cards-list>li .card .confirm-view div header>div,
section.page-content#invoices .voo-logo #cards-container #cards-list>li #cards-list-invoices>li .card .confirm-view div header>div {
  font-family: Roboto,sans-serif;
  color: #fff;
  font-size: 16px;
  position: relative;
  font-weight: 400;
  margin-top: 5px;
  padding-left: 37px;
}

#cards-container #cards-list>li .card .confirm-view div .voo-logo header>div div,
#cards-container #cards-list>li .card .confirm-view div .voo-logo header>div span,
#cards-container #cards-list>li .card .confirm-view div header h3 .voo-logo div,
#cards-container #cards-list>li .card .confirm-view div header h3 span,
#cards-container #cards-list>li .card .confirm-view div header>span .voo-logo div,
#cards-container #cards-list>li .card .confirm-view div header>span span,
#cards-container #cards-list>li .card.confirmation .voo-logo .confirm-view div header>div div,
#cards-container #cards-list>li .card.confirmation .voo-logo .confirm-view div header>div span,
.voo-logo #cards-container #cards-list>li .card .confirm-view div header h3 div,
.voo-logo #cards-container #cards-list>li .card .confirm-view div header>div div,
.voo-logo #cards-container #cards-list>li .card .confirm-view div header>div span,
.voo-logo #cards-container #cards-list>li .card .confirm-view div header>span div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header h3 div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header>div div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header>div span,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header>span div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div .voo-logo header>div div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div .voo-logo header>div span,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header h3 .voo-logo div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header h3 span,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header>span .voo-logo div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header>span span,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation .voo-logo .confirm-view div header>div div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation .voo-logo .confirm-view div header>div span,
section.page-content#invoices .voo-logo #cards-container #cards-list-invoices>li #cards-list>li .card .confirm-view div header>div div,
section.page-content#invoices .voo-logo #cards-container #cards-list-invoices>li #cards-list>li .card .confirm-view div header>div span,
section.page-content#invoices .voo-logo #cards-container #cards-list>li #cards-list-invoices>li .card .confirm-view div header>div div,
section.page-content#invoices .voo-logo #cards-container #cards-list>li #cards-list-invoices>li .card .confirm-view div header>div span {
  width: 29px;
  height: 29px;
  display: inline-block;
  border-radius: 50%;
  border: 2px solid #fff;
  position: absolute;
  left: -3px;
  top: -5px;
}

#cards-container #cards-list>li .card .confirm-view div .voo-logo header>div div:before,
#cards-container #cards-list>li .card .confirm-view div .voo-logo header>div span:before,
#cards-container #cards-list>li .card .confirm-view div header h3 .voo-logo div:before,
#cards-container #cards-list>li .card .confirm-view div header h3 span:before,
#cards-container #cards-list>li .card .confirm-view div header>span .voo-logo div:before,
#cards-container #cards-list>li .card .confirm-view div header>span span:before,
#cards-container #cards-list>li .card.confirmation .voo-logo .confirm-view div header>div div:before,
#cards-container #cards-list>li .card.confirmation .voo-logo .confirm-view div header>div span:before,
.voo-logo #cards-container #cards-list>li .card .confirm-view div header h3 div:before,
.voo-logo #cards-container #cards-list>li .card .confirm-view div header>div div:before,
.voo-logo #cards-container #cards-list>li .card .confirm-view div header>div span:before,
.voo-logo #cards-container #cards-list>li .card .confirm-view div header>span div:before,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header h3 div:before,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header>div div:before,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header>div span:before,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header>span div:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div .voo-logo header>div div:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div .voo-logo header>div span:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header h3 .voo-logo div:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header h3 span:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header>span .voo-logo div:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header>span span:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation .voo-logo .confirm-view div header>div div:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation .voo-logo .confirm-view div header>div span:before,
section.page-content#invoices .voo-logo #cards-container #cards-list-invoices>li #cards-list>li .card .confirm-view div header>div div:before,
section.page-content#invoices .voo-logo #cards-container #cards-list-invoices>li #cards-list>li .card .confirm-view div header>div span:before,
section.page-content#invoices .voo-logo #cards-container #cards-list>li #cards-list-invoices>li .card .confirm-view div header>div div:before,
section.page-content#invoices .voo-logo #cards-container #cards-list>li #cards-list-invoices>li .card .confirm-view div header>div span:before {
  position: absolute;
  top: 9px;
  left: 28%;
  content: '';
  width: 2px;
  height: 10px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}

#cards-container #cards-list>li .card .confirm-view div .voo-logo header>div div:after,
#cards-container #cards-list>li .card .confirm-view div .voo-logo header>div span:after,
#cards-container #cards-list>li .card .confirm-view div header h3 .voo-logo div:after,
#cards-container #cards-list>li .card .confirm-view div header h3 span:after,
#cards-container #cards-list>li .card .confirm-view div header>span .voo-logo div:after,
#cards-container #cards-list>li .card .confirm-view div header>span span:after,
#cards-container #cards-list>li .card.confirmation .voo-logo .confirm-view div header>div div:after,
#cards-container #cards-list>li .card.confirmation .voo-logo .confirm-view div header>div span:after,
.voo-logo #cards-container #cards-list>li .card .confirm-view div header h3 div:after,
.voo-logo #cards-container #cards-list>li .card .confirm-view div header>div div:after,
.voo-logo #cards-container #cards-list>li .card .confirm-view div header>div span:after,
.voo-logo #cards-container #cards-list>li .card .confirm-view div header>span div:after,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header h3 div:after,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header>div div:after,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header>div span:after,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header>span div:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div .voo-logo header>div div:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div .voo-logo header>div span:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header h3 .voo-logo div:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header h3 span:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header>span .voo-logo div:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header>span span:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation .voo-logo .confirm-view div header>div div:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation .voo-logo .confirm-view div header>div span:after,
section.page-content#invoices .voo-logo #cards-container #cards-list-invoices>li #cards-list>li .card .confirm-view div header>div div:after,
section.page-content#invoices .voo-logo #cards-container #cards-list-invoices>li #cards-list>li .card .confirm-view div header>div span:after,
section.page-content#invoices .voo-logo #cards-container #cards-list>li #cards-list-invoices>li .card .confirm-view div header>div div:after,
section.page-content#invoices .voo-logo #cards-container #cards-list>li #cards-list-invoices>li .card .confirm-view div header>div span:after {
  position: absolute;
  top: 6px;
  right: 32%;
  content: '';
  width: 2px;
  height: 13px;
  -webkit-transform: rotate(50deg);
  -moz-transform: rotate(50deg);
  -o-transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  transform: rotate(50deg);
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}

#cards-container #cards-list>li .card .confirm-view div .voo-logo header>div div:after,
#cards-container #cards-list>li .card .confirm-view div .voo-logo header>div div:before,
#cards-container #cards-list>li .card .confirm-view div .voo-logo header>div span:after,
#cards-container #cards-list>li .card .confirm-view div .voo-logo header>div span:before,
#cards-container #cards-list>li .card .confirm-view div header h3 .voo-logo div:after,
#cards-container #cards-list>li .card .confirm-view div header h3 .voo-logo div:before,
#cards-container #cards-list>li .card .confirm-view div header h3 span:after,
#cards-container #cards-list>li .card .confirm-view div header h3 span:before,
#cards-container #cards-list>li .card .confirm-view div header>span .voo-logo div:after,
#cards-container #cards-list>li .card .confirm-view div header>span .voo-logo div:before,
#cards-container #cards-list>li .card .confirm-view div header>span span:after,
#cards-container #cards-list>li .card .confirm-view div header>span span:before,
#cards-container #cards-list>li .card.confirmation .voo-logo .confirm-view div header>div div:after,
#cards-container #cards-list>li .card.confirmation .voo-logo .confirm-view div header>div div:before,
#cards-container #cards-list>li .card.confirmation .voo-logo .confirm-view div header>div span:after,
#cards-container #cards-list>li .card.confirmation .voo-logo .confirm-view div header>div span:before,
.voo-logo #cards-container #cards-list>li .card .confirm-view div header h3 div:after,
.voo-logo #cards-container #cards-list>li .card .confirm-view div header h3 div:before,
.voo-logo #cards-container #cards-list>li .card .confirm-view div header>div div:after,
.voo-logo #cards-container #cards-list>li .card .confirm-view div header>div div:before,
.voo-logo #cards-container #cards-list>li .card .confirm-view div header>div span:after,
.voo-logo #cards-container #cards-list>li .card .confirm-view div header>div span:before,
.voo-logo #cards-container #cards-list>li .card .confirm-view div header>span div:after,
.voo-logo #cards-container #cards-list>li .card .confirm-view div header>span div:before,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header h3 div:after,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header h3 div:before,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header>div div:after,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header>div div:before,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header>div span:after,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header>div span:before,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header>span div:after,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header>span div:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div .voo-logo header>div div:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div .voo-logo header>div div:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div .voo-logo header>div span:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div .voo-logo header>div span:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header h3 .voo-logo div:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header h3 .voo-logo div:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header h3 span:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header h3 span:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header>span .voo-logo div:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header>span .voo-logo div:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header>span span:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header>span span:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation .voo-logo .confirm-view div header>div div:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation .voo-logo .confirm-view div header>div div:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation .voo-logo .confirm-view div header>div span:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.confirmation .voo-logo .confirm-view div header>div span:before,
section.page-content#invoices .voo-logo #cards-container #cards-list-invoices>li #cards-list>li .card .confirm-view div header>div div:after,
section.page-content#invoices .voo-logo #cards-container #cards-list-invoices>li #cards-list>li .card .confirm-view div header>div div:before,
section.page-content#invoices .voo-logo #cards-container #cards-list-invoices>li #cards-list>li .card .confirm-view div header>div span:after,
section.page-content#invoices .voo-logo #cards-container #cards-list-invoices>li #cards-list>li .card .confirm-view div header>div span:before,
section.page-content#invoices .voo-logo #cards-container #cards-list>li #cards-list-invoices>li .card .confirm-view div header>div div:after,
section.page-content#invoices .voo-logo #cards-container #cards-list>li #cards-list-invoices>li .card .confirm-view div header>div div:before,
section.page-content#invoices .voo-logo #cards-container #cards-list>li #cards-list-invoices>li .card .confirm-view div header>div span:after,
section.page-content#invoices .voo-logo #cards-container #cards-list>li #cards-list-invoices>li .card .confirm-view div header>div span:before {
  background-color: #fff;
}

#cards-container #cards-list>li .card .confirm-view div .voo-logo header>div,
#cards-container #cards-list>li .card .confirm-view div header>span,
.voo-logo #cards-container #cards-list>li .card .confirm-view div header>div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div .voo-logo header>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div header>span {
  display: block;
  padding-left: 0;
}

#cards-container #cards-list>li .card .confirm-view div>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-view div>div {
  padding: 25px 20px 10px;
}

#cards-container #cards-list>li .card.security .keys-list,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.security .keys-list {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

#cards-container #cards-list>li .card.security .keys-list li,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.security .keys-list li {
  display: block;
  width: 100%;
  clear: both;
  border-top: 1px solid #E8E6E6;
  height: 53px;
}

#cards-container #cards-list>li .card.security .keys-list .voo-logo li>div,
#cards-container #cards-list>li .card.security .keys-list li>span,
.voo-logo #cards-container #cards-list>li .card.security .keys-list li>div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.security .keys-list li>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.security .keys-list .voo-logo li>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.security .keys-list li>span {
  float: left;
  display: inline-block;
  padding-top: 16px;
}

#cards-container #cards-list>li .card.security .keys-list li>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.security .keys-list li>div {
  display: inline-block;
  float: right;
}

#cards-container #cards-list>li .card.security .keys-list li>div .voo-logo div,
#cards-container #cards-list>li .card.security .keys-list li>div span,
.voo-logo #cards-container #cards-list>li .card.security .keys-list li>div div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.security .keys-list li>div div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.security .keys-list li>div .voo-logo div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.security .keys-list li>div span {
  float: left;
}

#cards-container #cards-list>li .card.security .keys-list li>div a,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.security .keys-list li>div a {
  text-decoration: underline;
  color: #d4007a;
  display: inline;
  position: relative;
  top: -5px;
  text-transform: lowercase;
}

#cards-container #cards-list>li .card.security .keys-list li>div div.switch-container,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.security .keys-list li>div div.switch-container {
  width: 95px;
  padding: 0;
  position: relative;
  top: 5px;
}

#cards-container #cards-list>li .card.security .keys-list li>div div.switch-container>div.switch-label,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.security .keys-list li>div div.switch-container>div.switch-label {
  display: none;
}

#cards-container #cards-list>li .card.security .keys-list li>div div.switch-container>div.switch,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.security .keys-list li>div div.switch-container>div.switch {
  float: right;
}

#cards-container #cards-list>li .card.security>div>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.security>div>div {
  border-top: 1px solid #E8E6E6;
}

#cards-container #cards-list>li .card.security>div>div form,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.security>div>div form {
  margin-top: 20px;
  position: relative;
  height: 50px;
}

#cards-container #cards-list>li .card.security>div>div form:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.security>div>div form:after {
  content: '';
  display: block;
  clear: both;
}

#cards-container #cards-list>li .card.security>div>div form .pending,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.security>div>div form .pending {
  position: absolute;
  top: 0;
  right: 0;
  height: 20px;
  width: 84%;
  border-radius: 10px;
  background-color: #7db200;
  overflow: hidden;
  margin: 10px 25px;
}

#cards-container #cards-list>li .card.security>div>div form .pending:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.security>div>div form .pending:after {
  background-image: -webkit-gradient(linear,0 0,100% 100%,color-stop(.25,rgba(255,255,255,.5)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.5)),color-stop(.75,rgba(255,255,255,.5)),color-stop(.75,transparent),to(transparent));
  background-image: -moz-linear-gradient(-45deg,rgba(255,255,255,.5) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.5) 75%,transparent 75%,transparent);
  -webkit-background-size: 50px 50px;
  -moz-background-size: 50px 50px;
  background-size: 50px 50px;
  -webkit-animation: move 2s linear infinite;
  -moz-animation: move 2s linear infinite;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 15px;
  z-index: 1;
  overflow: hidden;
}

#cards-container #cards-list>li .card.pending,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.pending {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,.8);
  border: none;
  z-index: 100;
}

#cards-container #cards-list>li .card.pending.special,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.pending.special {
  height: 97%;
}

#cards-loading,
#index-loading,
body.isCuca #cuca .no-result.loading {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 100%;
  background: url(/img/bg/bg_black.jpg) center center no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#cards-loading img,
#index-loading img,
body.isCuca #cuca .no-result.loading img {
  display: block;
  margin: 10px auto 0;
}

#index-loading.no-image,
.no-image#cards-loading,
body.isCuca #cuca .no-image.no-result.loading {
  background: rgba(0,0,0,.4);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
}

#index-loading.no-image .loader,
.no-image#cards-loading .loader,
body.isCuca #cuca .no-image.no-result.loading .loader {
  margin: 20% auto;
}

#cards-loading .loader-container div,
#index-loading .loader-container div,
body.isCuca #cuca .no-result.loading .loader-container div {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}

#cards-loading .loader,
#index-loading .loader,
body.isCuca #cuca .no-result.loading .loader {
  display: block!important;
  width: 15px!important;
  height: 15px!important;
  margin: 30px auto 0!important;
}

#cards-loading .loader,
#cards-loading .loader:after,
#cards-loading .loader:before,
#index-loading .loader,
#index-loading .loader:after,
#index-loading .loader:before,
body.isCuca #cuca .no-result.loading .loader,
body.isCuca #cuca .no-result.loading .loader:after,
body.isCuca #cuca .no-result.loading .loader:before {
  padding: 0!important;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  -webkit-animation: load8 2s infinite ease-in-out;
  animation: load8 2s infinite ease-in-out;
}

#cards-loading>div.text,
#index-loading>div.text,
body.isCuca #cuca .no-result.loading>div.text {
  display: block;
  color: #fff;
  width: 100%;
  height: 75%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  font-family: MuseoSansRounded-300;
  font-size: 25px;
}

@media only screen and (max-width:700px) {
  #cards-loading>div.text,
  #index-loading>div.text,
  body.isCuca #cuca .no-result.loading>div.text {
    font-size: 17px!important;
  }
}

#cards-loading>div.text>div,
#index-loading>div.text>div,
body.isCuca #cuca .no-result.loading>div.text>div {
  display: table;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 90%;
}

#loading,
.ie9-loading {
  height: 100%;
  width: 100%;
}

#cards-loading>div.text>div .voo-logo div,
#cards-loading>div.text>div span,
#index-loading>div.text>div .voo-logo div,
#index-loading>div.text>div span,
.voo-logo #cards-loading>div.text>div div,
.voo-logo #index-loading>div.text>div div,
.voo-logo body.isCuca #cuca .no-result.loading>div.text>div div,
body.isCuca #cuca .no-result.loading>div.text>div .voo-logo div,
body.isCuca #cuca .no-result.loading>div.text>div span {
  display: table-cell;
  vertical-align: middle;
}

#cards-loading .loader,
#index-loading .loader,
body.isCuca #cuca .no-result.loading .loader {
  padding: 0!important;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -.2s;
  animation-delay: -.2s;
}

#cards-loading .loader:before,
#index-loading .loader:before,
body.isCuca #cuca .no-result.loading .loader:before {
  left: -25px;
  -webkit-animation-delay: -.4s;
  animation-delay: -.4s;
}

#cards-loading .loader:after,
#index-loading .loader:after,
body.isCuca #cuca .no-result.loading .loader:after {
  left: 25px;
}

#loading,
#loading>div {
  left: 0;
  top: 0;
  overflow: hidden;
}

#cards-loading .loader:after,
#cards-loading .loader:before,
#index-loading .loader:after,
#index-loading .loader:before,
body.isCuca #cuca .no-result.loading .loader:after,
body.isCuca #cuca .no-result.loading .loader:before {
  content: '';
  position: absolute;
  top: 0;
}

#cards-loading {
  height: 250px;
  position: relative;
  margin-bottom: -20px;
  background: 0 0;
}

#cards-loading .loader,
#cards-loading .loader:after,
#cards-loading .loader:before {
  -webkit-animation: load7 2s infinite ease-in-out;
  animation: load7 2s infinite ease-in-out;
}

#cards-loading .loader {
  -webkit-animation-delay: -.2s;
  animation-delay: -.2s;
}

#cards-loading .loader:before {
  -webkit-animation-delay: -.4s;
  animation-delay: -.4s;
}

.ie9-loading {
  display: table;
}

.ie9-loading div {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  text-align: center;
}

.ie9-loading div img {
  display: block;
  margin: 0 auto;
}

#loading {
  background: url(/img/bg/bg.jpg) center center no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  z-index: -1;
}

#loading>div {
  position: fixed;
  background: rgba(0,0,0,.4);
  right: 0;
  bottom: 0;
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadein .5s;
  animation: ngdialog-fadein .5s;
}

.loader,
.loader:after,
.loader:before {
  padding: 0!important;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  -webkit-animation: load7 2s infinite ease-in-out;
  animation: load7 2s infinite ease-in-out;
}

.loader {
  padding: 0!important;
  font-size: 10px;
  margin: 20% auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -.2s;
  animation-delay: -.2s;
}

.loader:before {
  left: -25px;
  -webkit-animation-delay: -.4s;
  animation-delay: -.4s;
}

.loader:after {
  left: 25px;
}

.loader:after,
.loader:before {
  content: '';
  position: absolute;
  top: 0;
}

@-webkit-keyframes load7 {
  0%, 100%, 80% {
    box-shadow: 0 2.5em 0 -1.3em #d4007a;
  }

  40% {
    box-shadow: 0 2.5em 0 0 #d4007a;
  }
}

@keyframes load7 {
  0%, 100%, 80% {
    box-shadow: 0 2.5em 0 -1.3em #d4007a;
  }

  40% {
    box-shadow: 0 2.5em 0 0 #d4007a;
  }
}

@-webkit-keyframes load8 {
  0%, 100%, 80% {
    box-shadow: 0 2.5em 0 -1.3em #fff;
  }

  40% {
    box-shadow: 0 2.5em 0 0 #fff;
  }
}

@keyframes load8 {
  0%, 100%, 80% {
    box-shadow: 0 2.5em 0 -1.3em #fff;
  }

  40% {
    box-shadow: 0 2.5em 0 0 #fff;
  }
}

#cards-container #cards-list>li .card .confirm-state,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-state {
  min-height: 135px;
}

#cards-container #cards-list>li .card .confirm-state>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-state>div {
  color: #7db200;
  padding-left: 35px;
  padding-top: 5px;
  position: relative;
}

#cards-container #cards-list>li .card .confirm-state>div .voo-logo div,
#cards-container #cards-list>li .card .confirm-state>div span,
.voo-logo #cards-container #cards-list>li .card .confirm-state>div div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-state>div div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-state>div .voo-logo div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-state>div span {
  width: 29px;
  height: 29px;
  display: inline-block;
  border-radius: 50%;
  border: 2px solid #7db200;
  position: absolute;
  top: 0;
  left: 0;
}

#cards-container #cards-list>li .card .confirm-state>div .voo-logo div:before,
#cards-container #cards-list>li .card .confirm-state>div span:before,
.voo-logo #cards-container #cards-list>li .card .confirm-state>div div:before,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-state>div div:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-state>div .voo-logo div:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-state>div span:before {
  position: absolute;
  top: 9px;
  left: 28%;
  content: '';
  width: 2px;
  height: 10px;
  background-color: #7db200;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}

#cards-container #cards-list>li .card .confirm-state>div .voo-logo div:after,
#cards-container #cards-list>li .card .confirm-state>div span:after,
.voo-logo #cards-container #cards-list>li .card .confirm-state>div div:after,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-state>div div:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-state>div .voo-logo div:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-state>div span:after {
  position: absolute;
  top: 6px;
  right: 32%;
  content: '';
  width: 2px;
  height: 13px;
  background-color: #7db200;
  -webkit-transform: rotate(50deg);
  -moz-transform: rotate(50deg);
  -o-transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  transform: rotate(50deg);
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}

#cards-container #cards-list>li .card .confirm-state:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .confirm-state:after {
  content: '';
  clear: both;
  display: block;
}

#cards-container #cards-list>li .card .warning-state,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .warning-state {
  min-height: 135px;
  position: relative;
}

#cards-container #cards-list>li .card .warning-state>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .warning-state>div {
  position: relative;
  padding-left: 35px;
  padding-top: 5px;
  color: #F39502;
}

#cards-container #cards-list>li .card .warning-state>div .voo-logo div:before,
#cards-container #cards-list>li .card .warning-state>div span:before,
.voo-logo #cards-container #cards-list>li .card .warning-state>div div:before,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .warning-state>div div:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .warning-state>div .voo-logo div:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .warning-state>div span:before {
  color: #F39502;
  content: " ";
  border: 2px solid #F39502;
  border-radius: 50%;
  display: inline-block;
  width: 29px;
  height: 29px;
  text-align: center;
  padding-top: 0;
  position: absolute;
  top: 0;
  left: 0;
}

#cards-container #cards-list>li .card .warning-state>div .voo-logo div:after,
#cards-container #cards-list>li .card .warning-state>div span:after,
.voo-logo #cards-container #cards-list>li .card .warning-state>div div:after,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card .warning-state>div div:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .warning-state>div .voo-logo div:after,
section.page-content#invoices #cards-container #cards-list-invoices>li .card .warning-state>div span:after {
  background-color: #F39502;
  content: " ";
  border: none;
  display: inline-block;
  width: 2px;
  height: 29px;
  position: absolute;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0;
  left: 14px;
}

#cards-container #cards-list>li .card.info-pack,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack {
  border-top: none!important;
  min-height: 200px;
  background-color: #d4007a;
  overflow: hidden;
}

#cards-container #cards-list>li .card.info-pack>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div {
  position: relative;
  top: auto;
  left: auto;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 0;
}

#cards-container #cards-list>li .card.info-pack>div header,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div header {
  color: #fff;
  border: none!important;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 18px 24px 17px;
  background: 0 0;
  border-bottom: 1px solid #fff!important;
}

#cards-container #cards-list>li .card.info-pack>div header .info_flip,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div header .info_flip {
  color: #fff;
  padding: 15px 24px 15px 14px;
}

#cards-container #cards-list>li .card.info-pack>div header .info_flip:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div header .info_flip:before {
  border-color: #fff;
  top: 15px;
}

#cards-container #cards-list>li .card.info-pack>div>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div>div {
  position: relative;
  margin-top: 20px;
  padding-bottom: 20px;
  top: auto;
  left: auto;
  bottom: auto;
  width: 100%;
  height: 45px;
  background-position: 50%;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

#cards-container #cards-list>li .card.info-pack>div>div.isPro,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div>div.isPro {
  text-align: center;
}

#cards-container #cards-list>li .card.info-pack>div>div.isPro>span,
#cards-container #cards-list>li .voo-logo .card.info-pack>div>div.isPro>div,
.voo-logo #cards-container #cards-list>li .card.info-pack>div>div.isPro>div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div>div.isPro>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div>div.isPro>span,
section.page-content#invoices #cards-container #cards-list-invoices>li .voo-logo .card.info-pack>div>div.isPro>div {
  display: inline;
}

#cards-container #cards-list>li .card.info-pack>div>div.isPro.options-list,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div>div.isPro.options-list {
  text-align: left;
}

#cards-container #cards-list>li .card.info-pack>div>div>span,
#cards-container #cards-list>li .voo-logo .card.info-pack>div>div>div,
.voo-logo #cards-container #cards-list>li .card.info-pack>div>div>div,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div>div>div,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div>div>span,
section.page-content#invoices #cards-container #cards-list-invoices>li .voo-logo .card.info-pack>div>div>div {
  color: #fff;
  width: 100%;
  display: block;
  text-align: center;
  font-family: Roboto,sans-serif;
  font-weight: 400;
  font-size: 33px;
  -webkit-font-smoothing: antialiased;
  height: 40px;
  line-height: 41px;
}

#cards-container #cards-list>li .card.info-pack>div>div>span.small,
#cards-container #cards-list>li .voo-logo .card.info-pack>div>div>div.small,
.voo-logo #cards-container #cards-list>li .card.info-pack>div>div>div.small,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div>div>div.small,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div>div>span.small,
section.page-content#invoices #cards-container #cards-list-invoices>li .voo-logo .card.info-pack>div>div>div.small {
  font-size: 23px;
  line-height: 25px;
}

#cards-container #cards-list>li .card.info-pack>div>div>span img,
#cards-container #cards-list>li .voo-logo .card.info-pack>div>div>div img,
.voo-logo #cards-container #cards-list>li .card.info-pack>div>div>div img,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div>div>div img,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div>div>span img,
section.page-content#invoices #cards-container #cards-list-invoices>li .voo-logo .card.info-pack>div>div>div img {
  width: 100%;
  margin-top: -15px;
}

#cards-container #cards-list>li .card.info-pack>div>div>span.pro,
#cards-container #cards-list>li .voo-logo .card.info-pack>div>div>div.pro,
.voo-logo #cards-container #cards-list>li .card.info-pack>div>div>div.pro,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div>div>div.pro,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div>div>span.pro,
section.page-content#invoices #cards-container #cards-list-invoices>li .voo-logo .card.info-pack>div>div>div.pro {
  position: relative;
  left: 10px;
}

#cards-container #cards-list>li .card.info-pack>div>div.toudoo,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div>div.toudoo {
  background-image: url(/img/mobile_subscriptions/toudoo.png);
}

#cards-container #cards-list>li .card.info-pack>div>div.wahoo,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div>div.wahoo {
  background-image: url(/img/mobile_subscriptions/wahoo.png);
}

#cards-container #cards-list>li .card.info-pack>div>div.hero,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div>div.hero {
  background-image: url(/img/mobile_subscriptions/hero.png);
}

#cards-container #cards-list>li .card.info-pack>div>div.tatoo,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div>div.tatoo {
  background-image: url(/img/mobile_subscriptions/tatoo.png);
}

#cards-container #cards-list>li .card.info-pack>div>div.one,
#cards-container #cards-list>li .card.info-pack>div>div.onepro,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div>div.one,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div>div.onepro {
  background-image: url(/img/mobile_subscriptions/one.png);
}

#cards-container #cards-list>li .card.info-pack>div>div.pack-type,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div>div.pack-type {
  margin-top: 0;
  margin-bottom: 30px;
}

#cards-container #cards-list>li .card.info-pack>div>div.pack-type.simple,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div>div.pack-type.simple {
  background-image: url(/img/mobile_subscriptions/simple.png);
}

#cards-container #cards-list>li .card.info-pack>div>div.pack-type.simple.tv,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div>div.pack-type.simple.tv {
  background-image: url(/img/mobile_subscriptions/tv.png);
}

#cards-container #cards-list>li .card.info-pack>div>div.pack-type.simple.tel,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div>div.pack-type.simple.tel {
  background-image: url(/img/mobile_subscriptions/tel.png);
}

#cards-container #cards-list>li .card.info-pack>div>div.pack-type.duo,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div>div.pack-type.duo {
  background-image: url(/img/mobile_subscriptions/duo-tv-net.png);
}

#cards-container #cards-list>li .card.info-pack>div>div.pack-type.duo.tel-net,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div>div.pack-type.duo.tel-net {
  background-image: url(/img/mobile_subscriptions/duo-tel-net.png);
}

#cards-container #cards-list>li .card.info-pack>div>div.pack-type.duo.tv-net,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div>div.pack-type.duo.tv-net {
  background-image: url(/img/mobile_subscriptions/duo-tv-net.png);
}

#cards-container #cards-list>li .card.info-pack>div>div.pack-type.duo.tv-tel,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div>div.pack-type.duo.tv-tel {
  background-image: url(/img/mobile_subscriptions/duo-tv-tel.png);
}

#cards-container #cards-list>li .card.info-pack>div>div.pack-type.trio,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div>div.pack-type.trio {
  background-image: url(/img/mobile_subscriptions/trio.png);
}

#cards-container #cards-list>li .card.info-pack>div>div.pack-type.quattro,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div>div.pack-type.quattro {
  background-image: url(/img/mobile_subscriptions/quattro.png);
}

#cards-container #cards-list>li .card.info-pack>div div.options-list,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div div.options-list {
  background-color: #fff;
  margin-bottom: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 0 25px 15px;
  height: auto;
  position: relative;
  top: 1px;
}

#cards-container #cards-list>li .card.info-pack>div div.options-list .small.ok>div.included .voo-logo div.confirm,
#cards-container #cards-list>li .card.info-pack>div div.options-list .small.ok>div.included span.confirm,
#cards-container #cards-list>li .card.info-pack>div div.options-list div.small.warning>div.included .voo-logo div.confirm,
#cards-container #cards-list>li .card.info-pack>div div.options-list div.small.warning>div.included span.confirm,
#cards-container #cards-list>li .card.info-pack>div div.options-list section.border.small>div.included .voo-logo div.confirm,
#cards-container #cards-list>li .card.info-pack>div div.options-list section.border.small>div.included span.confirm,
.voo-logo #cards-container #cards-list>li .card.info-pack>div div.options-list .small.ok>div.included div.confirm,
.voo-logo #cards-container #cards-list>li .card.info-pack>div div.options-list div.small.warning>div.included div.confirm,
.voo-logo #cards-container #cards-list>li .card.info-pack>div div.options-list section.border.small>div.included div.confirm,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div div.options-list .small.ok>div.included div.confirm,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div div.options-list div.small.warning>div.included div.confirm,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div div.options-list section.border.small>div.included div.confirm,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div div.options-list .small.ok>div.included .voo-logo div.confirm,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div div.options-list .small.ok>div.included span.confirm,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div div.options-list div.small.warning>div.included .voo-logo div.confirm,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div div.options-list div.small.warning>div.included span.confirm,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div div.options-list section.border.small>div.included .voo-logo div.confirm,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div div.options-list section.border.small>div.included span.confirm {
  top: -2;
}

#cards-container #cards-list>li .card.info-pack>div div.options-list .small.ok,
#cards-container #cards-list>li .card.info-pack>div div.options-list div.small.warning,
#cards-container #cards-list>li .card.info-pack>div div.options-list section.border.small,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div div.options-list .small.ok,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div div.options-list div.small.warning,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div div.options-list section.border.small {
  padding: 21px 0 16px!important;
  margin-left: 0;
  width: 100%;
}

#cards-container #cards-list>li .card.info-pack>div div.options-list .small.ok:last-child,
#cards-container #cards-list>li .card.info-pack>div div.options-list div.small.warning:last-child,
#cards-container #cards-list>li .card.info-pack>div div.options-list section.border.small:last-child,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div div.options-list .small.ok:last-child,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div div.options-list div.small.warning:last-child,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div div.options-list section.border.small:last-child {
  padding-top: 19px!important;
  padding-bottom: 2px!important;
}

#cards-container #cards-list>li .card.info-pack>div div.options-list .small.ok:last-child>div.included .voo-logo div.confirm,
#cards-container #cards-list>li .card.info-pack>div div.options-list .small.ok:last-child>div.included span.confirm,
#cards-container #cards-list>li .card.info-pack>div div.options-list div.small.warning:last-child>div.included .voo-logo div.confirm,
#cards-container #cards-list>li .card.info-pack>div div.options-list div.small.warning:last-child>div.included span.confirm,
#cards-container #cards-list>li .card.info-pack>div div.options-list section.border.small:last-child>div.included .voo-logo div.confirm,
#cards-container #cards-list>li .card.info-pack>div div.options-list section.border.small:last-child>div.included span.confirm,
.voo-logo #cards-container #cards-list>li .card.info-pack>div div.options-list .small.ok:last-child>div.included div.confirm,
.voo-logo #cards-container #cards-list>li .card.info-pack>div div.options-list div.small.warning:last-child>div.included div.confirm,
.voo-logo #cards-container #cards-list>li .card.info-pack>div div.options-list section.border.small:last-child>div.included div.confirm,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div div.options-list .small.ok:last-child>div.included div.confirm,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div div.options-list div.small.warning:last-child>div.included div.confirm,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div div.options-list section.border.small:last-child>div.included div.confirm,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div div.options-list .small.ok:last-child>div.included .voo-logo div.confirm,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div div.options-list .small.ok:last-child>div.included span.confirm,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div div.options-list div.small.warning:last-child>div.included .voo-logo div.confirm,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div div.options-list div.small.warning:last-child>div.included span.confirm,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div div.options-list section.border.small:last-child>div.included .voo-logo div.confirm,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack>div div.options-list section.border.small:last-child>div.included span.confirm {
  top: -2px;
}

#cards-container #cards-list>li .card.info-pack.pack_3P_ONE>div>div:nth-child(2),
#cards-container #cards-list>li .card.info-pack.pack_3P_ONEPRO>div>div:nth-child(2),
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack.pack_3P_ONE>div>div:nth-child(2),
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack.pack_3P_ONEPRO>div>div:nth-child(2) {
  margin-bottom: 30px;
}

#cards-container #cards-list>li .card.info-pack.pack_3P_ONE>div>div .voo-logo div img,
#cards-container #cards-list>li .card.info-pack.pack_3P_ONE>div>div span img,
#cards-container #cards-list>li .card.info-pack.pack_3P_ONEPRO>div>div .voo-logo div img,
#cards-container #cards-list>li .card.info-pack.pack_3P_ONEPRO>div>div span img,
.voo-logo #cards-container #cards-list>li .card.info-pack.pack_3P_ONE>div>div div img,
.voo-logo #cards-container #cards-list>li .card.info-pack.pack_3P_ONEPRO>div>div div img,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack.pack_3P_ONE>div>div div img,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack.pack_3P_ONEPRO>div>div div img,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack.pack_3P_ONE>div>div .voo-logo div img,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack.pack_3P_ONE>div>div span img,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack.pack_3P_ONEPRO>div>div .voo-logo div img,
section.page-content#invoices #cards-container #cards-list-invoices>li .card.info-pack.pack_3P_ONEPRO>div>div span img {
  padding-top: 20px;
  width: 35%;
}

#cards-container #cards-list>li .card div.options-list.back-card,
section.page-content#invoices #cards-container #cards-list-invoices>li .card div.options-list.back-card {
  border-top: 1px solid #274856;
  padding: 0 25px;
  margin-top: 25px;
  line-height: 16px;
  position: absolute;
  width: 100%;
  bottom: 0;
}

html {
  height: 100%;
}

body {
  height: auto;
  min-height: 100%;
  background-color: #d1dce2;
}

.voo-logo body div.del,
body .voo-logo div.del,
body span.del {
  position: relative;
}

.voo-logo body div.del:after,
body .voo-logo div.del:after,
body span.del:after {
  height: 1px;
  width: 120%;
  position: absolute;
  left: -10%;
  top: 46%;
  content: '';
  display: block;
  background-color: #fff;
}

.voo-logo body.MacOS div.del:after,
body.MacOS .voo-logo div.del:after,
body.MacOS span.del:after {
  top: 36%;
}

body #cmDiv {
  height: 330px;
  min-height: 330px;
  width: 320px;
  min-width: 320px;
}

body.heightFull {
  height: 100%;
  overflow: hidden;
}

body.heightFull #main-content {
  height: 80%;
  padding-bottom: 0;
}

body.no-scroll {
  overflow: hidden;
}

body:after {
  clear: both;
  display: block;
  position: relative;
  content: '';
}

body #main-content {
  padding-bottom: 80px;
}

body>div {
  min-height: 75%;
  position: relative;
  min-width: 100%;
}

body #overlay {
  display: none;
  -webkit-transition: All .3s;
  -moz-transition: All .3s;
  -ms-transition: All .3s;
  -o-transition: All .3s;
  transition: All .3s;
}

@media only screen and (max-width:700px) {
  body #main-content {
    padding-bottom: 100px;
  }

  body.overlayed {
    overflow-y: hidden;
  }

  body.overlayed #overlay {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: .5;
    display: block;
    overflow-y: hidden;
    z-index: 10;
  }
}

#cookie-warning {
  display: none;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  z-index: 10000;
  background-color: rgba(0,0,0,.8);
  border-radius: 5px;
  color: #fff;
  padding: 25px;
  height: auto;
  min-height: 0;
  font-size: 16px;
  font-family: Roboto,sans-serif;
  font-weight: 300;
  width: 335px;
  min-width: 335px;
}

#cookie-warning.visible {
  display: block;
}

#cookie-warning a {
  color: #d4007a;
  text-transform: none;
  display: block;
  margin-top: 10px;
}

#cookie-warning header {
  position: relative;
  background-color: rgba(0,0,0,.1);
  font-size: 18px;
  font-family: Roboto,sans-serif;
  font-weight: 400;
  z-index: 10;
  margin: -25px -25px 20px;
  padding: 15px 120px 15px 25px;
}

#cookie-warning header .voo-logo div,
#cookie-warning header span,
.voo-logo #cookie-warning header div {
  position: absolute;
  right: 10px;
  top: 12px;
  cursor: pointer;
  width: 35px;
  height: 35px;
  display: block;
}

#cookie-warning header .voo-logo div:before,
#cookie-warning header span:before,
.voo-logo #cookie-warning header div:before {
  content: '';
  position: absolute;
  top: 0;
  left: 12px;
  background-color: #fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: block;
  height: 25px;
  width: 1px;
}

#cookie-warning header .voo-logo div:after,
#cookie-warning header span:after,
.voo-logo #cookie-warning header div:after {
  content: '';
  position: absolute;
  top: 0;
  left: 12px;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: block;
  height: 25px;
  width: 1px;
}

.pink-text {
  color: #d4007a;
}

.pink {
  background: #f1c8db;
  width: 100%;
  border-bottom: 5px solid #fff;
}

.pink .voo-container,
.pink section.page-content>div .print-area,
section.page-content>div .pink .print-area {
  z-index: 1;
  position: relative;
}

.pink.background {
  border-bottom: none;
  padding-bottom: 5px;
  position: relative;
  background: url(/img/bg/bg-overlay-2.jpg) center center no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.pink.background:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background: url(/img/bg/blanc_desktop.png) repeat-x;
}

@media only screen and (min-width:700px) and (max-width:1024px) {
  .pink.background:before {
    background: url(/img/bg/Blanc_B.png) repeat-x;
  }
}

@media only screen and (max-width:700px) {
  .pink.background {
    background: url(/img/bg/bg-overlay-2.jpg) 17% 0 no-repeat fixed;
  }

  .pink.background:before {
    background: url(/img/bg/blanc_desktop.png) repeat-x;
  }

  .no-mobile {
    display: none!important;
    opacity: 0!important;
  }
}

.green {
  color: #7db200;
}

.period {
  position: relative;
  z-index: 1;
}

.voo-container,
section.page-content>div .print-area {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.voo-container.white,
section.page-content>div .white.print-area {
  line-height: 20px;
  background-color: #fafafa;
  border-radius: 5px;
  color: #6f7175;
  position: relative;
  font-family: Roboto,sans-serif;
  font-weight: 300;
  width: 100%;
  max-width: 980px;
  margin: 0 auto 35px;
  padding: 15px 25px;
}

.voo-container.white a,
section.page-content>div .white.print-area a {
  color: #6f7175!important;
  text-transform: none;
}

@media only screen and (min-width:700px) {
  .mobile {
    display: none!important;
    opacity: 0!important;
  }
}

@media only screen and (max-width:1024px) {
  .no-tablet {
    display: none!important;
    opacity: 0!important;
  }
}

.hidden {
  display: none!important;
}

a {
  text-transform: lowercase;
}

.row.is-flex {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  max-width: none;
}

.row.is-flex>[class*=col-] {
  display: flex;
  flex-direction: column;
}

#error-page .error-description {
  justify-content: center;
}

#error-page .error-description h1 {
  font-family: MuseoSansRounded-700;
  color: #d4007a;
  font-size: 26px;
  line-height: 31px;
  margin-bottom: 0;
}

#error-page .error-description p {
  margin: 17px 0;
  color: #4D4D4D;
  font-family: Roboto,sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

#error-page .error-description p strong {
  font-weight: 500;
}

#error-page .error-description p a {
  font-weight: 500;
  display: inline-block;
  margin-top: 22px;
  color: #d4007a;
  line-height: 19px;
  text-decoration: underline;
}

#error-page .error-description p a:after {
  display: inline-block;
  content: '>';
  margin-left: 3px;
}

#error-page .animation {
  height: 325px;
  width: 100%;
  margin: 0 auto;
}

#error-page .animation.anim-404 {
  background-image: url(/img/error/error_404.gif);
  background-position: 50% 64%;
}

#error-page .animation.anim-500 {
  background-image: url(/img/error/error_500.gif);
  background-size: 170%;
  background-repeat: no-repeat;
  background-position: 64% 44%;
  max-width: 457px;
}

@media only screen and (max-width:992px) {
  #error-page .animation.anim-500 {
    background-size: 155%;
  }
}

#error-page .animation.anim-503 {
  height: 342px;
  background-image: url(/img/error/error_503.gif);
  background-size: 165%;
  background-repeat: no-repeat;
  background-position: 52% 53%;
  max-width: 457px;
}

.page-error {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  padding: 7% 0 10%;
  margin-top: 0;
  border-top: 5px solid #000;
  margin-bottom: -5%;
}

.page-error header {
  margin-top: 20px;
  color: #d4007a;
  font-size: 22px;
  font-family: MuseoSansRounded-300;
}

.error-main,
.error-main:before,
section.page-content>div .legal-mention,
section.page-content>div .period {
  font-family: Roboto,sans-serif;
}

.error-main {
  background-color: #d74500;
  padding: 15px 25px 15px 70px;
  border-radius: 5px;
  font-weight: 300;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  position: relative;
  font-size: 15px;
  display: none;
  margin-top: -10px;
}

.error-main.voo-container,
section.page-content>div .error-main.print-area {
  margin-top: 15px;
}

.error-main.error-visible {
  display: block;
  -webkit-animation-name: opacityAnim;
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  animation-name: opacityAnim;
}

.error-main:before {
  color: #fff;
  content: "!";
  border: 2px solid #fff;
  border-radius: 50%;
  display: inline-block;
  width: 29px;
  height: 29px;
  text-align: center;
  padding-top: 3px;
  padding-left: 0;
  line-height: 21px;
  font-weight: 400;
  position: absolute;
  top: 18px;
  left: 25px;
}

.error-main .voo-logo div,
.error-main span,
.voo-logo .error-main div {
  display: block;
  height: 56px;
  width: 45px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  z-index: 0;
}

.error-main .voo-logo div:before,
.error-main span:before,
.voo-logo .error-main div:before {
  content: '';
  display: block;
  position: absolute;
  top: 15px;
  left: 12px;
  width: 2px;
  height: 20px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: 10;
}

.error-main .voo-logo div:after,
.error-main span:after,
.voo-logo .error-main div:after {
  content: '';
  display: block;
  position: absolute;
  top: 15px;
  left: 12px;
  width: 2px;
  height: 20px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 10;
}

.error-main .voo-logo div:after,
.error-main .voo-logo div:before,
.error-main span:after,
.error-main span:before,
.voo-logo .error-main div:after,
.voo-logo .error-main div:before {
  background-color: #efb396;
  cursor: pointer;
}

section.page-content {
  border-top: 6px solid #000;
  margin-top: 0;
}

section.page-content #pod-select-container {
  display: block;
}

section.page-content p.align-center {
  text-align: center;
}

@media only screen and (max-width:700px) {
  section.page-content {
    margin-top: 0;
  }
}

section.page-content .gauge {
  height: 60px;
  padding: 20px 25px 0;
  margin-top: 10px;
  width: 100%;
  font-size: 17px;
}

section.page-content .gauge .label-info {
  display: none;
}

#cards-container #cards-list>li .card>div section.page-content div.gauge.warning,
section.page-content #cards-container #cards-list>li .card>div div.gauge.warning,
section.page-content .gauge.alert,
section.page-content .gauge.warning,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.gauge.warning {
  background-color: #fef4e5;
}

section.page-content .gauge.alert .label-info-usage-page {
  display: block;
}

@media only screen and (max-width:700px) {
  section.page-content .gauge.alert .label-info-usage-page {
    display: none;
  }
}

section.page-content .gauge .label-current,
section.page-content .gauge .label-illimited,
section.page-content .gauge .label-max,
section.page-content .gauge .main-label {
  top: 20px;
}

section.page-content .gauge .label-max {
  right: 25px;
}

section.page-content .gauge .main-label {
  left: 25px;
}

section.page-content .gauge .bar-outer {
  width: 100%;
  top: 22px;
}

section.page-content>div .print-area {
  position: relative;
}

section.page-content>div .print-area .print-page-button {
  position: absolute;
  top: -40px;
  right: 0;
  z-index: 1;
}

section.page-content>div .print-area:after {
  content: '';
  display: block;
  clear: both;
}

@media only screen and (min-width:700px) and (max-width:1024px) {
  section.page-content>div {
    margin-left: auto;
    margin-right: auto;
    width: 673px;
  }
}

section.page-content>div .legal-mention,
section.page-content>div .period {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  text-align: center;
  font-size: 13px;
  color: #4d4d4d;
  font-weight: 300;
  padding: 20px 0;
}

@media only screen and (max-width:700px) {
  section.page-content>div .legal-mention,
  section.page-content>div .period {
    margin: 0 auto;
    max-width: 270px;
  }
}

section.page-content>div .legal-mention.extra-mention,
section.page-content>div .period.extra-mention {
  margin-top: -25px!important;
}

section.page-content>div .legal-mention.legal-mention,
section.page-content>div .period.legal-mention {
  text-align: left;
  margin-top: -40px;
  padding: 20px 25px;
}

section.page-content#invoices section.page-content>div>div#global.solde,
section.page-content>div>div#details {
  overflow: visible;
  margin-bottom: 40px!important;
  min-height: 475px;
}

section.page-content#invoices section.page-content>div>div#global.solde div.dropdown-container,
section.page-content>div>div#details div.dropdown-container {
  display: block;
  float: right;
  margin: -52px 25px 0 0;
  z-index: 10;
}

@media only screen and (max-width:700px) {
  section.page-content#invoices section.page-content>div>div#global.solde div.dropdown-container,
  section.page-content>div>div#details div.dropdown-container {
    margin: 0;
    width: 100%;
    background-color: #f2f4f6;
    border-bottom: 1px solid #E8E6E6;
    padding: 5px 25px 0;
    height: 53px;
  }

  section.page-content#invoices section.page-content>div>div#global.solde div.dropdown-container ul.dropdown li,
  section.page-content>div>div#details div.dropdown-container ul.dropdown li {
    text-align: left;
  }
}

section.page-content#invoices section.page-content>div>div#global.solde div.dropdown-container .dropdown,
section.page-content>div>div#details div.dropdown-container .dropdown {
  width: 100%;
}

section.page-content#invoices section.page-content>div>div#global.solde img,
section.page-content>div>div#details img {
  display: block;
  margin: 20px auto 0;
}

section.page-content>div article.block-container,
section.page-content>div div.block-container {
  line-height: 20px;
  background-color: #fafafa;
  min-height: 150px;
  border-radius: 5px;
  color: #6f7175;
  position: relative;
  font-family: Roboto,sans-serif;
  font-weight: 300;
  border-top: 5px solid #d4007a;
  width: 100%;
  max-width: 1024px;
  margin: 0 auto 25px;
  padding-bottom: 25px;
}

@media only screen and (max-width:700px) {
  section.page-content>div article.block-container,
  section.page-content>div div.block-container {
    width: 324px;
    margin: 0 auto 15px;
  }
}

section.page-content>div article.block-container>header,
section.page-content>div article.block-container>section>*>header,
section.page-content>div div.block-container>header,
section.page-content>div div.block-container>section>*>header {
  font-family: MuseoSansRounded-300;
  height: 60px;
  width: 100%;
  background-color: #fff;
  display: block;
  border-bottom: 1px solid #E8E6E6;
  text-align: left;
  padding: 15px 24px 20px;
  margin: 0;
  font-size: 21px;
  color: #4d4d4d;
  line-height: 25px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.error-box,
.ngdialog.ngdialog-theme-default div.error-box,
ul.plain-list li,
ul.plain-list li>section>div {
  font-family: Roboto,sans-serif;
}

@media only screen and (max-width:700px) {
  section.page-content>div article.block-container>header,
  section.page-content>div article.block-container>section>*>header,
  section.page-content>div div.block-container>header,
  section.page-content>div div.block-container>section>*>header {
    text-align: center;
  }

  section.page-content>div article.block-container>header.special,
  section.page-content>div article.block-container>section>*>header.special,
  section.page-content>div div.block-container>header.special,
  section.page-content>div div.block-container>section>*>header.special {
    padding: 15px 17px 20px 18px;
  }
}

section.page-content>div article.block-container>section,
section.page-content>div div.block-container>section {
  padding: 15px 25px 18px;
}

section.page-content>div article.block-container.has-legal-mentions,
section.page-content>div div.block-container.has-legal-mentions {
  margin-bottom: 40px!important;
}

section.page-content>div article.block-container.small,
section.page-content>div div.block-container.small {
  min-height: 0;
  padding-bottom: 0;
  border-radius: 5px;
  height: auto;
}

section.page-content>div article.block-container.small header,
section.page-content>div div.block-container.small header {
  border-radius: 5px;
  height: auto;
}

.voo-logo section.page-content>div article.block-container.small header>div,
.voo-logo section.page-content>div div.block-container.small header>div,
section.page-content>div article.block-container.small .voo-logo header>div,
section.page-content>div article.block-container.small header>span,
section.page-content>div div.block-container.small .voo-logo header>div,
section.page-content>div div.block-container.small header>span {
  float: right;
  color: #d4007a;
}

@media only screen and (max-width:1024px) {
  section.page-content>div article.block-container.small header,
  section.page-content>div div.block-container.small header {
    font-size: 19px;
  }
}

@media only screen and (max-width:700px) {
  section.page-content>div article.block-container.small header,
  section.page-content>div div.block-container.small header {
    font-size: 16px;
    padding-right: 95px;
    text-align: left;
    line-height: 18px;
    padding-left: 15px;
  }

  .voo-logo section.page-content>div article.block-container.small header>div,
  .voo-logo section.page-content>div div.block-container.small header>div,
  section.page-content>div article.block-container.small .voo-logo header>div,
  section.page-content>div article.block-container.small header>span,
  section.page-content>div div.block-container.small .voo-logo header>div,
  section.page-content>div div.block-container.small header>span {
    float: none;
    position: absolute;
    height: 100%;
    width: 80px;
    text-align: center;
    right: 0;
    font-size: 12px;
    top: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #E8E6E6;
  }
}

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

ul.plain-list li {
  padding: 15px 25px 18px;
  margin: 0;
  font-weight: 400;
  color: #6f7175;
  font-size: 17px;
  background-color: #fafafa;
  border-bottom: 1px solid #e4e8e9;
  position: relative;
  overflow: visible;
}

ul.plain-list li>div.red,
ul.plain-list li>section>div.red {
  color: #D64618;
}

ul.plain-list li:after {
  content: '';
  display: block;
  clear: both;
}

ul.plain-list li:last-child {
  border-bottom: 0;
  margin-bottom: -5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

ul.plain-list li.red-border:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #D64618;
  width: 8px;
  height: 105%;
  margin-top: -1px;
}

ul.plain-list li>section {
  float: right;
  clear: both;
  text-align: right;
}

ul.plain-list li>section>div {
  font-weight: 300;
}

.voo-logo ul.plain-list li>section>div div.amount,
ul.plain-list li>section>div .voo-logo div.amount,
ul.plain-list li>section>div span.amount {
  font-family: Roboto,sans-serif;
  font-weight: 400;
}

ul.plain-list li>div {
  float: right;
}

.overlay-view {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255,255,255,.5);
  border-radius: 5px;
  z-index: 10;
}

.overlay-view>div,
.overlay-view>div.error-box {
  width: 260px;
  margin: 50px auto 0;
  padding: 15px 20px;
  border-radius: 5px;
  display: block;
}

.overlay-view>div.error-box>div,
.overlay-view>div>div {
  float: none;
}

.widget.error-box {
  height: 310px;
  border-radius: 5px;
}

@media only screen and (max-width:700px) {
  .widget.error-box {
    height: 59px;
  }

  .widget.error-box>div {
    height: auto;
  }

  .widget.error-box>div p {
    padding-top: 0;
  }

  .error-box:before,
  .ngdialog.ngdialog-theme-default div.error-box:before {
    margin-top: 0;
  }
}

@media only screen and (min-width:700px) {
  .widget.error-box:before {
    top: 134px;
  }
}

.widget.error-box>div {
  vertical-align: middle;
}

.error-box,
.ngdialog.ngdialog-theme-default div.error-box {
  display: table;
  position: relative;
  width: 100%;
  padding: 15px 25px;
  background-color: #D64618;
  color: #fff;
  font-weight: 300;
}

#main-header nav:first-child,
body {
  font-family: Roboto,sans-serif;
  font-weight: 400;
}

.error-box:before,
.ngdialog.ngdialog-theme-default div.error-box:before {
  content: '';
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 1px solid #fff;
  display: table-cell;
  margin-right: 10px;
  margin-top: 0;
  position: absolute;
}

.error-box div,
.ngdialog.ngdialog-theme-default div.error-box div {
  display: table-cell;
  padding-left: 35px;
  background: 0 0;
}

.error-box div p,
.ngdialog.ngdialog-theme-default div.error-box div p {
  padding: 3px 10px 0 0;
  margin: 0;
}

.error-box div p:nth-child(2),
.ngdialog.ngdialog-theme-default div.error-box div p:nth-child(2) {
  padding-bottom: 0;
}

.error-box div p:nth-child(n+3),
.ngdialog.ngdialog-theme-default div.error-box div p:nth-child(n+3) {
  padding-top: 0;
}

.error-box .voo-logo div,
.error-box span,
.ngdialog.ngdialog-theme-default div.error-box .voo-logo div,
.ngdialog.ngdialog-theme-default div.error-box span,
.voo-logo .error-box div,
.voo-logo .ngdialog.ngdialog-theme-default div.error-box div {
  position: relative;
  display: inherit;
}

.error-box .voo-logo div:after,
.error-box .voo-logo div:before,
.error-box span:after,
.error-box span:before,
.ngdialog.ngdialog-theme-default div.error-box .voo-logo div:after,
.ngdialog.ngdialog-theme-default div.error-box .voo-logo div:before,
.ngdialog.ngdialog-theme-default div.error-box span:after,
.ngdialog.ngdialog-theme-default div.error-box span:before,
.voo-logo .error-box div:after,
.voo-logo .error-box div:before,
.voo-logo .ngdialog.ngdialog-theme-default div.error-box div:after,
.voo-logo .ngdialog.ngdialog-theme-default div.error-box div:before {
  content: '';
  width: 1px;
  height: 15px;
  background-color: #fff;
  display: block;
  position: absolute;
  top: 5px;
  left: -23px;
}

@media only screen and (max-width:700px) {
  .error-box .voo-logo div:after,
  .error-box .voo-logo div:before,
  .error-box span:after,
  .error-box span:before,
  .ngdialog.ngdialog-theme-default div.error-box .voo-logo div:after,
  .ngdialog.ngdialog-theme-default div.error-box .voo-logo div:before,
  .ngdialog.ngdialog-theme-default div.error-box span:after,
  .ngdialog.ngdialog-theme-default div.error-box span:before,
  .voo-logo .error-box div:after,
  .voo-logo .error-box div:before,
  .voo-logo .ngdialog.ngdialog-theme-default div.error-box div:after,
  .voo-logo .ngdialog.ngdialog-theme-default div.error-box div:before {
    top: 5px;
  }
}

.error-box .voo-logo div:before,
.error-box span:before,
.ngdialog.ngdialog-theme-default div.error-box .voo-logo div:before,
.ngdialog.ngdialog-theme-default div.error-box span:before,
.voo-logo .error-box div:before,
.voo-logo .ngdialog.ngdialog-theme-default div.error-box div:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.error-box .voo-logo div:after,
.error-box span:after,
.ngdialog.ngdialog-theme-default div.error-box .voo-logo div:after,
.ngdialog.ngdialog-theme-default div.error-box span:after,
.voo-logo .error-box div:after,
.voo-logo .ngdialog.ngdialog-theme-default div.error-box div:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@font-face {
  font-family: MuseoSansRounded-500;
  src: url(/layout/fonts/museo/exljbris_-_museosansrounded-500-webfont.eot);
  src: url(/layout/fonts/museo/exljbris_-_museosansrounded-500-webfont.eot?#iefix) format("embedded-opentype"),url(/layout/fonts/museo/exljbris_-_museosansrounded-500-webfont.woff2) format("woff2"),url(/layout/fonts/museo/exljbris_-_museosansrounded-500-webfont.woff) format("woff"),url(/layout/fonts/museo/exljbris_-_museosansrounded-500-webfont.ttf) format("truetype");
}

@font-face {
  font-family: MuseoSansRounded-300;
  src: url(/layout/fonts/museo/2E49F4_0_0.eot);
  src: url(/layout/fonts/museo/2E49F4_0_0.eot?#iefix) format("embedded-opentype"),url(/layout/fonts/museo/2E49F4_0_0.woff2) format("woff2"),url(/layout/fonts/museo/2E49F4_0_0.woff) format("woff"),url(/layout/fonts/museo/2E49F4_0_0.ttf) format("truetype");
}

@font-face {
  font-family: MuseoSansRounded-100;
  src: url(/layout/fonts/museo/2E49F4_1_0.eot);
  src: url(/layout/fonts/museo/2E49F4_1_0.eot?#iefix) format("embedded-opentype"),url(/layout/fonts/museo/2E49F4_1_0.woff2) format("woff2"),url(/layout/fonts/museo/2E49F4_1_0.woff) format("woff"),url(/layout/fonts/museo/2E49F4_1_0.ttf) format("truetype");
}

@font-face {
  font-family: MuseoSansRounded-700;
  src: url(/layout/fonts/museo/2E49F4_2_0.eot);
  src: url(/layout/fonts/museo/2E49F4_2_0.eot?#iefix) format("embedded-opentype"),url(/layout/fonts/museo/2E49F4_2_0.woff2) format("woff2"),url(/layout/fonts/museo/2E49F4_2_0.woff) format("woff"),url(/fonts/museo/2E49F4_2_0.ttf) format("truetype");
}

@font-face {
  font-family: icones_voo;
  src: url(/layout/fonts/voo/iconesvoo.eot);
  src: url(/layout/fonts/voo/iconesvoo.eot?#iefix) format("embedded-opentype"),url(/layout/fonts/voo/iconesvoo.woff2) format("woff2"),url(/layout/fonts/voo/iconesvoo.woff) format("woff"),url(/layout/fonts/voo/iconesvoo.ttf) format("truetype"),url(/layout/fonts/voo/iconesvoo.svg#icones_vooregular) format("svg");
  font-weight: 400;
  font-style: normal;
}

#main-header {
  height: 170px;
}

#main-header nav:first-child {
  text-transform: none!important;
  width: 100%;
  background: #19191a;
  height: 40px;
  display: block;
}

#main-header nav:first-child #lang-select,
#main-header>nav:nth-child(2) a,
#submenu-container div #submenu {
  font-family: Roboto,sans-serif;
}

#main-header nav:first-child .voo-container a,
#main-header nav:first-child section.page-content>div .print-area a,
section.page-content>div #main-header nav:first-child .print-area a {
  display: inline-block;
  color: #FFF;
  line-height: 40px;
  margin-right: 0;
  padding: 0 20px;
  font-size: 14px;
  position: relative;
  text-transform: none!important;
  text-decoration: none;
}

#main-header nav:first-child .container a.selected,
#main-header nav:first-child .voo-container a:hover,
#main-header nav:first-child section.page-content>div .print-area a:hover,
section.page-content>div #main-header nav:first-child .print-area a:hover {
  background: #313131;
}

#main-header nav:first-child .voo-container div,
#main-header nav:first-child section.page-content>div .print-area div,
section.page-content>div #main-header nav:first-child .print-area div {
  float: right;
}

@media (max-width:1024px) {
  #main-header {
    height: 100px;
    z-index: 20000;
    position: relative;
  }

  #main-header nav:first-child {
    z-index: 3;
  }

  #main-header nav:first-child .voo-container div,
  #main-header nav:first-child section.page-content>div .print-area div,
  section.page-content>div #main-header nav:first-child .print-area div {
    display: inline-block;
  }
}

#main-header nav:first-child .voo-container div a,
#main-header nav:first-child section.page-content>div .print-area div a,
section.page-content>div #main-header nav:first-child .print-area div a {
  padding: 0 30px;
}

#main-header nav:first-child .voo-container div a:hover,
#main-header nav:first-child section.page-content>div .print-area div a:hover,
section.page-content>div #main-header nav:first-child .print-area div a:hover {
  background: #19191a;
}

#main-header nav:first-child .voo-container a::before,
#main-header nav:first-child section.page-content>div .print-area a::before,
section.page-content>div #main-header nav:first-child .print-area a::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 12px;
  left: 5px;
}

#main-header nav:first-child #contact-us::before {
  background: url(/img/icons/icon-contact.png) no-repeat;
  background-size: 15px;
  left: 10px;
}

#main-header nav:first-child #selling-points::before {
  background: url(/img/icons/icon-shop.png) no-repeat;
  width: 25px;
  height: 25px;
  top: 8px;
  left: 1px;
}

#main-header nav:first-child div div {
  position: relative;
}

#main-header nav:first-child div div .voo-logo div.iefix,
#main-header nav:first-child div div span.iefix,
.voo-logo #main-header nav:first-child div div div.iefix {
  display: none;
}

#main-header nav:first-child #lang-select {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(/img/component/selectArrows.png) right 14px no-repeat #19191a;
  border: none;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: 300;
  font-size: .9em;
  height: 39px;
  line-height: 40px;
  margin: 0;
  top: 0;
  width: auto;
  padding: 0 16px 0 10px;
  position: relative;
}

#main-header nav:first-child #lang-select::-ms-expand {
  display: none;
}

#main-header nav:first-child #lang-select .voo-logo div,
#main-header nav:first-child #lang-select span,
.voo-logo #main-header nav:first-child #lang-select div {
  display: none;
}

@media (max-width:1024px) {
  #main-header nav:first-child #contact-us,
  #main-header nav:first-child #selling-points {
    display: none;
  }

  #main-header nav:first-child #lang-select {
    margin-right: 15px;
  }
}

#main-header>nav:nth-child(2) {
  background: #fff;
  width: 100%;
  height: 70px;
  display: block;
  border-bottom: 2px solid #d4007a;
}

@media (max-width:1024px) {
  #main-header>nav:nth-child(2) {
    display: none;
  }
}

#main-header>nav:nth-child(2) a {
  text-transform: none!important;
  text-decoration: none;
  color: #000;
  display: inline-block;
  height: 70px;
  float: left;
  line-height: 70px;
  margin-right: 35px;
  font-size: 20px;
  font-weight: 400;
}

#main-header>nav:nth-child(2) a.selected,
#main-header>nav:nth-child(2) a:hover {
  text-transform: none!important;
  text-decoration: none;
  border-bottom: 4px solid #d4007a;
  color: #d4007a;
}

#main-header>nav:nth-child(2) a:first-child:hover,
#submenu-container #special-container .voo-container #logout:hover,
#submenu-container #special-container section.page-content>div .print-area #logout:hover,
section.page-content>div #submenu-container #special-container .print-area #logout:hover {
  border: none;
}

#main-header>nav:nth-child(2) a.selected {
  font-weight: 700;
}

#main-header>nav:nth-child(2) a:first-child {
  background-image: url(/layout/img/logos/header-logo.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  width: 114px;
  height: 47px;
  margin-top: 10px;
}

@media (max-width:1024px) {
  #logout-mobile {
    display: block!important;
    opacity: 1!important;
  }
}

#submenu-container {
  background-color: #fff;
  position: relative;
  z-index: 10;
  display: block;
  height: 60px;
  width: 100%;
}

#submenu-container.not-visible {
  display: none!important;
  opacity: 0!important;
}

#submenu-container #special-container {
  height: 0;
  overflow: visible;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  padding: 0;
}

#submenu-container #special-container .voo-container,
#submenu-container #special-container section.page-content>div .print-area,
section.page-content>div #submenu-container #special-container .print-area {
  padding: 0;
  position: relative;
  height: 0;
}

#submenu-container #special-container .voo-container #logout,
#submenu-container #special-container section.page-content>div .print-area #logout,
section.page-content>div #submenu-container #special-container .print-area #logout {
  position: absolute;
  top: -45px;
  right: 0;
  margin: 0;
  font-size: 1em;
  text-decoration: underline;
  color: #464646;
  font-family: Roboto,sans-serif;
  font-weight: 300;
}

#submenu-container.fixedMenu {
  position: fixed;
  top: 0;
  left: 0;
  border-bottom: 1px solid #d4007a;
  z-index: 30;
}

#submenu-container.fixedMenu .voo-container,
#submenu-container.fixedMenu section.page-content>div .print-area,
section.page-content>div #submenu-container.fixedMenu .print-area {
  background: url(/layout/img/logos/header-logo.png) 0 6px no-repeat;
}

@media (max-width:1024px) {
  #submenu-container #special-container {
    display: none;
  }

  #submenu-container.fixedMenu {
    height: 62px;
    border-bottom: 2px solid #d4007a;
  }

  #submenu-container.fixedMenu .voo-container,
  #submenu-container.fixedMenu section.page-content>div .print-area,
  section.page-content>div #submenu-container.fixedMenu .print-area {
    background: 0 0;
  }

  #submenu-container {
    height: 60px;
    background-color: #fff;
  }

  #submenu-container #submenu-toggle {
    position: absolute;
    right: 15px;
    display: block!important;
    width: 55px;
    height: 60px;
    top: 4px;
    padding: 0;
    margin: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    opacity: 1!important;
  }

  #submenu-container #submenu-toggle .voo-logo div,
  #submenu-container #submenu-toggle .voo-logo div:after,
  #submenu-container #submenu-toggle .voo-logo div:before,
  #submenu-container #submenu-toggle span,
  #submenu-container #submenu-toggle span:after,
  #submenu-container #submenu-toggle span:before,
  .voo-logo #submenu-container #submenu-toggle div,
  .voo-logo #submenu-container #submenu-toggle div:after,
  .voo-logo #submenu-container #submenu-toggle div:before {
    cursor: pointer;
    border-radius: 1px;
    height: 3px;
    width: 28px;
    background: #000;
    position: absolute;
    display: block;
    content: '';
  }

  #submenu-container #submenu-toggle .voo-logo div,
  #submenu-container #submenu-toggle span,
  .voo-logo #submenu-container #submenu-toggle div {
    top: 25px;
    left: 13px;
    position: relative;
  }

  #submenu-container #submenu-toggle .voo-logo div:before,
  #submenu-container #submenu-toggle span:before,
  .voo-logo #submenu-container #submenu-toggle div:before {
    top: -10px;
    left: 0;
  }

  #submenu-container #submenu-toggle .voo-logo div:after,
  #submenu-container #submenu-toggle span:after,
  .voo-logo #submenu-container #submenu-toggle div:after {
    top: 10px;
    left: 0;
  }

  #submenu-container #submenu-toggle.open {
    background-color: #000;
  }

  #submenu-container #submenu-toggle.open .voo-logo div,
  #submenu-container #submenu-toggle.open .voo-logo div:after,
  #submenu-container #submenu-toggle.open .voo-logo div:before,
  #submenu-container #submenu-toggle.open span,
  #submenu-container #submenu-toggle.open span:after,
  #submenu-container #submenu-toggle.open span:before,
  .voo-logo #submenu-container #submenu-toggle.open div,
  .voo-logo #submenu-container #submenu-toggle.open div:after,
  .voo-logo #submenu-container #submenu-toggle.open div:before {
    background-color: #fff;
  }

  #submenu-container a.home-logo {
    display: inline-block!important;
    opacity: 1!important;
  }
}

#submenu-container a.home-logo {
  background: url(/layout/img/logos/header-logo.png) 15px 11px no-repeat;
  background-size: 82%;
  width: 101px;
  height: 58px;
  margin: 0;
}

#submenu-container div {
  padding-left: 150px;
  height: 60px;
  display: block;
}

#submenu-container div #submenu {
  padding-left: 0;
  height: 0;
  overflow: visible;
  display: block;
  font-weight: 400;
}

#submenu-container div #submenu a {
  display: inline-block;
  height: 60px;
  margin-right: 50px;
  font-size: 1.143em;
  color: #4d4d4d;
  text-decoration: none;
  padding: 20px 0;
  text-transform: capitalize;
}

@media (max-width:1024px) {
  #submenu-container div {
    padding-left: 0;
    height: 70px;
  }

  #submenu-container div #submenu a {
    width: 100%;
    height: 60px;
    color: #fff;
    padding: 15px 50px 0 25px;
    font-size: 22px;
    text-align: left;
  }

  #submenu-container div #submenu a:first-child {
    background: url(/img/component/medium-arrow-left.png) 4% 50% no-repeat;
    text-align: center;
    border-bottom: 1px solid #383838!important;
    font-family: MuseoSansRounded-300;
  }

  #submenu-container div #submenu a:first-child.active {
    background: 0 0;
  }

  #submenu-container div #submenu a:nth-child(2) {
    border-top: 1px solid #313131;
  }

  #submenu-container div #submenu a#logout {
    position: relative;
    top: auto;
    left: auto;
    font-size: 16px;
    background: 0 0;
    border-top: 1px solid #383838;
    padding: 1.3em 1em 1em;
    text-decoration: none;
    margin: 0;
  }

  #submenu-container div #submenu a#logout:hover {
    border-top: 1px solid #383838;
  }
}

#submenu-container div #submenu>div.with-options {
  display: inline-block;
  height: 60px;
  margin-right: 50px;
  font-size: 1.143em;
  color: #4d4d4d;
  padding: 20px 0;
  cursor: pointer;
}

@media (max-width:1024px) {
  #submenu-container div #submenu>div.with-options {
    width: 100%;
    height: 60px;
    color: #fff;
    font-size: 22px;
    padding: 15px 50px 0 25px;
    text-align: left;
    background: url(/img/component/small-arrow-right.png) 96% 45% no-repeat;
  }

  #submenu-container div #submenu>div.with-options:first-child {
    background: url(/img/component/medium-arrow-left.png) 4% 50% no-repeat;
    text-align: center;
    border-bottom: 1px solid #383838;
  }

  #submenu-container div #submenu>div.with-options:nth-child(2) {
    border-top: 1px solid #313131;
  }

  #submenu-container div #submenu>div.with-options#logout {
    position: relative;
    top: auto;
    left: auto;
    font-size: 16px;
    background: 0 0;
    border-top: 1px solid #383838;
    padding: 1.3em 1em 1em;
    text-decoration: none;
    margin: 0;
  }

  #submenu-container div #submenu>div.with-options#logout:hover {
    border-top: 1px solid #383838;
  }
}

#submenu-container div #submenu>div.with-options>nav {
  position: absolute;
  top: 60px;
  left: 0;
  background-color: #000;
  width: 100%;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .5s;
  -moz-transition: height .5s;
  -ms-transition: height .5s;
  -o-transition: height .5s;
  transition: height .5s;
}

#submenu-container div #submenu>div.with-options>nav .voo-container,
#submenu-container section.page-content>div #submenu>div.with-options>nav .print-area {
  background-image: none;
  height: auto;
  padding-left: 110px;
}

#submenu-container div #submenu>div.with-options>nav .voo-container ul,
#submenu-container section.page-content>div #submenu>div.with-options>nav .print-area ul {
  display: block;
  margin: 15px 0;
  list-style: none;
  height: 27px;
}

#submenu-container div #submenu>div.with-options>nav .voo-container ul li,
#submenu-container section.page-content>div #submenu>div.with-options>nav .print-area ul li {
  display: inline-block;
  float: left;
}

#submenu-container div #submenu>div.with-options>nav .voo-container ul li a,
#submenu-container section.page-content>div #submenu>div.with-options>nav .print-area ul li a {
  font-family: Roboto,sans-serif;
  font-weight: 400;
  font-size: 17px;
  color: #fff;
  padding: 5px 0;
  height: auto;
  border: none!important;
}

#submenu-container div #submenu>div.with-options>nav .voo-container ul li a.active,
#submenu-container div #submenu>div.with-options>nav .voo-container ul li a:hover,
#submenu-container div #submenu>div.with-options>nav .voo-container ul li avisited,
#submenu-container section.page-content>div #submenu>div.with-options>nav .print-area ul li a.active,
#submenu-container section.page-content>div #submenu>div.with-options>nav .print-area ul li a:hover,
#submenu-container section.page-content>div #submenu>div.with-options>nav .print-area ul li avisited {
  border: none;
  color: #d4007a;
}

@media (max-width:1024px) {
  #submenu-container div #submenu>div.with-options>nav {
    height: 255px!important;
    border-bottom: 2px solid #d4007a;
    top: 0;
    margin-left: 100%;
    -webkit-transition: height .5s;
    -moz-transition: height .5s;
    -ms-transition: height .5s;
    -o-transition: height .5s;
    transition: height .5s;
  }

  #submenu-container div #submenu>div.with-options>nav.hiddenTrick {
    height: 0!important;
    border-bottom: 0;
  }

  #submenu-container div #submenu>div.with-options>nav .voo-container,
  #submenu-container section.page-content>div #submenu>div.with-options>nav .print-area {
    padding-left: 0;
  }

  #submenu-container div #submenu>div.with-options>nav .voo-container ul,
  #submenu-container section.page-content>div #submenu>div.with-options>nav .print-area ul {
    display: block;
    margin: 25px 0;
    list-style: none;
  }

  #submenu-container div #submenu>div.with-options>nav .voo-container ul li,
  #submenu-container section.page-content>div #submenu>div.with-options>nav .print-area ul li {
    font-size: 22px;
    float: none;
    display: list-item;
  }

  #submenu-container div #submenu>div.with-options>nav .voo-container ul li a,
  #submenu-container section.page-content>div #submenu>div.with-options>nav .print-area ul li a {
    background-image: none;
    font-size: 22px;
    text-align: left;
    line-height: 1.8em;
  }

  #submenu-container div #submenu>div.with-options>nav .voo-container ul li.back-link,
  #submenu-container section.page-content>div #submenu>div.with-options>nav .print-area ul li.back-link {
    background: url(/img/component/medium-arrow-left.png) 4% 50% no-repeat;
    text-align: center;
    border-bottom: 1px solid #313131;
    margin: -25px 0 20PX -45px;
    padding: 15px 0 0;
    height: 60px;
    font-family: MuseoSansRounded-300;
  }
}

#submenu-container div #submenu>div.with-options.open>nav,
#submenu-container div #submenu>div.with-options:hover>nav {
  height: 56px;
}

#submenu-container div #submenu a.active,
#submenu-container div #submenu a:hover {
  color: #d4007a;
  border-bottom: 4px solid #d4007a;
}

@media (max-width:1024px) {
  #submenu-container div #submenu>div.with-options.open>nav,
  #submenu-container div #submenu>div.with-options:hover>nav {
    height: auto;
  }

  #submenu-container div #submenu a.active,
  #submenu-container div #submenu a:hover {
    border-bottom: none;
  }
}

#submenu-container div #submenu>div.with-options.active,
#submenu-container div #submenu>div.with-options:hover {
  color: #d4007a;
  border-bottom: 4px solid #d4007a;
}

#submenu-container div #submenu #sap10-container {
  float: right;
  padding: 0 14px 0 0;
}

#submenu-container div #submenu #sap10-container #sap10 {
  display: inline-block;
  height: 42px;
  font-size: 1em;
  line-height: 1.143em;
  color: #d4007a;
  text-decoration: none;
  padding: 11px 0 22px 21px;
  border-radius: 3px;
  margin-top: 9px;
  font-family: MuseoSansRounded-300;
}

#submenu-container div #submenu #sap10-container #sap10 .voo-logo div,
#submenu-container div #submenu #sap10-container #sap10 span,
.voo-logo #submenu-container div #submenu #sap10-container #sap10 div {
  font-family: Roboto,sans-serif;
  font-weight: 500;
}

@media (max-width:1024px) {
  #submenu-container div #submenu>div.with-options.active,
  #submenu-container div #submenu>div.with-options:hover {
    border-bottom: none;
  }

  #submenu-container div #submenu #sap10-container {
    width: 100%;
    text-align: center;
    height: 90px;
  }

  #submenu-container div #submenu #sap10-container #sap10 {
    float: none;
    padding: 11px 21px 22px;
    margin: 24px 5%;
    width: 90%;
    background-color: #f5e3e6;
  }

  #submenu-container div #submenu {
    padding-left: 0;
    background-color: #000;
    position: absolute;
    top: 60px;
    left: 0;
    height: 0;
    width: 100%;
    overflow: hidden;
    -webkit-transition: All .5s;
    -moz-transition: All .5s;
    -ms-transition: All .5s;
    -o-transition: All .5s;
    transition: All .5s;
  }

  #submenu-container div #submenu.hidden-overflow {
    overflow: visible;
  }

  #submenu-container div #submenu.usage-open {
    left: -100%;
  }

  #submenu-container div #submenu.open {
    height: 375px;
    border-bottom: 2px solid #d4007a;
  }
}

.innerContainer {
  max-width: 64em;
  margin-left: auto;
  margin-right: auto;
  height: 56px;
  padding-top: 9px;
}

.innerContainer:after {
  content: " ";
  display: block;
  clear: both;
}

.footerLinks {
  width: 100%;
  background: #19191a;
  text-align: center;
  padding: 4px 0 0;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media (max-width:700px) {
  .footerLinks {
    padding-bottom: 15px;
    height: 90px;
  }
}

.footerLinks .innerContainer {
  position: relative;
}

.footerLinks .footerLinks-middle {
  clear: both;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  vertical-align: top;
  color: #555;
  font-size: .75em;
}

.footerLinks .footerLinks-middle p {
  padding: 0;
  margin: 0;
  line-height: 2.9em;
}

.footerLinks .footerLinks-middle p .voo-logo div,
.footerLinks .footerLinks-middle p span,
.voo-logo .footerLinks .footerLinks-middle p div {
  color: #FFF;
  padding: 0 .5em;
}

.footerLinks .footerLinks-middle a {
  text-decoration: none;
  padding: 0;
  margin: 0;
}

@media (min-width:30em) {
  .footerLinks .footerLinks-middle {
    position: absolute;
    width: 100%;
  }
}

.footerLinks .footerLinks-right {
  width: 47.3684210526%;
  float: right;
  margin-right: 0;
  text-align: left;
  position: relative;
}

@media (min-width:30em) {
  .footerLinks .footerLinks-right {
    width: 35.8974358974%;
    float: right;
    margin-right: 0;
    text-align: right;
  }
}

.footerLinks .footerLinks-left {
  width: 47.3684210526%;
  float: left;
  margin-right: 5.2631578947%;
  text-align: right;
  position: relative;
}

@media (min-width:30em) {
  .footerLinks .footerLinks-left {
    width: 35.8974358974%;
    float: left;
    margin-right: 2.5641025641%;
    text-align: left;
  }
}

.footerLinks a {
  display: inline-block;
  color: #FFF;
  padding: 0 4px;
  font-size: .8em;
}

nav {
  font-family: Roboto,sans-serif;
  font-weight: 400;
  list-style: none;
  padding: 0;
  display: inline;
}

nav a {
  margin-right: 10px;
}

.col-1 {
  width: 9.375%;
  margin-right: 1.95313%;
}

.col-1 .col-1 {
  margin-right: 17.57813%;
  width: 100%;
}

@media screen and (max-width:768px) {
  .col-1 {
    width: 100%;
    margin-bottom: 20px;
  }

  .col-1 .col-1 {
    margin-bottom: 0;
  }
}

.col-2 {
  width: 20.70313%;
  margin-right: 1.95313%;
}

@media screen and (max-width:768px) {
  .col-2 {
    width: 100%;
    margin-bottom: 20px;
  }

  .col-2 .col-1 {
    margin-bottom: 0;
  }
}

.col-2 .col-1 {
  margin-right: 8.78906%;
  width: 45.60547%;
}

.col-2 .col-2 {
  margin-right: 8.78906%;
  width: 100%;
}

.col-3 {
  width: 32.03125%;
  margin-right: 1.95313%;
}

.col-3 .col-1,
.col-3 .col-2,
.col-3 .col-3 {
  margin-right: 5.85938%;
}

@media screen and (max-width:768px) {
  .col-2 .col-2 {
    margin-bottom: 0;
  }

  .col-3 {
    width: 100%;
    margin-bottom: 20px;
  }

  .col-3 .col-1 {
    margin-bottom: 0;
  }
}

.col-3 .col-1 {
  width: 29.42708%;
}

.col-3 .col-2 {
  width: 64.71354%;
}

.col-3 .col-3 {
  width: 100%;
}

.col-4 {
  width: 43.35938%;
  margin-right: 1.95313%;
}

.col-4 .col-1,
.col-4 .col-2,
.col-4 .col-3,
.col-4 .col-4 {
  margin-right: 4.39453%;
}

@media screen and (max-width:768px) {
  .col-3 .col-2,
  .col-3 .col-3 {
    margin-bottom: 0;
  }

  .col-4 {
    width: 100%;
    margin-bottom: 20px;
  }

  .col-4 .col-1 {
    margin-bottom: 0;
  }
}

.col-4 .col-1 {
  width: 21.7041%;
}

.col-4 .col-2 {
  width: 47.80273%;
}

.col-4 .col-3 {
  width: 73.90137%;
}

.col-4 .col-4 {
  width: 100%;
}

.col-5 {
  width: 54.6875%;
  margin-right: 1.95313%;
}

.col-5 .col-1,
.col-5 .col-2,
.col-5 .col-3,
.col-5 .col-4,
.col-5 .col-5 {
  margin-right: 3.51563%;
}

@media screen and (max-width:768px) {
  .col-4 .col-2,
  .col-4 .col-3,
  .col-4 .col-4 {
    margin-bottom: 0;
  }

  .col-5 {
    width: 100%;
    margin-bottom: 20px;
  }

  .col-5 .col-1 {
    margin-bottom: 0;
  }
}

.col-5 .col-1 {
  width: 17.1875%;
}

.col-5 .col-2 {
  width: 37.89063%;
}

.col-5 .col-3 {
  width: 58.59375%;
}

.col-5 .col-4 {
  width: 79.29688%;
}

.col-5 .col-5 {
  width: 100%;
}

.col-6 {
  width: 66.01563%;
  margin-right: 1.95313%;
}

.col-6 .col-1,
.col-6 .col-2,
.col-6 .col-3,
.col-6 .col-4,
.col-6 .col-5,
.col-6 .col-6 {
  margin-right: 2.92969%;
}

@media screen and (max-width:768px) {
  .col-5 .col-2,
  .col-5 .col-3,
  .col-5 .col-4,
  .col-5 .col-5 {
    margin-bottom: 0;
  }

  .col-6 {
    width: 100%;
    margin-bottom: 20px;
  }

  .col-6 .col-1 {
    margin-bottom: 0;
  }
}

.col-6 .col-1 {
  width: 14.22526%;
}

.col-6 .col-2 {
  width: 31.38021%;
}

.col-6 .col-3 {
  width: 48.53516%;
}

.col-6 .col-4 {
  width: 65.6901%;
}

.col-6 .col-5 {
  width: 82.84505%;
}

.col-6 .col-6 {
  width: 100%;
}

.col-7 {
  width: 77.34375%;
  margin-right: 1.95313%;
}

.col-7 .col-1,
.col-7 .col-2,
.col-7 .col-3,
.col-7 .col-4,
.col-7 .col-5,
.col-7 .col-6,
.col-7 .col-7 {
  margin-right: 2.51116%;
}

@media screen and (max-width:768px) {
  .col-6 .col-2,
  .col-6 .col-3,
  .col-6 .col-4,
  .col-6 .col-5,
  .col-6 .col-6 {
    margin-bottom: 0;
  }

  .col-7 {
    width: 100%;
    margin-bottom: 20px;
  }

  .col-7 .col-1 {
    margin-bottom: 0;
  }
}

.col-7 .col-1 {
  width: 12.13329%;
}

.col-7 .col-2 {
  width: 26.77774%;
}

.col-7 .col-3 {
  width: 41.42219%;
}

.col-7 .col-4 {
  width: 56.06665%;
}

.col-7 .col-5 {
  width: 70.7111%;
}

.col-7 .col-6 {
  width: 85.35555%;
}

.col-7 .col-7 {
  width: 100%;
}

.col-8 {
  width: 88.67188%;
  margin-right: 1.95313%;
}

.col-8 .col-1,
.col-8 .col-2,
.col-8 .col-3,
.col-8 .col-4,
.col-8 .col-5,
.col-8 .col-6,
.col-8 .col-7,
.col-8 .col-8 {
  margin-right: 2.19727%;
}

@media screen and (max-width:768px) {
  .col-7 .col-2,
  .col-7 .col-3,
  .col-7 .col-4,
  .col-7 .col-5,
  .col-7 .col-6,
  .col-7 .col-7 {
    margin-bottom: 0;
  }

  .col-8 {
    width: 100%;
    margin-bottom: 20px;
  }

  .col-8 .col-1 {
    margin-bottom: 0;
  }
}

.col-8 .col-1 {
  width: 10.57739%;
}

.col-8 .col-2 {
  width: 23.35205%;
}

.col-8 .col-3 {
  width: 36.12671%;
}

.col-8 .col-4 {
  width: 48.90137%;
}

.col-8 .col-5 {
  width: 61.67603%;
}

.col-8 .col-6 {
  width: 74.45068%;
}

.col-8 .col-7 {
  width: 87.22534%;
}

.col-8 .col-8 {
  width: 100%;
}

.col-9,
.col-9 .col-1,
.col-9 .col-2,
.col-9 .col-3,
.col-9 .col-5,
.col-9 .col-6,
.col-9 .col-7,
.col-9 .col-8,
.col-9 .col-9 {
  margin-right: 1.95313%;
}

.col-9 {
  width: 100%;
}

@media screen and (max-width:768px) {
  .col-8 .col-2,
  .col-8 .col-3,
  .col-8 .col-4,
  .col-8 .col-5,
  .col-8 .col-6,
  .col-8 .col-7,
  .col-8 .col-8 {
    margin-bottom: 0;
  }

  .col-9 {
    width: 100%;
    margin-bottom: 20px;
  }

  .col-9 .col-1 {
    margin-bottom: 0;
  }
}

.col-9 .col-1 {
  width: 9.375%;
}

.col-9 .col-2 {
  width: 20.70313%;
}

.col-9 .col-3 {
  width: 32.03125%;
}

.col-9 .col-4 {
  margin-right: 1.95313%;
  width: 43.35938%;
}

.col-9 .col-5 {
  width: 54.6875%;
}

.col-9 .col-6 {
  width: 66.01563%;
}

.col-9 .col-7 {
  width: 77.34375%;
}

.col-9 .col-8 {
  width: 88.67188%;
}

.col-9 .col-9 {
  width: 100%;
}

@media screen and (max-width:768px) {
  .col-9 .col-2,
  .col-9 .col-3,
  .col-9 .col-4,
  .col-9 .col-5,
  .col-9 .col-6,
  .col-9 .col-7,
  .col-9 .col-8,
  .col-9 .col-9 {
    margin-bottom: 0;
  }
}

.col {
  box-sizing: border-box;
  display: block;
  float: left;
  position: relative;
}

.col:last-child {
  margin-right: 0;
}

@media screen and (max-width:1024px) and (min-width:768px) {
  .col {
    margin-right: 1.95313%;
  }
}

.row-voo {
  box-sizing: border-box;
  max-width: 1024px;
  margin: 0 auto;
  padding-bottom: 20px;
  width: 100%;
}

.row-voo .row-voo {
  padding-bottom: 0;
  max-width: 100%;
}

.row-voo:after {
  display: block;
  content: '';
  clear: both;
}

@media screen and (max-width:1024px) {
  .row-voo .row-voo {
    padding-left: 0;
    padding-right: 0;
  }

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

section#home {
  border-top: 6px solid #000;
}

section#home .pink .voo-container,
section#home .pink section.page-content>div .print-area,
section.page-content>div section#home .pink .print-area {
  padding-top: 35px;
}

section#home .pink .voo-container>p.welcome,
section#home .pink section.page-content>div .print-area>p.welcome,
section.page-content>div section#home .pink .print-area>p.welcome {
  font-family: MuseoSansRounded-300;
  margin: 0 0 35px;
  text-align: center;
  font-size: 21px;
  color: #4d4d4d;
}

@media only screen and (max-width:700px) {
  section#home .pink .voo-container,
  section#home .pink section.page-content>div .print-area,
  section.page-content>div section#home .pink .print-area {
    padding: 20px 0 0;
  }

  section#home .pink .voo-container>p.welcome,
  section#home .pink section.page-content>div .print-area>p.welcome,
  section.page-content>div section#home .pink .print-area>p.welcome {
    padding: 0 40px;
    font-size: .9em;
    width: 310px;
    margin: 0 auto 20px;
  }
}

section#home .pink .voo-container>p.welcome a,
section#home .pink section.page-content>div .print-area>p.welcome a,
section.page-content>div section#home .pink .print-area>p.welcome a {
  display: block;
  text-transform: none;
  color: #4d4d4d;
  font-size: 18px;
}

section#home p.period {
  margin: 0 0 30px;
  text-align: center;
  font-size: 13px;
  color: #4d4d4d;
  font-family: Roboto,sans-serif;
  font-weight: 300;
}

@media only screen and (max-width:700px) {
  section#home p.period {
    margin: 0 auto 20px;
    max-width: 270px;
  }
}

section#home .row {
  margin-bottom: 10px;
  line-height: 2rem;
  margin-left: 0!important;
  margin-right: 0!important;
  max-width: 200rem;
}

body section#invoices>div>div#solde,
section.page-content#invoices #cards-container {
  margin-bottom: 25px!important;
  padding-bottom: 0!important;
}

section#home .colored-grid-showcase .row {
  background: #eee;
  border: 1px solid #c6c6c6;
}

section#home .colored-grid-showcase .row .columns.large-centered,
section#home .colored-grid-showcase .row .columns.small-centered,
section#home .colored-grid-showcase .row .columns:nth-child(2) {
  background: #e1e1e1;
}

section.page-content#invoices #cards-container #cards-list-invoices {
  min-height: 0;
}

@media only screen and (min-width:700px) and (max-width:1024px) {
  section.page-content#invoices #cards-container #cards-list-invoices {
    width: 760px;
  }
}

section.page-content#invoices #cards-container #cards-list-invoices>li {
  display: inline-block;
  margin-right: 25px;
  margin-bottom: 0;
  border-radius: 5px;
  position: relative;
  float: left;
  top: auto;
  -webkit-transition: All 0s;
  -moz-transition: All 0s;
  -ms-transition: All 0s;
  -o-transition: All 0s;
  transition: All 0s;
}

section.page-content#invoices #cards-container #cards-list-invoices>li .card {
  min-height: 310px;
}

section.page-content#invoices #cards-container #cards-list-invoices>li .card>div .address label {
  font-family: Roboto,sans-serif;
  font-weight: 400;
  color: #6f7175;
}

section.page-content#invoices #cards-container #cards-list-invoices>li .card>div a {
  color: #4196AA;
}

section.page-content#invoices #details,
section.page-content#invoices #global.solde {
  border-top: none!important;
  margin-top: 0!important;
}

@media only screen and (max-width:700px) {
  section.page-content#invoices #cards-container #cards-list-invoices>li .card {
    min-height: 0;
    padding-bottom: 15px;
  }

  section.page-content#invoices #details,
  section.page-content#invoices #global.solde {
    min-height: 150px!important;
  }
}

section.page-content#invoices #details #invoices-filters,
section.page-content#invoices #global.solde #invoices-filters {
  list-style: none;
  margin: -7px 130px 0 0;
  padding: 0;
  display: block;
  float: right;
}

section.page-content#invoices #details #invoices-filters.no-periods,
section.page-content#invoices #global.solde #invoices-filters.no-periods {
  margin-right: 0;
}

section.page-content#invoices #details #invoices-filters li,
section.page-content#invoices #global.solde #invoices-filters li {
  border: 1px solid #f2f1f1;
  display: inline-block;
  margin-left: 10px;
  padding: 8px 10px;
  border-radius: 5px;
  font-family: Roboto,sans-serif;
  font-weight: 300;
  color: #6f7175;
  font-size: 17px;
}

section.page-content#invoices #details #invoices-filters li .input-container,
section.page-content#invoices #global.solde #invoices-filters li .input-container {
  margin-bottom: 0;
}

section.page-content#invoices #details #invoices-filters li .input-container .fake-checkbox,
section.page-content#invoices #details #invoices-filters li .input-container input[type=checkbox],
section.page-content#invoices #global.solde #invoices-filters li .input-container .fake-checkbox,
section.page-content#invoices #global.solde #invoices-filters li .input-container input[type=checkbox] {
  right: 0!important;
  left: auto!important;
}

section.page-content#invoices #details #invoices-filters li .input-container label,
section.page-content#invoices #global.solde #invoices-filters li .input-container label {
  padding-left: 0!important;
  padding-right: 50px!important;
}

section.page-content#invoices #details>div,
section.page-content#invoices #global.solde>div {
  padding: 15px 25px;
}

section.page-content#invoices #details>div.help-link,
section.page-content#invoices #global.solde>div.help-link {
  border-top: 1px solid #e2e0e0;
}

section.page-content#invoices #details>div.help-link a,
section.page-content#invoices #global.solde>div.help-link a {
  color: #4196AA;
}

section.page-content#invoices #global.solde>section {
  padding: 0;
}

section.page-content#invoices #global.solde ul.plain-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

section.page-content#invoices #global.solde ul.plain-list li {
  padding: 15px 25px 18px;
  margin: 0;
  font-family: Roboto,sans-serif;
  font-weight: 400;
  color: #6f7175;
  font-size: 17px;
  background-color: #fafafa;
  border-bottom: 1px solid #e4e8e9;
  position: relative;
  overflow: visible;
}

section.page-content#invoices #global.solde ul.plain-list li>div.red,
section.page-content#invoices #global.solde ul.plain-list li>section>div.red {
  color: #D64618;
}

section.page-content#invoices #global.solde ul.plain-list li:after {
  content: '';
  display: block;
  clear: both;
}

section.page-content#invoices #global.solde ul.plain-list li:last-child {
  border-bottom: 0;
  margin-bottom: -5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

section.page-content#invoices #global.solde ul.plain-list li.red-border:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #D64618;
  width: 8px;
  height: 105%;
  margin-top: -1px;
}

section.page-content#invoices #global.solde ul.plain-list li>section {
  float: right;
  clear: both;
  text-align: right;
}

section.page-content#invoices #global.solde ul.plain-list li>section>div {
  font-family: Roboto,sans-serif;
  font-weight: 300;
}

.voo-logo section.page-content#invoices #global.solde ul.plain-list li>section>div div.amount,
section.page-content#invoices #global.solde ul.plain-list li>section>div .voo-logo div.amount,
section.page-content#invoices #global.solde ul.plain-list li>section>div span.amount {
  font-family: Roboto,sans-serif;
  font-weight: 400;
}

section.page-content#invoices #global.solde ul.plain-list li>div {
  float: right;
}

section.page-content#invoices section.page-content#net-usage>div>div#global.solde .loader-container,
section.page-content#net-usage>div>div#details .loader-container {
  position: absolute;
  top: 59px;
  left: 0;
  width: 100%;
  height: 490px;
  display: table;
  z-index: 10;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: rgba(0,0,0,.5);
}

section.page-content#invoices section.page-content#net-usage>div>div#global.solde .loader-container div,
section.page-content#net-usage>div>div#details .loader-container div {
  display: table-cell;
  vertical-align: middle;
}

@media only screen and (max-width:700px) {
  section.page-content#invoices section.page-content#net-usage>div>div#global.solde .loader-container>div,
  section.page-content#net-usage>div>div#details .loader-container>div {
    display: block;
    margin: 110px auto;
  }

  section.page-content#invoices section.page-content#net-usage>div>div#global.solde .loader-container,
  section.page-content#net-usage>div>div#details .loader-container {
    top: 60px;
    height: 100%;
    display: block;
  }
}

section.page-content#invoices section.page-content#net-usage>div>div#global.solde .loader-container .usage-loader,
section.page-content#net-usage>div>div#details .loader-container .usage-loader {
  color: #fff;
  display: block!important;
  text-align: center;
  width: 100%!important;
  font-family: MuseoSansRounded-300;
  font-size: 25px;
}

@media only screen and (max-width:700px) {
  section.page-content#invoices section.page-content#net-usage>div>div#global.solde .loader-container .usage-loader,
  section.page-content#net-usage>div>div#details .loader-container .usage-loader {
    font-size: 20px;
  }
}

section.page-content#invoices section.page-content#net-usage>div>div#global.solde .loader-container .loader,
section.page-content#net-usage>div>div#details .loader-container .loader {
  display: block!important;
  width: 15px!important;
  height: 15px!important;
  margin: 30px auto 0!important;
  top: -40px!important;
}

section.page-content#invoices section.page-content#net-usage>div>div#global.solde .loader-container .loader,
section.page-content#invoices section.page-content#net-usage>div>div#global.solde .loader-container .loader:after,
section.page-content#invoices section.page-content#net-usage>div>div#global.solde .loader-container .loader:before,
section.page-content#net-usage>div>div#details .loader-container .loader,
section.page-content#net-usage>div>div#details .loader-container .loader:after,
section.page-content#net-usage>div>div#details .loader-container .loader:before {
  padding: 0!important;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  -webkit-animation: load8 2s infinite ease-in-out;
  animation: load8 2s infinite ease-in-out;
}

section.page-content#invoices section.page-content#net-usage>div>div#global.solde .loader-container .loader,
section.page-content#net-usage>div>div#details .loader-container .loader {
  padding: 0!important;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -.2s;
  animation-delay: -.2s;
}

section.page-content#invoices section.page-content#net-usage>div>div#global.solde .loader-container .loader:before,
section.page-content#net-usage>div>div#details .loader-container .loader:before {
  left: -25px;
  -webkit-animation-delay: -.4s;
  animation-delay: -.4s;
}

section.page-content#invoices section.page-content#net-usage>div>div#global.solde .loader-container .loader:after,
section.page-content#net-usage>div>div#details .loader-container .loader:after {
  left: 25px;
}

section.page-content#invoices section.page-content#net-usage>div>div#global.solde .loader-container .loader:after,
section.page-content#invoices section.page-content#net-usage>div>div#global.solde .loader-container .loader:before,
section.page-content#net-usage>div>div#details .loader-container .loader:after,
section.page-content#net-usage>div>div#details .loader-container .loader:before {
  content: '';
  position: absolute;
  top: 0;
}

section.page-content#invoices section.page-content#net-usage>div>div.net-usage-chart#global.solde,
section.page-content#net-usage>div>div#details.net-usage-chart {
  min-height: 552px;
  overflow: hidden;
}

@media only screen and (max-width:700px) {
  section.page-content#invoices section.page-content#net-usage>div>div.net-usage-chart#global.solde,
  section.page-content#net-usage>div>div#details.net-usage-chart {
    min-height: 380px!important;
  }
}

@media only screen and (min-width:700px) and (max-width:1024px) {
  section.page-content#invoices section.page-content#net-usage>div>div.net-usage-chart#global.solde,
  section.page-content#net-usage>div>div#details.net-usage-chart {
    min-height: 390px!important;
  }

  section.page-content#invoices section.page-content#net-usage>div>div.net-usage-chart#global.solde .loader-container,
  section.page-content#net-usage>div>div#details.net-usage-chart .loader-container {
    height: 335px!important;
  }
}

section.page-content#invoices section.page-content#net-usage>div>div.net-usage-chart#global.solde p,
section.page-content#net-usage>div>div#details.net-usage-chart p {
  height: 355px;
  padding-top: 130px;
}

section.page-content#net-usage>div>div #chartDropdown {
  z-index: 10;
}

section.page-content#net-usage>div>div#details-yearly {
  line-height: 20px;
  background-color: #fafafa;
  min-height: 150px;
  border-radius: 5px;
  color: #6f7175;
  position: relative;
  font-family: Roboto,sans-serif;
  font-weight: 300;
  border-top: 5px solid #d4007a;
  width: 100%;
  max-width: 1024px;
  margin: 0 auto 25px;
  padding-bottom: 25px;
  overflow: hidden;
}

@media only screen and (max-width:700px) {
  section.page-content#net-usage>div>div#details-yearly {
    width: 324px;
    margin: 0 auto 15px;
  }
}

section.page-content#net-usage>div>div#details-yearly>header,
section.page-content#net-usage>div>div#details-yearly>section>*>header {
  font-family: MuseoSansRounded-300;
  height: 60px;
  width: 100%;
  background-color: #fff;
  display: block;
  border-bottom: 1px solid #E8E6E6;
  text-align: left;
  padding: 15px 24px 20px;
  margin: 0;
  font-size: 21px;
  color: #4d4d4d;
  line-height: 25px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

section.page-content#net-usage>div>div#details-yearly .loader-container {
  position: absolute;
  top: 59px;
  left: 0;
  width: 100%;
  display: table;
  z-index: 10;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: rgba(0,0,0,.5);
}

section.page-content#net-usage>div>div#details-yearly .loader-container div {
  display: table-cell;
  vertical-align: middle;
}

@media only screen and (max-width:700px) {
  section.page-content#net-usage>div>div#details-yearly>header,
  section.page-content#net-usage>div>div#details-yearly>section>*>header {
    text-align: center;
  }

  section.page-content#net-usage>div>div#details-yearly>header.special,
  section.page-content#net-usage>div>div#details-yearly>section>*>header.special {
    padding: 15px 17px 20px 18px;
  }

  section.page-content#net-usage>div>div#details-yearly .loader-container {
    top: 60px;
    height: 100%;
    display: block;
  }
}

section.page-content#net-usage>div>div#details-yearly .loader-container .usage-loader {
  color: #fff;
  display: block!important;
  text-align: center;
  width: 100%!important;
  font-family: MuseoSansRounded-300;
  font-size: 25px;
}

@media only screen and (max-width:700px) {
  section.page-content#net-usage>div>div#details-yearly .loader-container .usage-loader {
    font-size: 20px;
  }
}

section.page-content#net-usage>div>div#details-yearly .loader-container .loader {
  display: block!important;
  width: 15px!important;
  height: 15px!important;
  margin: 30px auto 0!important;
  top: -40px!important;
}

section.page-content#net-usage>div>div#details-yearly .loader-container .loader,
section.page-content#net-usage>div>div#details-yearly .loader-container .loader:after,
section.page-content#net-usage>div>div#details-yearly .loader-container .loader:before {
  padding: 0!important;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  -webkit-animation: load8 2s infinite ease-in-out;
  animation: load8 2s infinite ease-in-out;
}

section.page-content#net-usage>div>div#details-yearly .loader-container .loader {
  padding: 0!important;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -.2s;
  animation-delay: -.2s;
}

section.page-content#net-usage>div>div#details-yearly .loader-container .loader:before {
  left: -25px;
  -webkit-animation-delay: -.4s;
  animation-delay: -.4s;
}

section.page-content#net-usage>div>div#details-yearly .loader-container .loader:after {
  left: 25px;
}

section.page-content#net-usage>div>div#details-yearly .loader-container .loader:after,
section.page-content#net-usage>div>div#details-yearly .loader-container .loader:before {
  content: '';
  position: absolute;
  top: 0;
}

section.page-content#net-usage>div>div#details-yearly.net-usage-chart {
  min-height: 450px!important;
}

@media only screen and (min-width:700px) and (max-width:1024px) {
  section.page-content#net-usage>div>div#details-yearly.net-usage-chart {
    min-height: 330px!important;
    height: 330px!important;
  }

  section.page-content#net-usage>div>div#details-yearly.net-usage-chart .loader-container {
    min-height: 290px!important;
    height: 290px!important;
  }
}

section.page-content#net-usage>div>div#details-yearly .loader-container {
  height: 420px;
}

@media only screen and (max-width:700px) {
  section.page-content#net-usage>div>div#details-yearly .loader-container>div {
    display: block;
    margin: 110px auto;
  }

  section.page-content#net-usage>div>div#details-yearly .loader-container {
    top: 60px;
    height: 100%;
  }
}

section.page-content#mobile-usage #global {
  padding-bottom: 0!important;
  min-height: 20px!important;
}

section.page-content#mobile-usage #global>header {
  border: none!important;
}

section.page-content#mobile-usage #global>header a.button {
  float: right;
  width: auto;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0;
  margin-top: -5px;
}

@media only screen and (max-width:700px) {
  section.page-content#mobile-usage #global>header a.button {
    position: absolute;
    top: auto;
    bottom: 25px;
    left: 25px;
    float: none;
    width: 83%;
  }
}

section.page-content#mobile-usage #global section {
  width: 50%;
  display: inline-block;
  float: left;
  padding: 0 0 25px;
  margin-bottom: 0;
}

section.page-content#mobile-usage #global section.full {
  width: 100%;
}

@media only screen and (max-width:700px) {
  section.page-content#mobile-usage #global section {
    width: 100%;
  }

  section.page-content#mobile-usage #global section#europe {
    border-left: none!important;
    border-top: 1px solid #bac4c8;
  }

  section.page-content#mobile-usage #global section header {
    width: 86%!important;
    padding-right: 15px!important;
  }

  section.page-content#mobile-usage #global section header div {
    font-size: 15px;
    line-height: 23px;
  }

  .voo-logo section.page-content#mobile-usage #global section header div div,
  section.page-content#mobile-usage #global section header div .voo-logo div,
  section.page-content#mobile-usage #global section header div span {
    margin-left: 5px!important;
  }
}

section.page-content#mobile-usage #global section form {
  width: 100%;
  text-align: center;
}

section.page-content#mobile-usage #global section form input[type=submit] {
  margin: 10px auto 0;
  float: none;
}

section.page-content#mobile-usage #global section.full header {
  width: 95.5%;
}

section.page-content#mobile-usage #global section header {
  font-family: Roboto,sans-serif;
  font-weight: 400;
  width: 90%;
  font-size: 17px;
  background-color: transparent;
  display: block;
  text-align: left;
  padding: 15px 0 12px;
  margin: 0 25px 10px;
  color: #6f7175;
  line-height: 25px;
  border-bottom: 1px solid #d0d6d9;
}

section.page-content#mobile-usage #global section header div {
  font-family: Roboto,sans-serif;
  font-weight: 300;
  display: inline-block;
  float: right;
  padding-right: 40px;
}

section.page-content#mobile-usage #global section header div.option-data {
  color: #7db200;
  position: relative;
}

.voo-logo section.page-content#mobile-usage #global section header div.option-data div.confirm,
section.page-content#mobile-usage #global section header div.option-data .voo-logo div.confirm,
section.page-content#mobile-usage #global section header div.option-data span.confirm {
  position: absolute;
  top: -5px;
  right: 0;
  width: 29px;
  height: 29px;
  display: inline-block;
  border-radius: 50%;
  border: 2px solid #7db200;
}

.voo-logo section.page-content#mobile-usage #global section header div.option-data div.confirm:before,
section.page-content#mobile-usage #global section header div.option-data .voo-logo div.confirm:before,
section.page-content#mobile-usage #global section header div.option-data span.confirm:before {
  position: absolute;
  top: 9px;
  left: 28%;
  content: '';
  width: 2px;
  height: 10px;
  background-color: #7db200;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}

.voo-logo section.page-content#mobile-usage #global section header div.option-data div.confirm:after,
section.page-content#mobile-usage #global section header div.option-data .voo-logo div.confirm:after,
section.page-content#mobile-usage #global section header div.option-data span.confirm:after {
  position: absolute;
  top: 6px;
  right: 32%;
  content: '';
  width: 2px;
  height: 13px;
  background-color: #7db200;
  -webkit-transform: rotate(50deg);
  -moz-transform: rotate(50deg);
  -o-transform: rotate(50deg);
  -ms-transform: rotate(50deg);
  transform: rotate(50deg);
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}

.voo-logo section.page-content#mobile-usage #global section header div div,
section.page-content#mobile-usage #global section header div .voo-logo div,
section.page-content#mobile-usage #global section header div span {
  display: inline-block;
  margin-left: 15px;
}

section.page-content#mobile-usage #global section#national {
  border-right: 1px solid #bac4c8;
  border-top: 1px solid #bac4c8;
}

section.page-content#mobile-usage #global section:last-child {
  border-top: 1px solid #bac4c8;
}

@media only screen and (max-width:700px) {
  section.page-content#mobile-usage #global section header div.option-data {
    padding-right: 0;
  }

  section.page-content#mobile-usage #global section#national {
    border-right: none;
  }

  section.page-content#mobile-usage #global section:last-child {
    padding-bottom: 75px!important;
  }
}

section.page-content#mobile-usage #global section .gauge {
  margin-top: 0;
}

section.page-content#mobile-usage #global section .gauge.alert {
  margin-bottom: 0;
}

section.page-content#mobile-usage #global section .gauge .label-info-usage-page {
  display: none!important;
}

section.page-content#mobile-usage #global:after {
  content: '';
  display: block;
  clear: both;
}

section.page-content#mobile-usage #out-of-bundle {
  line-height: 20px;
  background-color: #fafafa;
  border-radius: 5px;
  color: #6f7175;
  position: relative;
  font-family: Roboto,sans-serif;
  font-weight: 300;
  border-top: 5px solid #d4007a;
  width: 100%;
  max-width: 1024px;
  margin: 0 auto 25px;
  min-height: 20px!important;
  padding-bottom: 15px!important;
}

@media only screen and (max-width:700px) {
  section.page-content#mobile-usage #out-of-bundle {
    width: 324px;
    margin: 0 auto 15px;
  }
}

section.page-content#mobile-usage #out-of-bundle>header,
section.page-content#mobile-usage #out-of-bundle>section>*>header {
  font-family: MuseoSansRounded-300;
  height: 60px;
  width: 100%;
  background-color: #fff;
  display: block;
  border-bottom: 1px solid #E8E6E6;
  text-align: left;
  padding: 15px 24px 20px;
  margin: 0;
  font-size: 21px;
  color: #4d4d4d;
  line-height: 25px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

@media only screen and (max-width:700px) {
  section.page-content#mobile-usage #out-of-bundle>header,
  section.page-content#mobile-usage #out-of-bundle>section>*>header {
    text-align: center;
  }

  section.page-content#mobile-usage #out-of-bundle>header.special,
  section.page-content#mobile-usage #out-of-bundle>section>*>header.special {
    padding: 15px 17px 20px 18px;
  }
}

section.page-content#mobile-usage #out-of-bundle>header {
  border: none!important;
}

section.page-content#mobile-usage #out-of-bundle>header a.button {
  float: right;
  width: auto;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0;
  margin-top: -5px;
}

section.page-content#mobile-usage #out-of-bundle header {
  border-bottom: 1px solid #E8E6E6!important;
}

@media only screen and (max-width:700px) {
  section.page-content#mobile-usage #out-of-bundle>header a.button {
    position: absolute;
    top: 325px;
    left: 25px;
    float: none;
    width: 83%;
  }

  section.page-content#mobile-usage #out-of-bundle .gauge.alert {
    margin-bottom: 0;
  }

  section.page-content#mobile-usage #out-of-bundle header a.button {
    bottom: 25px;
    top: auto;
  }

  section.page-content#mobile-usage #out-of-bundle {
    padding-bottom: 70px!important;
  }
}

section.page-content#mobile-usage #out-of-bundle .label-max {
  width: 100%;
}

section.page-content#mobile-usage #out-of-bundle>div {
  border-top: 1px solid #E8E6E6;
  line-height: 36px;
  padding: 15px 25px 0;
}

section.page-content#mobile-usage #out-of-bundle>div .dropdown-container {
  display: block;
  float: right;
}

section.page-content#invoices section.page-content#mobile-usage #global.solde,
section.page-content#mobile-usage #details,
section.page-content#mobile-usage section.page-content#invoices #global.solde {
  padding-bottom: 5px!important;
  background-color: #fff!important;
}

section.page-content#invoices section.page-content#mobile-usage #global.solde header,
section.page-content#mobile-usage #details header,
section.page-content#mobile-usage section.page-content#invoices #global.solde header {
  border-bottom: 1px solid #d4007a!important;
}

section.page-content#invoices section.page-content#mobile-usage #global.solde ul,
section.page-content#mobile-usage #details ul,
section.page-content#mobile-usage section.page-content#invoices #global.solde ul {
  list-style: none;
  font-family: Roboto,sans-serif;
  font-weight: 300;
  color: #6f7175;
  font-size: 17px;
  width: 100%;
  margin: 0 0 10px;
  padding: 0;
}

section.page-content#invoices section.page-content#mobile-usage #global.solde ul li,
section.page-content#mobile-usage #details ul li,
section.page-content#mobile-usage section.page-content#invoices #global.solde ul li {
  width: 100%;
  padding: 10px 25px;
}

section.page-content#invoices section.page-content#mobile-usage #global.solde ul li>div,
section.page-content#mobile-usage #details ul li>div,
section.page-content#mobile-usage section.page-content#invoices #global.solde ul li>div {
  display: block;
  float: right;
  text-transform: lowercase;
  font-family: MuseoSansRounded-300;
}

.voo-logo section.page-content#invoices section.page-content#mobile-usage #global.solde ul li>div div,
.voo-logo section.page-content#mobile-usage #details ul li>div div,
.voo-logo section.page-content#mobile-usage section.page-content#invoices #global.solde ul li>div div,
section.page-content#invoices section.page-content#mobile-usage #global.solde ul li>div .voo-logo div,
section.page-content#invoices section.page-content#mobile-usage #global.solde ul li>div span,
section.page-content#mobile-usage #details ul li>div .voo-logo div,
section.page-content#mobile-usage #details ul li>div span,
section.page-content#mobile-usage section.page-content#invoices #global.solde ul li>div .voo-logo div,
section.page-content#mobile-usage section.page-content#invoices #global.solde ul li>div span {
  text-transform: none;
  font-family: Roboto,sans-serif!important;
  font-weight: 400;
}

section.page-content#invoices section.page-content#mobile-usage #global.solde ul li.warning,
section.page-content#mobile-usage #details ul li.warning,
section.page-content#mobile-usage section.page-content#invoices #global.solde ul li.warning {
  color: #F39502;
}

section.page-content#invoices section.page-content#mobile-usage #global.solde ul li.total,
section.page-content#mobile-usage #details ul li.total,
section.page-content#mobile-usage section.page-content#invoices #global.solde ul li.total {
  font-family: Roboto,sans-serif!important;
  font-weight: 400;
  border-bottom: 1px solid #d4007a;
  padding: 20px 25px;
  margin-bottom: 10px;
}

section.page-content#invoices section.page-content#mobile-usage #global.solde ul li.total>div,
section.page-content#mobile-usage #details ul li.total>div,
section.page-content#mobile-usage section.page-content#invoices #global.solde ul li.total>div {
  color: #d4007a;
  font-family: Roboto,sans-serif!important;
  font-weight: 400;
  line-height: 22px;
}

.voo-logo section.page-content#invoices section.page-content#mobile-usage #global.solde ul li.total div,
.voo-logo section.page-content#mobile-usage #details ul li.total div,
.voo-logo section.page-content#mobile-usage section.page-content#invoices #global.solde ul li.total div,
section.page-content#invoices section.page-content#mobile-usage #global.solde ul li.total .voo-logo div,
section.page-content#invoices section.page-content#mobile-usage #global.solde ul li.total span,
section.page-content#mobile-usage #details ul li.total .voo-logo div,
section.page-content#mobile-usage #details ul li.total span,
section.page-content#mobile-usage section.page-content#invoices #global.solde ul li.total .voo-logo div,
section.page-content#mobile-usage section.page-content#invoices #global.solde ul li.total span {
  display: inline-block;
  margin-left: 5px;
  text-transform: uppercase;
  font-size: 12px;
}

section.page-content#invoices section.page-content#mobile-usage .mobile-detail#global.solde,
section.page-content#mobile-usage #details.mobile-detail,
section.page-content#mobile-usage section.page-content#invoices .mobile-detail#global.solde {
  min-height: 100px;
}

section.page-content#fix-usage #global .gauge.alert,
section.page-content#invoices #global .gauge.alert {
  margin-bottom: 0;
}

section.page-content#fix-usage #global .label-info-usage-page,
section.page-content#invoices #global .label-info-usage-page {
  display: none!important;
}

section.page-content#fix-usage #details,
section.page-content#fix-usage section.page-content#invoices #global.solde,
section.page-content#invoices #details,
section.page-content#invoices #global.solde,
section.page-content#invoices section.page-content#fix-usage #global.solde {
  padding-bottom: 5px!important;
  background-color: #fff!important;
}

section.page-content#fix-usage #details.fix-usage-array,
section.page-content#fix-usage section.page-content#invoices .fix-usage-array#global.solde,
section.page-content#invoices #details.fix-usage-array,
section.page-content#invoices .fix-usage-array#global.solde,
section.page-content#invoices section.page-content#fix-usage .fix-usage-array#global.solde {
  overflow: hidden;
}

section.page-content#fix-usage #details.fix-usage-array .loader-container,
section.page-content#fix-usage section.page-content#invoices .fix-usage-array#global.solde .loader-container,
section.page-content#invoices #details.fix-usage-array .loader-container,
section.page-content#invoices .fix-usage-array#global.solde .loader-container,
section.page-content#invoices section.page-content#fix-usage .fix-usage-array#global.solde .loader-container {
  position: absolute;
  top: 59px;
  left: 0;
  width: 100%;
  z-index: 10;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: rgba(0,0,0,.5);
}

section.page-content#fix-usage #details.fix-usage-array .loader-container div,
section.page-content#fix-usage section.page-content#invoices .fix-usage-array#global.solde .loader-container div,
section.page-content#invoices #details.fix-usage-array .loader-container div,
section.page-content#invoices .fix-usage-array#global.solde .loader-container div,
section.page-content#invoices section.page-content#fix-usage .fix-usage-array#global.solde .loader-container div {
  display: table-cell;
  vertical-align: middle;
}

@media only screen and (max-width:700px) {
  section.page-content#fix-usage #details.fix-usage-array .loader-container>div,
  section.page-content#fix-usage section.page-content#invoices .fix-usage-array#global.solde .loader-container>div,
  section.page-content#invoices #details.fix-usage-array .loader-container>div,
  section.page-content#invoices .fix-usage-array#global.solde .loader-container>div,
  section.page-content#invoices section.page-content#fix-usage .fix-usage-array#global.solde .loader-container>div {
    display: block;
    margin: 110px auto;
  }

  section.page-content#fix-usage #details.fix-usage-array .loader-container,
  section.page-content#fix-usage section.page-content#invoices .fix-usage-array#global.solde .loader-container,
  section.page-content#invoices #details.fix-usage-array .loader-container,
  section.page-content#invoices .fix-usage-array#global.solde .loader-container,
  section.page-content#invoices section.page-content#fix-usage .fix-usage-array#global.solde .loader-container {
    top: 60px;
    height: 100%;
    display: block;
  }
}

section.page-content#fix-usage #details.fix-usage-array .loader-container .usage-loader,
section.page-content#fix-usage section.page-content#invoices .fix-usage-array#global.solde .loader-container .usage-loader,
section.page-content#invoices #details.fix-usage-array .loader-container .usage-loader,
section.page-content#invoices .fix-usage-array#global.solde .loader-container .usage-loader,
section.page-content#invoices section.page-content#fix-usage .fix-usage-array#global.solde .loader-container .usage-loader {
  color: #fff;
  display: block!important;
  text-align: center;
  width: 100%!important;
  font-family: MuseoSansRounded-300;
  font-size: 25px;
}

@media only screen and (max-width:700px) {
  section.page-content#fix-usage #details.fix-usage-array .loader-container .usage-loader,
  section.page-content#fix-usage section.page-content#invoices .fix-usage-array#global.solde .loader-container .usage-loader,
  section.page-content#invoices #details.fix-usage-array .loader-container .usage-loader,
  section.page-content#invoices .fix-usage-array#global.solde .loader-container .usage-loader,
  section.page-content#invoices section.page-content#fix-usage .fix-usage-array#global.solde .loader-container .usage-loader {
    font-size: 20px;
  }

  section.page-content#fix-usage #details.fix-usage-array,
  section.page-content#fix-usage section.page-content#invoices .fix-usage-array#global.solde,
  section.page-content#invoices #details.fix-usage-array,
  section.page-content#invoices .fix-usage-array#global.solde,
  section.page-content#invoices section.page-content#fix-usage .fix-usage-array#global.solde {
    min-height: 380px!important;
  }
}

section.page-content#fix-usage #details.fix-usage-array .loader-container .loader,
section.page-content#fix-usage section.page-content#invoices .fix-usage-array#global.solde .loader-container .loader,
section.page-content#invoices #details.fix-usage-array .loader-container .loader,
section.page-content#invoices .fix-usage-array#global.solde .loader-container .loader,
section.page-content#invoices section.page-content#fix-usage .fix-usage-array#global.solde .loader-container .loader {
  display: block!important;
  width: 15px!important;
  height: 15px!important;
  margin: 30px auto 0!important;
  top: -40px!important;
}

section.page-content#fix-usage #details.fix-usage-array .loader-container .loader,
section.page-content#fix-usage #details.fix-usage-array .loader-container .loader:after,
section.page-content#fix-usage #details.fix-usage-array .loader-container .loader:before,
section.page-content#fix-usage section.page-content#invoices .fix-usage-array#global.solde .loader-container .loader,
section.page-content#fix-usage section.page-content#invoices .fix-usage-array#global.solde .loader-container .loader:after,
section.page-content#fix-usage section.page-content#invoices .fix-usage-array#global.solde .loader-container .loader:before,
section.page-content#invoices #details.fix-usage-array .loader-container .loader,
section.page-content#invoices #details.fix-usage-array .loader-container .loader:after,
section.page-content#invoices #details.fix-usage-array .loader-container .loader:before,
section.page-content#invoices .fix-usage-array#global.solde .loader-container .loader,
section.page-content#invoices .fix-usage-array#global.solde .loader-container .loader:after,
section.page-content#invoices .fix-usage-array#global.solde .loader-container .loader:before,
section.page-content#invoices section.page-content#fix-usage .fix-usage-array#global.solde .loader-container .loader,
section.page-content#invoices section.page-content#fix-usage .fix-usage-array#global.solde .loader-container .loader:after,
section.page-content#invoices section.page-content#fix-usage .fix-usage-array#global.solde .loader-container .loader:before {
  padding: 0!important;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  -webkit-animation: load8 2s infinite ease-in-out;
  animation: load8 2s infinite ease-in-out;
}

section.page-content#fix-usage #details.fix-usage-array .loader-container .loader,
section.page-content#fix-usage section.page-content#invoices .fix-usage-array#global.solde .loader-container .loader,
section.page-content#invoices #details.fix-usage-array .loader-container .loader,
section.page-content#invoices .fix-usage-array#global.solde .loader-container .loader,
section.page-content#invoices section.page-content#fix-usage .fix-usage-array#global.solde .loader-container .loader {
  padding: 0!important;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -.2s;
  animation-delay: -.2s;
}

section.page-content#fix-usage #details.fix-usage-array .loader-container .loader:before,
section.page-content#fix-usage section.page-content#invoices .fix-usage-array#global.solde .loader-container .loader:before,
section.page-content#invoices #details.fix-usage-array .loader-container .loader:before,
section.page-content#invoices .fix-usage-array#global.solde .loader-container .loader:before,
section.page-content#invoices section.page-content#fix-usage .fix-usage-array#global.solde .loader-container .loader:before {
  left: -25px;
  -webkit-animation-delay: -.4s;
  animation-delay: -.4s;
}

section.page-content#fix-usage #details.fix-usage-array .loader-container .loader:after,
section.page-content#fix-usage section.page-content#invoices .fix-usage-array#global.solde .loader-container .loader:after,
section.page-content#invoices #details.fix-usage-array .loader-container .loader:after,
section.page-content#invoices .fix-usage-array#global.solde .loader-container .loader:after,
section.page-content#invoices section.page-content#fix-usage .fix-usage-array#global.solde .loader-container .loader:after {
  left: 25px;
}

section.page-content#fix-usage #details.fix-usage-array .loader-container .loader:after,
section.page-content#fix-usage #details.fix-usage-array .loader-container .loader:before,
section.page-content#fix-usage section.page-content#invoices .fix-usage-array#global.solde .loader-container .loader:after,
section.page-content#fix-usage section.page-content#invoices .fix-usage-array#global.solde .loader-container .loader:before,
section.page-content#invoices #details.fix-usage-array .loader-container .loader:after,
section.page-content#invoices #details.fix-usage-array .loader-container .loader:before,
section.page-content#invoices .fix-usage-array#global.solde .loader-container .loader:after,
section.page-content#invoices .fix-usage-array#global.solde .loader-container .loader:before,
section.page-content#invoices section.page-content#fix-usage .fix-usage-array#global.solde .loader-container .loader:after,
section.page-content#invoices section.page-content#fix-usage .fix-usage-array#global.solde .loader-container .loader:before {
  content: '';
  position: absolute;
  top: 0;
}

@media only screen and (min-width:700px) and (max-width:1024px) {
  section.page-content#fix-usage #details.fix-usage-array,
  section.page-content#fix-usage section.page-content#invoices .fix-usage-array#global.solde,
  section.page-content#invoices #details.fix-usage-array,
  section.page-content#invoices .fix-usage-array#global.solde,
  section.page-content#invoices section.page-content#fix-usage .fix-usage-array#global.solde {
    min-height: 390px!important;
  }

  section.page-content#fix-usage #details.fix-usage-array .loader-container,
  section.page-content#fix-usage section.page-content#invoices .fix-usage-array#global.solde .loader-container,
  section.page-content#invoices #details.fix-usage-array .loader-container,
  section.page-content#invoices .fix-usage-array#global.solde .loader-container,
  section.page-content#invoices section.page-content#fix-usage .fix-usage-array#global.solde .loader-container {
    height: 335px!important;
  }
}

section.page-content#fix-usage #details.fix-usage-array p,
section.page-content#fix-usage section.page-content#invoices .fix-usage-array#global.solde p,
section.page-content#invoices #details.fix-usage-array p,
section.page-content#invoices .fix-usage-array#global.solde p,
section.page-content#invoices section.page-content#fix-usage .fix-usage-array#global.solde p {
  height: 355px;
  padding-top: 130px;
}

section.page-content#fix-usage #details.fix-usage-array .loader-container,
section.page-content#fix-usage section.page-content#invoices .fix-usage-array#global.solde .loader-container,
section.page-content#invoices #details.fix-usage-array .loader-container,
section.page-content#invoices .fix-usage-array#global.solde .loader-container,
section.page-content#invoices section.page-content#fix-usage .fix-usage-array#global.solde .loader-container {
  height: 100%;
  min-height: 412px;
  display: block;
}

section.page-content#fix-usage #details.fix-usage-array .loader-container>div,
section.page-content#fix-usage section.page-content#invoices .fix-usage-array#global.solde .loader-container>div,
section.page-content#invoices #details.fix-usage-array .loader-container>div,
section.page-content#invoices .fix-usage-array#global.solde .loader-container>div,
section.page-content#invoices section.page-content#fix-usage .fix-usage-array#global.solde .loader-container>div {
  display: block;
  margin: 110px auto;
}

@media only screen and (max-width:700px) {
  section.page-content#fix-usage #details.fix-usage-array .loader-container,
  section.page-content#fix-usage section.page-content#invoices .fix-usage-array#global.solde .loader-container,
  section.page-content#invoices #details.fix-usage-array .loader-container,
  section.page-content#invoices .fix-usage-array#global.solde .loader-container,
  section.page-content#invoices section.page-content#fix-usage .fix-usage-array#global.solde .loader-container {
    height: 100%;
  }
}

body section#options .full {
  width: 100%;
}

body section#options>div {
  position: relative;
  margin-top: 42px;
}

@media only screen and (max-width:768px) {
  body section#options>div {
    margin-top: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
  }
}

body section#options>div #subscription-selectors {
  margin-bottom: 15px;
}

body section#options>div #subscription-selectors>div {
  font-family: MuseoSansRounded-300;
  font-size: 24px;
  color: #767676;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border-radius: 5px;
  display: block;
  height: 55px;
  box-sizing: border-box;
  padding-top: 12px;
}

body section#options>div #subscription-selectors>div.active {
  border: 1px solid #818181;
  color: #0a0707;
}

@media only screen and (max-width:768px) {
  body section#options>div #subscription-selectors>div {
    font-size: 15px;
    height: 37px;
    padding-top: 15px;
  }
}

body section#options>div div.main-pane>section>header {
  position: relative;
  margin: 0 0 20px;
  width: 100%;
  height: 73px;
  box-sizing: border-box;
  padding: 15px;
  border-radius: 5px;
  background-color: #d4007a;
  text-align: center;
  color: #fff;
  font-size: 36px;
  font-family: MuseoSansRounded-300;
  text-transform: uppercase;
}

@media only screen and (max-width:768px) {
  body section#options>div div.main-pane>section>header {
    height: auto;
    font-size: 18px;
  }
}

body section#options>div div.main-pane>section>header img.pack-name {
  margin-top: -7px;
  height: 26px;
  padding: 0 0 0 15px;
}

@media only screen and (max-width:768px) {
  body section#options>div div.main-pane>section>header img.pack-name {
    height: 16px;
  }
}

body section#options>div div.main-pane>section>header.one img.pack-name,
body section#options>div div.main-pane>section>header.onepro img.pack-name {
  height: 40px;
  padding-right: 10px;
}

.voo-logo body section#options>div div.main-pane>section>header div.pack-name,
body section#options>div div.main-pane>section>header .voo-logo div.pack-name,
body section#options>div div.main-pane>section>header span.pack-name {
  font-family: MuseoSansRounded-300;
  font-size: 36px;
  text-transform: none;
}

body section#options>div div.main-pane>section>header img.pack-icon {
  margin-top: -13px;
  height: 33px;
}

@media only screen and (max-width:768px) {
  .voo-logo body section#options>div div.main-pane>section>header div.pack-name,
  body section#options>div div.main-pane>section>header .voo-logo div.pack-name,
  body section#options>div div.main-pane>section>header span.pack-name {
    font-size: 18px;
  }

  body section#options>div div.main-pane>section>header img.pack-icon {
    margin-top: -4px;
    height: 17px;
  }
}

body section#options>div div.main-pane>section>header .navigable {
  cursor: pointer;
  width: 30px;
  height: 50px;
  display: block;
  position: absolute;
  top: 15px;
}

body section#options>div div.main-pane>section>header .navigable::before {
  content: "";
  width: 15px;
  height: 15px;
  display: block;
  text-indent: -90000px;
  margin-top: 15px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

body section#options>div div.main-pane>section>header .navigable.previous {
  left: 20px;
}

body section#options>div div.main-pane>section>header .navigable.previous::before {
  border-left: 4px solid #fff;
  border-bottom: 4px solid #fff;
  margin-left: 11px;
}

body section#options>div div.main-pane>section>header .navigable.next {
  right: 20px;
}

body section#options>div div.main-pane>section>header .navigable.next::before {
  border-right: 4px solid #fff;
  border-top: 4px solid #fff;
  margin-left: 6px;
}

body section#options>div div.main-pane>section>header.tatoo {
  background-color: #8A1E65;
}

body section#options>div div.main-pane>section>header.hero,
body section#options>div div.main-pane>section>header.wahoo,
body section#options>div div.main-pane>section>header.wahoo-pro {
  background-color: #D4007A;
}

body section#options>div div.main-pane>section>header.toodata {
  background-color: #8d94a9;
}

body section#options>div div.main-pane>section>header.toudoo {
  background-color: #EF87B5;
}

body section#options>div div.main-pane>section h1 {
  font-size: 24px;
  font-family: MuseoSansRounded-300;
  font-weight: 300;
}

@media only screen and (max-width:768px) {
  body section#options>div div.main-pane>section>header .navigable.previous {
    left: 10px;
    top: 2px;
  }

  body section#options>div div.main-pane>section>header .navigable.next {
    right: 10px;
    top: 2px;
  }

  body section#options>div div.main-pane>section h1 {
    font-size: 15px;
  }

  body section#options>div div.main-pane>section>p {
    margin: 5px 0;
  }

  body section#options>div div.main-pane>section article {
    font-size: 12px;
  }
}

body section#options>div div.main-pane>section a {
  text-transform: none;
  color: inherit;
}

body section#options>div div.main-pane>section a.anchor {
  display: block;
  position: relative;
  top: -70px;
  visibility: hidden;
}

body section#options>div div.main-pane>section article.row-voo {
  margin-bottom: 20px;
  width: 100%;
  background-color: #fff;
  border-radius: 5px;
}

body section#options>div div.main-pane>section article.join-top {
  border-top-right-radius: 0;
  border-top: 1px solid #E8E6E6;
  border-top-left-radius: 0;
}

body section#options>div div.main-pane>section article.join-top.activated {
  border-top: none;
}

body section#options>div div.main-pane>section article.join-bottom {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  margin-bottom: 0;
}

body section#options>div div.main-pane>section article.warning,
body section#options>div div.main-pane>section article>div {
  padding: 20px;
}

body section#options>div div.main-pane>section article>div>p {
  font-family: Roboto,sans-serif;
  font-weight: 300;
  color: #1d1d1d;
}

body section#options>div div.main-pane>section article h1 {
  font-size: 18px;
  font-family: MuseoSansRounded-700;
  -webkit-font-smoothing: antialiased;
  font-weight: 500;
  color: #4d4d4d;
  margin-top: 0;
  position: relative;
}

@media only screen and (max-width:768px) {
  body section#options>div div.main-pane>section article h1 {
    font-size: 14px;
  }

  .voo-logo body section#options>div div.main-pane>section article h1>div,
  body section#options>div div.main-pane>section article .voo-logo h1>div,
  body section#options>div div.main-pane>section article h1>span {
    display: block;
    max-width: 60%;
  }
}

body section#options>div div.main-pane>section article h1 .tail {
  position: absolute;
  top: 0;
  right: 0;
}

body section#options>div div.main-pane>section article h1 .tail.capitalize:first-letter {
  text-transform: capitalize;
}

body section#options>div div.main-pane>section article h1 .highlight {
  text-transform: uppercase;
  color: #d4007a;
  font-size: 13px;
  font-weight: 700;
  max-width: 100%;
  margin-left: 5px;
}

@media only screen and (max-width:768px) {
  body section#options>div div.main-pane>section article h1 .highlight {
    display: block;
    margin-left: 0;
    margin-top: 5px;
    font-size: 11px;
  }
}

body section#options>div div.main-pane>section article .tail {
  float: right;
  text-transform: lowercase;
}

body section#options>div div.main-pane>section article .channels {
  width: 100%;
  float: left;
  box-sizing: border-box;
  max-height: 0;
  padding: 0;
  border-top: 0 solid #efefef;
  overflow: hidden;
  -webkit-transition: All .5s;
  -moz-transition: All .5s;
  -ms-transition: All .5s;
  -o-transition: All .5s;
  transition: All .5s;
}

body section#options>div div.main-pane>section article .channels>div {
  padding: 10px 20px 0;
}

body section#options>div div.main-pane>section article .channels>div img {
  width: 82px;
  height: 38px;
  margin: 0 10px 10px 0;
}

body section#options>div div.main-pane>section article .channels>div img:nth-child(7n+7) {
  margin-right: 0;
}

@media only screen and (max-width:768px) {
  body section#options>div div.main-pane>section article .channels>div img {
    width: 32%;
    max-width: 100px;
    height: auto;
    margin: 0 1% 1% 0;
  }
}

body section#options>div div.main-pane>section article .channels p {
  color: #0a0707;
  font-family: Roboto,sans-serif;
  font-size: 16px;
  font-weight: 400;
}

body section#options>div div.main-pane>section article .channels.visible {
  max-height: 200px;
  border-top-width: 1px;
}

body section#options>div div.main-pane>section article .themes-list {
  display: inline-block;
  padding: 8px 0 0;
  text-transform: uppercase;
}

.voo-logo body section#options>div div.main-pane>section article .themes-list div,
body section#options>div div.main-pane>section article .themes-list .voo-logo div,
body section#options>div div.main-pane>section article .themes-list span {
  color: #EF86B4;
  border: 1px solid #EF86B4;
  border-radius: 10px;
  margin-right: 5px;
  padding: 3px 10px 2px;
  display: inline-block;
  line-height: 15px;
  font-size: 11px;
  margin-bottom: 6px;
}

@media only screen and (max-width:768px) {
  body section#options>div div.main-pane>section article .themes-list {
    padding: 0;
    margin-top: -5px;
  }

  .voo-logo body section#options>div div.main-pane>section article .themes-list div,
  body section#options>div div.main-pane>section article .themes-list .voo-logo div,
  body section#options>div div.main-pane>section article .themes-list span {
    font-size: 8px;
    padding: 2px 5px 0;
    line-height: 8px;
  }
}

body section#options>div div.main-pane>section article .channels-toggle {
  float: left;
  margin-top: 0;
  margin-bottom: 8px;
}

.voo-logo body section#options>div div.main-pane>section article .channels-toggle div,
body section#options>div div.main-pane>section article .channels-toggle .voo-logo div,
body section#options>div div.main-pane>section article .channels-toggle span {
  text-decoration: underline;
  font-family: Roboto,sans-serif;
  font-weight: 300;
  color: #6f7175;
  font-size: 14px;
  cursor: pointer;
}

.voo-logo body section#options .basket div.basket-container>div>section article ul li.disabled div,
.voo-logo body section#options .basket div.basket-container>div>section article ul li.disabled div:hover,
.voo-logo body section#options .basket div.basket-container>div>section article ul li.line-through div:hover,
body section#options .basket div.basket-container>div>section article ul li.disabled .voo-logo div,
body section#options .basket div.basket-container>div>section article ul li.disabled .voo-logo div:hover,
body section#options .basket div.basket-container>div>section article ul li.disabled label,
body section#options .basket div.basket-container>div>section article ul li.disabled label:hover,
body section#options .basket div.basket-container>div>section article ul li.disabled span,
body section#options .basket div.basket-container>div>section article ul li.disabled span:hover,
body section#options .basket div.basket-container>div>section article ul li.line-through .voo-logo div:hover,
body section#options .basket div.basket-container>div>section article ul li.line-through label:hover,
body section#options .basket div.basket-container>div>section article ul li.line-through span:hover,
body section#options>div div.main-pane>section article.activated button[disabled] {
  cursor: default;
}

body section#options>div div.main-pane>section article button {
  float: right;
}

@media only screen and (max-width:768px) {
  .voo-logo body section#options>div div.main-pane>section article .channels-toggle div,
  body section#options>div div.main-pane>section article .channels-toggle .voo-logo div,
  body section#options>div div.main-pane>section article .channels-toggle span {
    font-size: 12px;
  }

  body section#options>div div.main-pane>section article button {
    font-size: 12px;
    padding: 5px 15px;
  }
}

body section#options>div div.main-pane>section article.activated {
  border: 1px solid #7db200;
}

body section#options>div div.main-pane>section article.activated h1 {
  margin-bottom: 0;
}

body section#options>div div.main-pane>section article.activated h1 .tail {
  color: #7db200;
}

body section#options>div div.main-pane>section article.activated button {
  color: #6f7175!important;
  border-color: #6f7175;
}

body section#options>div div.main-pane>section article.activated button:hover {
  color: #636468!important;
  border-color: #636468;
}

body section#options>div div.main-pane>section article.promo.activated {
  border: 1px solid #F39502;
}

.voo-logo body section#options>div div.main-pane>section article.promo h1 .highlight div,
body section#options>div div.main-pane>section article.promo h1 .highlight .voo-logo div,
body section#options>div div.main-pane>section article.promo h1 .highlight span {
  color: #fff;
  background-color: #F39502;
  display: inline;
  padding: 5px 7px;
  border-radius: 3px;
  margin-right: 7px;
  text-transform: uppercase;
}

body section#options>div div.main-pane>section article.promo .highlight {
  color: #F39502;
  display: inline;
  font-weight: 500;
  margin-left: 9px;
  text-transform: none;
}

body section#options>div div.main-pane>section article.promo .highlight.tail {
  font-size: 18px;
  font-family: MuseoSansRounded-500;
  font-weight: 500;
  position: relative;
}

@media only screen and (max-width:768px) {
  body section#options>div div.main-pane>section article.promo .highlight {
    display: block;
    margin-top: 5px;
    margin-left: 0;
  }

  .voo-logo body section#options>div div.main-pane>section article.promo .highlight div,
  body section#options>div div.main-pane>section article.promo .highlight .voo-logo div,
  body section#options>div div.main-pane>section article.promo .highlight span {
    margin-top: 0;
    display: inline-block!important;
  }

  body section#options>div div.main-pane {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
  }
}

.voo-logo body section#options>div div.main-pane>section article.disabled .themes-list div,
body section#options>div div.main-pane>section article.disabled .themes-list .voo-logo div,
body section#options>div div.main-pane>section article.disabled .themes-list span,
body section#options>div div.main-pane>section article.disabled button,
body section#options>div div.main-pane>section article.disabled h1,
body section#options>div div.main-pane>section article.disabled p {
  color: #9a9b9e!important;
  border-color: #9a9b9e;
}

.voo-logo body section#options>div div.main-pane>section article.disabled .themes-list div:hover,
body section#options>div div.main-pane>section article.disabled .themes-list .voo-logo div:hover,
body section#options>div div.main-pane>section article.disabled .themes-list span:hover,
body section#options>div div.main-pane>section article.disabled button:hover,
body section#options>div div.main-pane>section article.disabled h1:hover,
body section#options>div div.main-pane>section article.disabled p:hover {
  color: #9a9b9e;
  border-color: #9a9b9e;
}

body section#options>div div.main-pane>section article.thumbed img.thumbnail {
  border-radius: 0;
  height: auto;
}

body section#options>div div.main-pane>section article.thumbed>div {
  padding-left: 0;
}

body section#options>div div.main-pane>section article .with-thumb {
  position: relative;
  width: 100%;
  padding-left: calc(31% + 20px);
  display: inline-block;
  box-sizing: border-box;
}

body section#options>div div.main-pane>section article .with-thumb .thumb {
  box-sizing: border-box;
  width: 31%;
  height: 100%;
  background-size: cover!important;
  position: absolute;
  top: 0;
  left: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

@media only screen and (max-width:767px) {
  body section#options>div div.main-pane>section article .with-thumb {
    padding-left: 20px;
  }

  body section#options>div div.main-pane>section article .with-thumb .thumb {
    display: none;
  }
}

body section#options>div div.main-pane>section article .dropdown-container {
  display: block;
  float: left;
}

body section#options>div div.main-pane>section article .info {
  background-color: #f5e3e6;
  color: #d4007a;
  padding: 27px 25px 27px 60px;
  font-size: 16px;
  width: 100%;
  border-bottom: 0;
  position: relative;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

body section#options>div div.main-pane>section article .info p {
  color: #d4007a;
  margin: 0;
}

.voo-logo body section#options>div div.main-pane>section article .info div,
body section#options>div div.main-pane>section article .info .voo-logo div,
body section#options>div div.main-pane>section article .info span {
  font-family: "Times New Roman",Times,serif;
  position: absolute;
  right: 0;
  z-index: 2;
  display: block;
  text-align: center;
  line-height: 31px;
  width: 30px;
  height: 30px;
  left: 20px;
  top: 25px;
}

.voo-logo body section#options>div div.main-pane>section article .info div:before,
body section#options>div div.main-pane>section article .info .voo-logo div:before,
body section#options>div div.main-pane>section article .info span:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid #d4007a;
  position: absolute;
  right: 20px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  top: 0;
  left: 0;
}

#cards-container #cards-list>li .card>div body section#options>div div.warning,
body section#options>div #cards-container #cards-list>li .card>div div.warning,
body section#options>div .warning,
body section#options>div section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.warning,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div body section#options>div div.warning {
  float: left;
  color: #F39502;
  position: relative;
}

#cards-container #cards-list>li .card>div body section#options>div div.warning p,
body section#options>div #cards-container #cards-list>li .card>div div.warning p,
body section#options>div .warning p,
body section#options>div section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.warning p,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div body section#options>div div.warning p {
  margin: 0 0 0 45px;
}

#cards-container #cards-list>li .card>div body section#options>div div.warning .voo-logo div:before,
#cards-container #cards-list>li .card>div body section#options>div div.warning span:before,
.voo-logo #cards-container #cards-list>li .card>div body section#options>div div.warning div:before,
.voo-logo body section#options>div #cards-container #cards-list>li .card>div div.warning div:before,
.voo-logo body section#options>div .warning div:before,
.voo-logo body section#options>div section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.warning div:before,
.voo-logo section.page-content#invoices #cards-container #cards-list-invoices>li .card>div body section#options>div div.warning div:before,
body section#options>div #cards-container #cards-list>li .card>div div.warning .voo-logo div:before,
body section#options>div #cards-container #cards-list>li .card>div div.warning span:before,
body section#options>div .warning .voo-logo div:before,
body section#options>div .warning span:before,
body section#options>div section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.warning .voo-logo div:before,
body section#options>div section.page-content#invoices #cards-container #cards-list-invoices>li .card>div div.warning span:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div body section#options>div div.warning .voo-logo div:before,
section.page-content#invoices #cards-container #cards-list-invoices>li .card>div body section#options>div div.warning span:before {
  font-family: Roboto,sans-serif;
  color: #F39502;
  content: "!";
  border: 2px solid #F39502;
  border-radius: 50%;
  display: inline-block;
  width: 29px;
  height: 29px;
  text-align: center;
  padding-top: 3px;
  padding-left: 0;
  position: absolute;
  left: 25px;
  line-height: 21px;
  font-weight: 400;
  top: 13px;
}

body section#options .basket {
  display: block;
}

body section#options .basket div.basket-container>div>section {
  background-color: #fff;
  border-radius: 5px;
  width: 100%;
  padding: 20px 20px 0;
}

body section#options .basket div.basket-container>div>section header {
  font-family: MuseoSansRounded-300;
  font-size: 24px;
  color: #1d1d1d;
  height: 24px;
  padding: 20px;
  box-sizing: content-box;
  border-bottom: 1px solid #E8E6E6;
  margin: -20px -20px 0;
}

body section#options .basket div.basket-container>div>section header i {
  width: 38px;
  height: 36px;
  float: right;
  position: relative;
  top: -7px;
}

body section#options .basket div.basket-container>div>section header i svg {
  width: 100%;
  height: 100%;
}

body section#options .basket div.basket-container>div>section article {
  border-bottom: 1px solid #E8E6E6;
  margin-left: -20px;
  margin-right: -20px;
  padding: 20px 20px 5px;
}

.voo-logo body section#options .basket div.basket-container>div>section article>div,
body section#options .basket div.basket-container>div>section .voo-logo article>div,
body section#options .basket div.basket-container>div>section article>label,
body section#options .basket div.basket-container>div>section article>span {
  font-family: MuseoSansRounded-700;
  -webkit-font-smoothing: antialiased;
  color: #000;
  float: left;
  width: 55%;
  padding-bottom: 15px;
}

.voo-logo body section#options .basket div.basket-container>div>section article>div,
body section#options .basket div.basket-container>div>section .voo-logo article>div,
body section#options .basket div.basket-container>div>section article>span {
  color: #d4007a;
  width: 120px;
  float: right;
  text-align: right;
  text-transform: lowercase;
}

body section#options .basket div.basket-container>div>section article ul li.disabled:hover,
body section#options .basket div.basket-container>div>section article ul li.line-through:hover {
  color: #70838c;
}

@media only screen and (max-width:1024px) {
  .voo-logo body section#options .basket div.basket-container>div>section article>div,
  body section#options .basket div.basket-container>div>section .voo-logo article>div,
  body section#options .basket div.basket-container>div>section article>span {
    width: 45%;
  }
}

body section#options .basket div.basket-container>div>section article h5 {
  font-family: MuseoSansRounded-500;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  padding: 0 0 5px;
  margin: 0;
  width: 100%;
  text-transform: uppercase;
  font-weight: 400;
  display: block;
}

body section#options .basket div.basket-container>div>section article>div {
  clear: both;
  padding-bottom: 10px;
}

body section#options .basket div.basket-container>div>section article ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

body section#options .basket div.basket-container>div>section article ul li {
  display: block;
  padding-bottom: 5px;
  overflow: hidden;
  position: relative;
  color: #70838c;
  -webkit-transition-delay: 150ms;
  -moz-transition-delay: 150ms;
  -ms-transition-delay: 150ms;
  -o-transition-delay: 150ms;
  transition-delay: 150ms;
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
}

body section#options .basket div.basket-container>div>section article ul li label {
  display: inline-block;
  font-family: MuseoSansRounded-500;
  -webkit-font-smoothing: antialiased;
  width: 160px;
}

@media only screen and (max-width:1024px) {
  body section#options .basket div.basket-container>div>section article ul li label {
    width: 55%;
  }
}

.voo-logo body section#options .basket div.basket-container>div>section article ul li>div,
body section#options .basket div.basket-container>div>section article ul .voo-logo li>div,
body section#options .basket div.basket-container>div>section article ul li>span {
  width: 40%;
  float: right;
  text-align: right;
  text-transform: lowercase;
}

.voo-logo body section#options .basket div.basket-container>div>section article ul li.line-through div,
body section#options .basket div.basket-container>div>section article ul li.line-through .voo-logo div,
body section#options .basket div.basket-container>div>section article ul li.line-through label,
body section#options .basket div.basket-container>div>section article ul li.line-through span {
  text-decoration: line-through;
  cursor: default;
}

body section#options .basket div.basket-container>div>section article ul li .remove {
  color: #a4b8c4;
  position: absolute;
  right: -15px;
  visibility: hidden;
  opacity: 0;
  cursor: pointer;
  background-color: #fff;
  -webkit-transition-delay: 150ms;
  -moz-transition-delay: 150ms;
  -ms-transition-delay: 150ms;
  -o-transition-delay: 150ms;
  transition-delay: 150ms;
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: All;
  -moz-transition-property: All;
  -o-transition-property: All;
  transition-property: All;
}

@media only screen and (max-width:768px) {
  body section#options .basket {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
  }

  body section#options .basket div.basket-container>div>section article ul li {
    font-size: 14px;
  }

  .voo-logo body section#options .basket div.basket-container>div>section article ul li>div.price,
  body section#options .basket div.basket-container>div>section article ul .voo-logo li>div.price,
  body section#options .basket div.basket-container>div>section article ul li>span.price {
    padding-right: 15px;
    width: 45%;
  }

  body section#options .basket div.basket-container>div>section article ul li .remove {
    opacity: 1;
    right: 0;
    width: 100%;
    visibility: visible;
    color: #70838c;
    top: 0;
    background-color: transparent;
  }

  body section#options .basket div.basket-container>div>section article ul li .remove u {
    display: none;
  }
}

body section#options .basket div.basket-container>div>section article ul li:hover {
  color: #a4b8c4;
}

@media only screen and (max-width:768px) {
  body section#options .basket div.basket-container>div>section article ul li:hover {
    color: #70838c;
  }

  body section#options .basket div.basket-container>div>section article.pin-code input {
    max-width: 288px;
  }
}

body section#options .basket div.basket-container>div>section article ul li:hover .price {
  cursor: pointer;
}

body section#options .basket div.basket-container>div>section article ul li:hover .remove {
  opacity: 1;
  visibility: visible;
  right: 0;
}

body section#options .basket div.basket-container>div>section article ul li.promotion {
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -ms-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
  -webkit-transition-duration: 0;
  -moz-transition-duration: 0;
  -o-transition-duration: 0;
  transition-duration: 0;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  color: #F39502;
}

body section#options .basket div.basket-container>div>section article ul li.promotion .remove {
  color: #F39502;
}

body section#options .basket div.basket-container>div>section article.pin-code label {
  width: 100%;
  color: #70838c;
  font-family: MuseoSansRounded-500;
  -webkit-font-smoothing: antialiased;
}

body section#options .basket div.basket-container>div>section article.pin-code input {
  width: 100%;
  margin-bottom: 15px;
  border: 1px solid #E8E6E6;
  text-align: center;
}

body section#options .basket div.basket-container>div>section article.pin-code.error label {
  color: #D64618;
}

body section#options .basket div.basket-container>div>section article.pin-code.error input {
  border-color: #D64618;
}

body section#options .basket div.basket-container>div>section article.conditions {
  border: none;
  text-align: center;
}

body section#options .basket div.basket-container>div>section article.conditions p {
  color: #70838c;
  font-family: MuseoSansRounded-700;
  text-transform: uppercase;
  font-size: 10px;
  -webkit-font-smoothing: antialiased;
  padding: 0 20px;
  margin: 0 0 10px;
}

body section#options .basket div.basket-container>div>section article.conditions p a {
  color: #70838c;
  text-transform: uppercase;
}

body section#options .basket div.basket-container>div>section article.conditions button {
  font-size: 16px;
  padding: 18px 15px 16px;
  margin: 10px 0 16px;
  width: 100%;
  display: inline-block;
}

@media only screen and (max-width:768px) {
  body section#options .basket div.basket-container>div>section article.conditions button {
    max-width: 288px;
  }

  body section#options .basket div.basket-container>div>section article.conditions {
    padding-top: 10px;
  }

  body section#options .basket div.basket-container>div>section article.conditions p {
    padding: 0;
    margin: 0;
  }
}

body section#options .basket div.basket-container>div>section article.pending {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,.8);
  border: none;
  border-radius: 5px;
}

body section#options .basket div.basket-container>div>section article.pending .loader {
  margin: 21% auto;
}

body section#options .basket div.basket-container.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

body section#options .basket div.basket-container.fixed>div {
  margin: 0 auto;
  width: 100%;
  max-width: 1024px;
  position: relative;
}

body section#options .basket div.basket-container.fixed>div>section {
  position: absolute;
  right: 0;
  top: 100px;
  width: 32%;
}

@media only screen and (min-width:768px) and (max-width:1024px) {
  body section#options .basket div.basket-container.fixed>div>section {
    right: 20px;
    width: 30.8%;
  }
}

@media only screen and (max-width:768px) {
  body section#options .basket div.basket-container {
    margin-bottom: 0;
  }

  body section#options .basket div.basket-container>div>section {
    margin-top: 0;
  }

  body section#options .basket div.basket-container.fixed {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
  }

  body section#options .basket div.basket-container.fixed>div {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    position: relative;
  }

  body section#options .basket div.basket-container.fixed>div>section {
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
  }
}

@media only screen and (max-width:1024px) {
  body section#options .basket div.basket-container>div>section article.pin-code {
    text-align: center;
  }

  body section#options .basket div.basket-container {
    margin-bottom: 20px;
  }
}

body section#options div.dropdown-container {
  height: 34px;
  margin-bottom: 0;
}

body section#options div.dropdown-container ul.dropdown {
  max-height: 34px;
  padding: 33px 0 0;
  width: 147px;
}

body section#options div.dropdown-container ul.dropdown.open {
  max-height: 500px;
}

body section#options div.dropdown-container ul.dropdown li {
  height: 34px;
  line-height: 10px;
  padding-right: 20px;
  width: 145px;
  text-align: left;
}

body section#options div.dropdown-container ul.dropdown li:before {
  right: 30px;
}

body section#options div.dropdown-container ul.dropdown li:after {
  top: -2px;
  right: -4px;
}

.voo-logo body section#options div.dropdown-container ul.dropdown li div.bg-dropdown-selected,
body section#options div.dropdown-container ul.dropdown li .voo-logo div.bg-dropdown-selected,
body section#options div.dropdown-container ul.dropdown li span.bg-dropdown-selected {
  width: 30px;
}

@media only screen and (min-width:1024px) {
  body section#options .channels-available-in-other .channels-list {
    min-height: 125px;
  }
}

@media only screen and (max-width:768px) {
  body section#options .channels-available-in-other>div:first-child {
    padding-bottom: 15px;
  }
}

body section#options .channels-list {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
}

@media only screen and (min-width:992px) {
  body section#options .channels-list {
    min-height: 120px;
  }
}

body section#options .channels-list li {
  width: 92px;
  background-color: #EFEFEF;
  display: inline-block;
  padding: 9px 11px;
  border-radius: 3px;
  margin-bottom: 7px;
  margin-right: 4px;
}

body section#options .channels-list li.channel-new-label {
  position: relative;
  border: 2px solid #d4007a;
}

body section#options .channels-list li.channel-new-label:after {
  content: 'NEW';
  position: absolute;
  top: 0;
  right: 0;
  background-color: #D4007A;
  color: #fff;
  font-family: MuseoSansRounded-700;
  font-size: 8px;
  line-height: 15px;
  height: 16px;
  width: 30px;
  text-align: center;
  border-radius: 0 0 0 3px;
}

body section#options #thema1-changes {
  border-top: 1px solid #d1dce2;
}

body section#options div[class*=col-] {
  padding: 0;
}

body section#options .discount-highlight,
body section#options div[class*=col-].discount-highlight {
  text-transform: uppercase;
  color: #d4007a;
  font-size: 12px;
  font-family: MuseoSansRounded-700;
  -webkit-font-smoothing: antialiased;
  font-weight: 700;
  margin-top: 0;
  position: relative;
  padding-bottom: 20px;
}

body section#options .discount-highlight.pull-right,
body section#options div[class*=col-].discount-highlight.pull-right {
  font-size: 18px;
  font-weight: 400;
  text-transform: none;
}

body section#options .row-channel-padding {
  padding-bottom: 10px;
}

body section#options .static-p {
  font-family: Roboto,sans-serif;
  font-weight: 300;
  color: #1d1d1d;
  margin-top: 10px;
}

body section#options .channel {
  background-color: #EFEFEF;
}

body section#options .channel-padding {
  padding: 10px 15px 10px 25px;
}

body section#options .channel-new {
  border: 2px solid #D4007A;
  background-color: #EFEFEF;
  border-radius: 7px;
}

body section#options .channel-bnw {
  filter: grayscale(100%);
  opacity: .65;
}

body section#options .channel-discover {
  color: #d4007a!important;
  font-size: 16px;
}

body section#options .no-padding-top {
  padding: 15px 0 0!important;
}

body section#options .pull-right {
  right: 0;
  position: absolute;
}

@media only screen and (min-width:768px) {
  body section#options .bubble-description {
    padding-left: 26px!important;
  }
}

body section#options .arrow-box {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: relative;
  background: #fff;
}

@media only screen and (max-width:768px) {
  body section#options .arrow-box>div:first-child {
    text-align: center;
    padding-bottom: 15px;
  }
}

body section#options .arrow-box:after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  pointer-events: none;
  border-color: rgba(255,255,255,0);
  border-bottom-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}

@media (min-width:768px) {
  body section#options .channels-aside {
    padding-left: 15px;
  }
}

button {
  border: 1px solid #7db200;
  border-radius: 3px;
  color: #7db200!important;
  font-family: MuseoSansRounded-500;
  -webkit-font-smoothing: antialiased;
  font-weight: 500;
  font-size: 14px;
  width: auto;
  background-color: #fff;
  padding: 9px 15px;
  outline: 0;
  box-shadow: none;
  -webkit-transition: border 150ms,background-color 150ms,color 150ms;
  -moz-transition: border 150ms,background-color 150ms,color 150ms;
  -ms-transition: border 150ms,background-color 150ms,color 150ms;
  -o-transition: border 150ms,background-color 150ms,color 150ms;
  transition: border 150ms,background-color 150ms,color 150ms;
}

button:hover {
  border: 1px solid #6b9900;
  color: #6b9900!important;
}

button.pink {
  border: 1px solid #d4007a;
  background-color: #d4007a;
  color: #fff!important;
}

button.pink.disabled,
button.pink[disabled] {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

button.pink:hover {
  border: 1px solid #bb006b;
  background-color: #bb006b;
}

button.disabled,
button.disabled:hover,
button[disabled],
button[disabled]:hover {
  color: #9a9b9e!important;
  background-color: #fff;
  border-color: #9a9b9e;
}

button.disabled,
button[disabled] {
  cursor: default;
}

.info-message {
  color: #fff;
  position: fixed;
  top: 184px;
  width: 100%;
  z-index: 2;
}

@media only screen and (max-width:1024px) {
  .info-message {
    padding: 20px;
  }
}

.info-message>div {
  padding: 20px 20px 20px 65px;
  width: 100%;
  max-width: 830px;
  margin: 0 auto;
  border-radius: 5px;
  position: relative;
  box-shadow: 0 6px 10px 0 rgba(0,0,0,.3);
}

.info-message>div:before,
.info-message>div>span,
.voo-logo .info-message>div>div {
  display: inline-block;
  font-family: icones_voo;
  color: #fff;
  font-weight: 100;
  position: absolute;
  -webkit-font-smoothing: antialiased;
}

.info-message>div:before {
  font-size: 50px;
  top: 9px;
  left: 20px;
}

.info-message>div>span,
.voo-logo .info-message>div>div {
  font-size: 25px;
  top: 5px;
  right: 7px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  z-index: 10;
  text-align: center;
}

.info-message.error>div {
  background-color: #D64618;
}

.info-message.error>div:before {
  content: 'U';
}

.info-message.confirm>div {
  background-color: #7db200;
}

.info-message.confirm>div:before {
  content: 'O';
}

body.isCuca {
  height: 100%;
}

@media (max-width:700px) {
  body.isCuca {
    min-height: 100%;
    height: auto;
    background-color: #fafafa;
  }
}

body.isCuca .ngdialog.ngdialog-theme-default .ngdialog-content {
  width: 700px;
  max-width: 700px;
}

body.isCuca .ngdialog.ngdialog-theme-default .ngdialog-content div.overlay-cuca {
  max-width: 700px;
}

body.isCuca .ngdialog.ngdialog-theme-default .ngdialog-content div.overlay-cuca section {
  padding: 0;
}

body.isCuca .ngdialog.ngdialog-theme-default .ngdialog-content div.overlay-cuca section article {
  height: auto;
  background-color: #fafafa;
  line-height: 20px;
  border-radius: 5px;
  color: #6f7175;
  position: relative;
  font-family: Roboto,sans-serif;
  font-weight: 300;
}

body.isCuca .ngdialog.ngdialog-theme-default .ngdialog-content div.overlay-cuca section article header {
  line-height: 20px;
  font-size: 20px;
  font-weight: 700;
  color: #274856;
  font-family: MuseoSansRounded-300;
  border-bottom: 1px solid #d0d6d9;
  text-align: center;
  padding: 15px;
  margin-bottom: 0;
}

.voo-logo body.isCuca .ngdialog.ngdialog-theme-default .ngdialog-content div.overlay-cuca section article header div,
body.isCuca .ngdialog.ngdialog-theme-default .ngdialog-content div.overlay-cuca section article header .voo-logo div,
body.isCuca .ngdialog.ngdialog-theme-default .ngdialog-content div.overlay-cuca section article header span {
  display: block;
  height: 56px;
  width: 45px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.voo-logo body.isCuca .ngdialog.ngdialog-theme-default .ngdialog-content div.overlay-cuca section article header div:before,
body.isCuca .ngdialog.ngdialog-theme-default .ngdialog-content div.overlay-cuca section article header .voo-logo div:before,
body.isCuca .ngdialog.ngdialog-theme-default .ngdialog-content div.overlay-cuca section article header span:before {
  content: '';
  display: block;
  position: absolute;
  top: 15px;
  left: 12px;
  width: 2px;
  height: 20px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: 10;
}

.voo-logo body.isCuca .ngdialog.ngdialog-theme-default .ngdialog-content div.overlay-cuca section article header div:after,
body.isCuca .ngdialog.ngdialog-theme-default .ngdialog-content div.overlay-cuca section article header .voo-logo div:after,
body.isCuca .ngdialog.ngdialog-theme-default .ngdialog-content div.overlay-cuca section article header span:after {
  content: '';
  display: block;
  position: absolute;
  top: 15px;
  left: 12px;
  width: 2px;
  height: 20px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 10;
}

.voo-logo body.isCuca .ngdialog.ngdialog-theme-default .ngdialog-content div.overlay-cuca section article header div:after,
.voo-logo body.isCuca .ngdialog.ngdialog-theme-default .ngdialog-content div.overlay-cuca section article header div:before,
body.isCuca .ngdialog.ngdialog-theme-default .ngdialog-content div.overlay-cuca section article header .voo-logo div:after,
body.isCuca .ngdialog.ngdialog-theme-default .ngdialog-content div.overlay-cuca section article header .voo-logo div:before,
body.isCuca .ngdialog.ngdialog-theme-default .ngdialog-content div.overlay-cuca section article header span:after,
body.isCuca .ngdialog.ngdialog-theme-default .ngdialog-content div.overlay-cuca section article header span:before {
  background-color: #d0d6d9;
}

body.isCuca .ngdialog.ngdialog-theme-default .ngdialog-content div.overlay-cuca section article>div {
  padding: 15px 25px 5px;
  color: #6f7175;
  font-size: 16px;
}

body.isCuca .ngdialog.ngdialog-theme-default .ngdialog-content div.overlay-cuca section article>div a {
  width: 200px!important;
  display: block;
  max-width: 200px!important;
  margin: 10px auto!important;
  float: none;
}

body.isCuca .ngdialog.ngdialog-theme-default .ngdialog-content div.overlay-cuca section article>div a.green.cancel {
  background-color: transparent;
  border: 1px solid #999;
  color: #999!important;
  margin-top: 0!important;
}

body.isCuca .ngdialog.ngdialog-theme-default .ngdialog-content div.overlay-cuca section article>div a.green.cancel:hover {
  color: #7db200!important;
}

body.isCuca #main-content {
  background: url(/cuca/img/bg.jpg);
  position: relative;
}

body.isCuca #cuca {
  padding-top: 40px;
}

@media (max-width:700px) {
  body.isCuca #main-content {
    background: #fafafa;
    padding-bottom: 50px;
  }

  body.isCuca #cuca {
    margin-top: 60px;
    padding-top: 165px;
    padding-bottom: 70px;
  }

  body.isCuca #cuca.is-impersonate {
    padding-top: 235px;
  }

  body.isCuca #cuca.is-impersonate #search-container {
    height: 135px;
    border-bottom: 65px solid #d1dce2;
  }

  body.isCuca #cuca #search-container {
    text-align: center;
  }
}

@media (max-width:1024px) {
  body.isCuca #cuca {
    padding-top: 100px;
  }
}

body.isCuca #cuca .connected-as {
  max-width: 1000px!important;
  margin-bottom: 15px!important;
}

body.isCuca #cuca #search-container {
  position: absolute;
  top: -60px;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 70px;
  background-color: #274856;
  padding: 15px 0;
}

@media (max-width:1024px) {
  body.isCuca #cuca #search-container {
    top: 0;
    padding-right: 15px;
    padding-left: 15px;
  }
}

body.isCuca #cuca #search-container .voo-container,
body.isCuca #cuca #search-container section.page-content>div .print-area,
section.page-content>div body.isCuca #cuca #search-container .print-area {
  margin-bottom: 20px;
}

@media (max-width:700px) {
  body.isCuca #cuca #search-container .voo-container,
  body.isCuca #cuca #search-container section.page-content>div .print-area,
  section.page-content>div body.isCuca #cuca #search-container .print-area {
    max-width: 270px;
    margin: 0 auto;
  }

  body.isCuca #cuca #search-container .voo-container>div,
  body.isCuca #cuca #search-container section.page-content>div .print-area>div,
  section.page-content>div body.isCuca #cuca #search-container .print-area>div {
    margin-bottom: 13px;
  }
}

body.isCuca #cuca #search-container .voo-container .connected-as,
body.isCuca #cuca #search-container section.page-content>div .print-area .connected-as,
section.page-content>div body.isCuca #cuca #search-container .print-area .connected-as {
  color: #6f7175;
  display: block;
  text-align: left;
  width: 100%;
  font-size: 17px;
  margin-top: 10px;
  font-family: Roboto,sans-serif;
  font-weight: 300;
}

.voo-logo body.isCuca #cuca #search-container .voo-container .connected-as div,
.voo-logo body.isCuca #cuca #search-container section.page-content>div .print-area .connected-as div,
.voo-logo section.page-content>div body.isCuca #cuca #search-container .print-area .connected-as div,
body.isCuca #cuca #search-container .voo-container .connected-as .voo-logo div,
body.isCuca #cuca #search-container .voo-container .connected-as span,
body.isCuca #cuca #search-container section.page-content>div .print-area .connected-as .voo-logo div,
body.isCuca #cuca #search-container section.page-content>div .print-area .connected-as span,
section.page-content>div body.isCuca #cuca #search-container .print-area .connected-as .voo-logo div,
section.page-content>div body.isCuca #cuca #search-container .print-area .connected-as span {
  display: block;
  font-family: Roboto,sans-serif;
  font-weight: 400;
}

body.isCuca #cuca #search-container .voo-container>div,
body.isCuca #cuca #search-container section.page-content>div .print-area>div,
section.page-content>div body.isCuca #cuca #search-container .print-area>div {
  float: left;
  color: #fff;
  font-size: 20px;
  line-height: 21px;
  font-family: MuseoSansRounded-300;
}

.voo-logo body.isCuca #cuca #search-container .voo-container>div div,
.voo-logo body.isCuca #cuca #search-container section.page-content>div .print-area>div div,
.voo-logo section.page-content>div body.isCuca #cuca #search-container .print-area>div div,
body.isCuca #cuca #search-container .voo-container>div .voo-logo div,
body.isCuca #cuca #search-container .voo-container>div span,
body.isCuca #cuca #search-container section.page-content>div .print-area>div .voo-logo div,
body.isCuca #cuca #search-container section.page-content>div .print-area>div span,
section.page-content>div body.isCuca #cuca #search-container .print-area>div .voo-logo div,
section.page-content>div body.isCuca #cuca #search-container .print-area>div span {
  -webkit-font-smoothing: antialiased;
  display: block;
  font-size: 17px;
  font-family: Roboto,sans-serif;
  font-weight: 400;
}

body.isCuca #cuca #search-container .voo-container form,
body.isCuca #cuca #search-container section.page-content>div .print-area form,
section.page-content>div body.isCuca #cuca #search-container .print-area form {
  float: right;
}

@media (max-width:700px) {
  body.isCuca #cuca #search-container .voo-container form,
  body.isCuca #cuca #search-container section.page-content>div .print-area form,
  section.page-content>div body.isCuca #cuca #search-container .print-area form {
    border-bottom: 1px solid #d0d6d9;
    padding-bottom: 15px;
    margin-top: 15px;
  }
}

.voo-logo body.isCuca #cuca #search-container .voo-container form div,
.voo-logo body.isCuca #cuca #search-container section.page-content>div .print-area form div,
.voo-logo section.page-content>div body.isCuca #cuca #search-container .print-area form div,
body.isCuca #cuca #search-container .voo-container form .voo-logo div,
body.isCuca #cuca #search-container .voo-container form span,
body.isCuca #cuca #search-container section.page-content>div .print-area form .voo-logo div,
body.isCuca #cuca #search-container section.page-content>div .print-area form span,
section.page-content>div body.isCuca #cuca #search-container .print-area form .voo-logo div,
section.page-content>div body.isCuca #cuca #search-container .print-area form span {
  color: #6f7175;
  display: block;
  text-align: left;
  width: 100%;
  font-family: Roboto,sans-serif;
  font-weight: 300;
}

body.isCuca #cuca #search-container .voo-container form input,
body.isCuca #cuca #search-container section.page-content>div .print-area form input,
section.page-content>div body.isCuca #cuca #search-container .print-area form input {
  float: none;
  display: inline;
  border-radius: 3px;
  margin-right: 10px;
  width: 300px;
  font-family: Roboto,sans-serif;
  font-weight: 300;
  color: #6f7175;
  border: none!important;
}

@media (max-width:700px) {
  body.isCuca #cuca #search-container .voo-container form input,
  body.isCuca #cuca #search-container section.page-content>div .print-area form input,
  section.page-content>div body.isCuca #cuca #search-container .print-area form input {
    border: 1px solid #d0d6d9;
  }

  body.isCuca #cuca #search-container .voo-container form input::-webkit-input-placeholder,
  body.isCuca #cuca #search-container section.page-content>div .print-area form input::-webkit-input-placeholder,
  section.page-content>div body.isCuca #cuca #search-container .print-area form input::-webkit-input-placeholder {
    color: transparent;
  }

  body.isCuca #cuca #search-container .voo-container form input:-moz-placeholder,
  body.isCuca #cuca #search-container section.page-content>div .print-area form input:-moz-placeholder,
  section.page-content>div body.isCuca #cuca #search-container .print-area form input:-moz-placeholder {
    color: transparent;
  }

  body.isCuca #cuca #search-container .voo-container form input::-moz-placeholder,
  body.isCuca #cuca #search-container section.page-content>div .print-area form input::-moz-placeholder,
  section.page-content>div body.isCuca #cuca #search-container .print-area form input::-moz-placeholder {
    color: transparent;
  }

  body.isCuca #cuca #search-container .voo-container form input:-ms-input-placeholder,
  body.isCuca #cuca #search-container section.page-content>div .print-area form input:-ms-input-placeholder,
  section.page-content>div body.isCuca #cuca #search-container .print-area form input:-ms-input-placeholder {
    color: transparent;
  }
}

body.isCuca #cuca #search-container .voo-container form input:focus,
body.isCuca #cuca #search-container section.page-content>div .print-area form input:focus,
section.page-content>div body.isCuca #cuca #search-container .print-area form input:focus {
  border: none;
}

body.isCuca #cuca #search-container .voo-container form input[type=submit],
body.isCuca #cuca #search-container section.page-content>div .print-area form input[type=submit],
section.page-content>div body.isCuca #cuca #search-container .print-area form input[type=submit] {
  width: auto;
  padding-left: 15px;
  padding-right: 15px;
  margin-right: 0;
  color: #fff;
  margin-top: 0;
  position: relative;
}

body.isCuca #cuca #search-container .voo-container form input[type=submit].disable,
body.isCuca #cuca #search-container section.page-content>div .print-area form input[type=submit].disable,
section.page-content>div body.isCuca #cuca #search-container .print-area form input[type=submit].disable {
  cursor: not-allowed!important;
  opacity: .8;
}

body.isCuca #cuca #search-container .voo-container form input[type=submit].disable:hover,
body.isCuca #cuca #search-container section.page-content>div .print-area form input[type=submit].disable:hover,
section.page-content>div body.isCuca #cuca #search-container .print-area form input[type=submit].disable:hover {
  background-color: #7db200;
  color: #fff;
}

body.isCuca #cuca .connected-as a {
  float: right;
}

body.isCuca #cuca .no-result {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 10px;
  color: #fff;
  font-size: 17px;
  line-height: 17px;
  font-family: MuseoSansRounded-300;
}

@media (max-width:700px) {
  body.isCuca #cuca #search-container .voo-container form input,
  body.isCuca #cuca #search-container .voo-container form input[type=submit],
  body.isCuca #cuca #search-container section.page-content>div .print-area form input,
  body.isCuca #cuca #search-container section.page-content>div .print-area form input[type=submit],
  section.page-content>div body.isCuca #cuca #search-container .print-area form input,
  section.page-content>div body.isCuca #cuca #search-container .print-area form input[type=submit] {
    width: 100%;
  }

  body.isCuca #cuca .no-result {
    color: #6f7175;
  }
}

body.isCuca #cuca .no-result img {
  width: 80px;
  height: auto;
  margin-left: -20px;
}

body.isCuca #cuca .no-result div {
  margin-top: 10px;
  margin-bottom: 30px;
}

body.isCuca #cuca .no-result div.small {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 12px;
}

body.isCuca #cuca .no-result.loading {
  margin-top: 0;
  background: 0 0!important;
  top: auto!important;
  position: relative!important;
  height: 130px;
}

body.isCuca #cuca .no-result.loading.impersonated {
  margin-top: -10px;
}

body.isCuca #cuca .no-result.loading .loader-container div,
body.isCuca #cuca .no-result.loading>div.text {
  position: relative;
  top: auto;
  left: auto;
  margin-top: 0;
}

body.isCuca #cuca .no-result.loading .loader-container div,
body.isCuca #cuca .no-result.loading>div.text>div {
  display: block;
  text-align: center;
}

body.isCuca #cuca .no-result.loading .loader-container div img,
body.isCuca #cuca .no-result.loading>div.text>div img {
  margin-bottom: 10px;
  margin-left: -20px;
  display: inline-block;
}

.voo-logo body.isCuca #cuca .no-result.loading .loader-container div div,
.voo-logo body.isCuca #cuca .no-result.loading>div.text>div div,
body.isCuca #cuca .no-result.loading .loader-container div .voo-logo div,
body.isCuca #cuca .no-result.loading .loader-container div span,
body.isCuca #cuca .no-result.loading>div.text>div .voo-logo div,
body.isCuca #cuca .no-result.loading>div.text>div span {
  display: block;
  font-size: 17px;
}

body.isCuca #cuca .no-result.loading .loader-container div {
  top: 25px;
}

body.isCuca #cuca .has-result article {
  background-color: #fafafa;
  padding-bottom: 0;
  max-width: 1000px;
  margin-bottom: 25px;
}

@media (max-width:700px) {
  body.isCuca #cuca .has-result {
    margin-top: 20px;
  }

  body.isCuca #cuca .has-result article {
    max-width: 270px;
    margin: 0 auto;
    border: 1px solid #d0d6d9;
  }
}

body.isCuca #cuca .has-result article>header {
  display: block;
  height: 55px;
  line-height: 40px;
  border-bottom: 1px solid #d0d6d9;
  margin: 0 -25px;
  padding-left: 25px;
  padding-right: 25px;
}

@media (max-width:700px) {
  body.isCuca #cuca .has-result article>header {
    background-color: #fff;
    margin-top: -15px;
    border-radius: 5px;
    padding-top: 9px;
  }

  .voo-logo body.isCuca #cuca .has-result article>header div,
  body.isCuca #cuca .has-result article>header .voo-logo div,
  body.isCuca #cuca .has-result article>header span {
    color: #4D4D4D!important;
  }
}

.voo-logo body.isCuca #cuca .has-result article>header div,
body.isCuca #cuca .has-result article>header .voo-logo div,
body.isCuca #cuca .has-result article>header span {
  color: #d4007a;
  line-height: 20px;
  font-size: 20px;
  font-family: MuseoSansRounded-300;
  margin-bottom: 5px;
}

body.isCuca #cuca .has-result article>header a {
  float: right;
  color: #fff!important;
  text-transform: none;
  width: auto;
  padding-left: 55px;
  padding-right: 15px;
  position: relative;
  margin-right: 10px;
}

body.isCuca #cuca .has-result article>header a:hover:before {
  border: 1px solid #bb006b!important;
}

body.isCuca #cuca .has-result article>header a:before {
  content: '';
  display: block;
  border: 1px solid #d4007a;
  height: 40px;
  width: 40px;
  position: absolute;
  top: -1px;
  left: -1px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

body.isCuca #cuca .has-result article>header a.blok:before {
  background: url(/cuca/img/sprite.png) 3px 3px no-repeat #fff;
  background-size: 145px;
}

body.isCuca #cuca .has-result article>header a.reinit:before {
  background: url(/cuca/img/sprite.png) -51px 3px no-repeat #fff;
  background-size: 145px;
}

body.isCuca #cuca .has-result article>header a.perso:before {
  background: url(/cuca/img/sprite.png) -111px 3px no-repeat #fff;
  background-size: 145px;
}

body.isCuca #cuca .has-result article>header a:focus {
  border-color: #eeb5d6;
  outline: 0;
  box-shadow: none;
}

body.isCuca #cuca .has-result article>header a.disabled {
  cursor: not-allowed!important;
}

body.isCuca #cuca .has-result article>header a.disabled:hover {
  background-color: #d4007a!important;
}

body.isCuca #cuca .has-result article>div {
  margin: 0 -25px;
  padding-bottom: 25px;
}

body.isCuca #cuca .has-result article>div:after {
  display: block;
  content: '';
  clear: both;
}

body.isCuca #cuca .has-result article>div div {
  float: left;
  padding: 0 20px;
  height: 145px;
  font-family: Roboto,sans-serif;
  font-weight: 300;
}

body.isCuca #cuca .has-result article>div div header,
body.isCuca #cuca .has-result article>div div strong {
  font-family: Roboto,sans-serif;
  font-weight: 400;
}

@media (max-width:700px) {
  body.isCuca #cuca .has-result article>div div {
    float: none;
    width: 100%!important;
    border-right: none!important;
    border-bottom: 1px solid #d0d6d9;
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  body.isCuca #cuca .has-result article>div div ul {
    font-size: 15px;
  }
}

body.isCuca #cuca .has-result article>div div:first-child {
  border-right: 1px solid #d0d6d9;
  width: 34%;
}

body.isCuca #cuca .has-result article>div div:nth-child(2) {
  border-right: 1px solid #d0d6d9;
  width: 40%;
}

body.isCuca #cuca .has-result article>div div:last-child {
  width: 26%;
}

body.isCuca #cuca .has-result article>div div header {
  border-bottom: 1px solid #d0d6d9;
  padding-bottom: 10px;
  padding-top: 15px;
  margin-bottom: 15px;
}

body.isCuca #cuca .has-result article>div div ul {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 23px;
}

body.isCuca #cuca .voo-container,
body.isCuca #cuca section.page-content>div .print-area,
section.page-content>div body.isCuca #cuca .print-area {
  max-width: 1000px;
}