.view[name='checkout'] {
    background-color: #1b1b1b;
}
#signInUpOverlay {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 80%, rgba(0, 0, 0, 0) 100%);
    backdrop-filter: blur(5px);
}
.view[name='checkout'] > .header {
    border-bottom: 1px solid #272727;
}
.view[name='checkout'] > .header > .center {
    color: #ffffff;
}
.view[name='checkout'] > .content > .requestDetails {
    background-color: #272727;
}
.view[name='checkout'] > .content > .requestDetails > .rules > .title {
    color: #ffffff;
}
.view[name='checkout'] > .content > .requestDetails > .rules > .button {
    background-color: rgba(255, 185, 15, 0.10);
    border: 1px solid rgba(245, 158, 11, 0.30);
}
.view[name='checkout'] > .content > .requestDetails > .rules > .button > span {
    color: #ffb90f;
}
.view[name='checkout'] > .content > .requestDetails > .tableWrapper > .fTable > .content > table > tbody > tr > td {
    color: #ffffff;
}
.view[name='checkout'] > .content > .requestDetails > .price > .subTotal {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.view[name='checkout'] > .content > .requestDetails > .price > .total {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.view[name='checkout'] > .content > .requestDetails > .price > div > .text {
    color: #aeaeae;
}
.view[name='checkout'] > .content > .requestDetails > .price > div:not(:last-child) > .value {
    color: #ffffff;
}
.view[name='checkout'] > .content > .requestDetails > .price > div:last-child > .value {
    color: #07cc71;
}
.view[name='checkout'] > .content > .method > .items > .item.active > .top > .side:first-child > .outerCircle {
    background-color: #4f8ef7;
}
.view[name='checkout'] > .content > .method > .items > .item.active > .top > .side:first-child > .outerCircle > .innerCircle {
    background-color: #ffffff;
}
.view[name='checkout'] > .content > .method > .items > .item:not(.active) > .top > .side:first-child > .outerCircle {
    border: 1px solid #aeaeae;
}
.view[name='checkout'] > .content > .method > .items > .item[key='gateway'] > .top > .side:first-child > .text {
    color: #ffffff;
}
.view[name='checkout'] > .content > .method > .items > .item[key='gateway'] > .top > .side:last-child > .button {
    background-color: rgba(0, 79, 59, 0.40);
    color: #07cc71;
}
.view[name='checkout'] > .content > .method {
    background-color: #272727;
}
.view[name='checkout'] > .content > .method > .title {
    color: #ffffff;
}
.view[name='checkout'] > .content > .method > .items > .item {
    background-color: #1b1b1b;
}
.view[name='checkout'] > .content > .requestDetails > .tableWrapper > .fTable > .content > table > thead > tr > th {
    color: #aeaeae;
}
.view[name='checkout'] > .content > .method > .items > .item[key='pos'] > .top > .side:first-child > .text {
    color: #aeaeae;
}
.view[name='checkout'] > .content > .cards {
    background-color: #272727;
}
.view[name='checkout'] > .content > .cards > .tabs {
    background-color: #1b1b1b;
}
.view[name='checkout'] > .content > .cards > .tabs > .button {
    color: #ffffff;
}
.view[name='checkout'] > .content > .cards > .tabs > .button.active {
    background-color: #0373f3;
}
.view[name='checkout'] > .content > .cards > .tableWrapper > .fTable > .content > table > tbody > tr > td[colspan] {
    color: #cccccc;
}
.view[name='checkout'] > .content > .cards > .tableWrapper > .fTable > .content > table > tbody > tr:not(.active) > td > .button {
    background-color: #1b1b1b;
}
.view[name='checkout'] > .content > .cards > .tableWrapper > .fTable > .content > table > tbody > tr.active > td > .button > .firstSide > .outerCircle > .innerCircle {
    background-color: #ffffff;
}
.view[name='checkout'] > .content > .cards > .formWrapper > .fForm > .fields > .field > label {
    color: #aeaeae;
}
.view[name='checkout'] > .content > .coupon > .button {
    color: #aeaeae;
    background-color: #323232;
    border: 2px dashed rgba(255, 255, 255, 0.10);
}
.view[name='checkout'] > .content > .coupon > .codes > .items > .code {
    background-color: #323232;
    border: 1px dashed rgba(255, 255, 255, 0.10);
}
.view[name='checkout'] > .content > .coupon > .codes > .items > .code > .text {
    color: #ffffff;
}
.view[name='checkout'] > .content > .coupon > .codes > .add {
    color: #aeaeae;
}
.view[name='checkout'] > .content > .cards > .formWrapper > .fForm > .fields > .field > input {
    background-color: #1b1b1b;
    color: #ffffff;
}
.view[name='checkout'] > .content > .cards > .formWrapper > .fForm > .fields > .field > input::placeholder {
    color: #aeaeae;
}
.view[name='checkout'] > .content > .cards > .tableWrapper > .fTable > .content > table > tbody > tr:not(.active) > td > .button > .firstSide > .outerCircle {
    border: 1px solid #aeaeae;
}
.view[name='checkout'] > .content > .cards > .tableWrapper > .fTable > .content > table > tbody > tr > td > .button > .firstSide > .number {
    color: #ffffff;
}
.view[name='checkout'] > .content > .cards > .tableWrapper > .fTable > .content > table > tbody > tr.active > td > .button > .firstSide > .outerCircle {
    background-color: #4f8ef7;
}
.view[name='checkout'] > .content > .cards > .tableWrapper > .fTable > .content > table > tbody > tr.active > td > .button {
    background-color: rgba(3, 115, 243, 0.20);
    border: 1px dashed rgba(255, 255, 255, 0.10);
}
.view[name='checkout'] > .content > .contract > .checkBox {
    border-color: #aeaeae;
}
.view[name='checkout'] > .content > .contract > .checked {
    background-image: url('/images/tickWhite.svg');
}
.view[name='checkout'] > .content > .contract > .text {
    color: #aeaeae;
}
.view[name='checkout'] > .content > .button {
    color: #ffffff;
    background-color: #0373f3;
}

#panel[ids='signInUpCheckout'] {
    border-top: 4px solid #004fa9;
    background-color: #272727;
}
#panel[ids='signInUpCheckout'] > .content > .imageWrapper {
    background-color: #0373f3;
}
#panel[ids='signInUpCheckout'] > .content > .title {
    color: #ffffff;
}
#panel[ids='signInUpCheckout'] > .content > .description {
    color: #ffffff;
}
#panel[ids='signInUpCheckout'] > .content > .description > span {
    color: #fb411c;
}
#panel[ids='signInUpCheckout'] > .content > .formWrapper > .fForm > .fields > .field > input::placeholder {
    color: color: rgba(255, 255, 255, 0.30);
}
#panel[ids='signInUpCheckout'] > .content > .formWrapper > .fForm > .fields > .field > input,
#panel[ids='signInUpCheckout'] > .content > .formWrapper > .fForm > .fields > .field > .input {
    color: #ffffff;
    background: #1e1e1e;
}
#panel[ids='signInUpCheckout'] > .content > .formWrapper > .fForm > .fields > .field > .message > .error {
    color: #f23002;
}
#panel[ids='signInUpCheckout'] > .content > .formWrapper > .fForm > .fields > .field > .message > .info {
    color: #666666;
}
#panel[ids='signInUpCheckout'] > .content > .contract > .checkBox {
    border-color: #666666;
    background-color: #333333;
}
#panel[ids='signInUpCheckout'] > .content > .contract > .checked {
    background-image: url('/images/tickWhite.svg');
}
#panel[ids='signInUpCheckout'] > .content > .contract > .text {
    color: #ffffff;
}
#panel[ids='signInUpCheckout'] > .content > .button {
    color: #ffffff;
    background-color: #0373f3;
}
#panel[ids='saveCard'] {
    border-top: 4px solid #0373f3;
    background-image: linear-gradient(150deg, rgba(3 115 243 / 10%) 0%, #272727 70%);
}
#panel[ids='saveCard'] > .content > .imageWrapper {
    background-color: #0373f3;
}
#panel[ids='saveCard'] > .content > .title {
    color: #ffffff;
}
#panel[ids='saveCard'] > .content > .card > .wrapper > .top > .name,
#panel[ids='saveCard'] > .content > .card > .wrapper > .number {
    color: #ffffff;
}
#panel[ids='saveCard'] > .content > .card > .wrapper > .bottom > div:not(.button) > .title {
    color: #aeaeae; 
}
#panel[ids='saveCard'] > .content > .card > .wrapper > .bottom > div:not(.button) > .date,
#panel[ids='saveCard'] > .content > .card > .wrapper > .bottom > div:not(.button) > .number {
    color: #ffffff;
}
#panel[ids='saveCard'] > .content > .button[key='no'] {
    background-color: #1b1b1b;
    color: #aeaeae;
}
#panel[ids='saveCard'] > .content > .button[key='yes'] {
    background-color: #0373f3;
    color: #ffffff;
}