2019-08-14 09:48:44 +00:00
|
|
|
.billing {
|
|
|
|
@include full-height;
|
2019-10-06 14:16:05 +00:00
|
|
|
|
2019-08-14 09:48:44 +00:00
|
|
|
.row {
|
|
|
|
@include full-height;
|
|
|
|
}
|
2019-10-06 14:16:05 +00:00
|
|
|
|
2019-08-14 09:48:44 +00:00
|
|
|
.billing__stats {
|
|
|
|
@include flex;
|
|
|
|
}
|
2019-10-06 14:16:05 +00:00
|
|
|
|
2019-08-14 09:48:44 +00:00
|
|
|
.billing__form {
|
|
|
|
@include thin-border($color-border-light);
|
2019-10-06 14:16:05 +00:00
|
|
|
@include margin($zero - $space-micro);
|
2019-08-14 09:48:44 +00:00
|
|
|
@include full-height;
|
|
|
|
background: $color-white;
|
2019-10-06 14:16:05 +00:00
|
|
|
|
2019-08-14 09:48:44 +00:00
|
|
|
iframe {
|
|
|
|
@include full-height;
|
2019-10-06 14:16:05 +00:00
|
|
|
border: 0;
|
2019-08-14 09:48:44 +00:00
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
}
|
2019-10-06 14:16:05 +00:00
|
|
|
|
2019-08-14 09:48:44 +00:00
|
|
|
.account-row {
|
|
|
|
@include padding($space-normal);
|
|
|
|
@include flex;
|
2019-10-20 08:04:19 +00:00
|
|
|
flex-direction: column;
|
2019-08-14 09:48:44 +00:00
|
|
|
// @include thin-border($color-border-light);
|
|
|
|
// @include margin(-$space-micro $zero);
|
2019-10-06 14:16:05 +00:00
|
|
|
background: $color-white;
|
2019-08-14 09:48:44 +00:00
|
|
|
font-size: $font-size-small;
|
2019-10-06 14:16:05 +00:00
|
|
|
|
2019-08-14 09:48:44 +00:00
|
|
|
.title {
|
|
|
|
color: $color-heading;
|
2019-10-06 14:16:05 +00:00
|
|
|
font-weight: $font-weight-medium;
|
2019-08-14 09:48:44 +00:00
|
|
|
}
|
2019-10-06 14:16:05 +00:00
|
|
|
|
2019-08-14 09:48:44 +00:00
|
|
|
.value {
|
|
|
|
font-size: $font-size-mega;
|
|
|
|
font-weight: $font-weight-light;
|
|
|
|
text-transform: capitalize;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.account-locked {
|
|
|
|
@include background-gray;
|
|
|
|
@include margin(0);
|
2019-10-06 14:16:05 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.lock-message {
|
|
|
|
@include flex;
|
|
|
|
@include full-height;
|
2019-10-20 08:04:19 +00:00
|
|
|
flex-direction: column;
|
2019-10-06 14:16:05 +00:00
|
|
|
@include flex-align(center, middle);
|
|
|
|
|
|
|
|
div {
|
2019-08-14 09:48:44 +00:00
|
|
|
@include flex;
|
|
|
|
@include full-height;
|
2019-10-20 08:04:19 +00:00
|
|
|
flex-direction: column;
|
2019-08-14 09:48:44 +00:00
|
|
|
@include flex-align(center, middle);
|
2019-10-06 14:16:05 +00:00
|
|
|
|
|
|
|
img {
|
|
|
|
@include margin($space-normal);
|
|
|
|
width: 10rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
span {
|
|
|
|
font-size: $font-size-small;
|
|
|
|
font-weight: $font-weight-medium;
|
|
|
|
text-align: center;
|
2019-08-14 09:48:44 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|