.page[name='checkout'] {
    background-color: #f8f8f8;
}
.page[name='checkout'] > .header {
    border-bottom: 1px solid #e0e0e0;
}
.page[name='checkout'] > .content > .orderReview > .addressAndTime > .button {
    border: 1px solid #e9e9e9;
    background-color: #ffffff;
}
.page[name='checkout'] > .content > .orderReview > .tableWrapper > .fTable > .content > table > tbody > tr > .items > div,
.page[name='checkout'] > .content > .orderReview > .tableWrapper > .fTable > .content > table > tbody > tr > .button,
.page[name='checkout'] > .content > .payment,
.page[name='checkout'] > .content > .notes {
    background-color: #ffffff;
    box-shadow: 0px 0px 5px rgba(53, 57, 94, 0.1); 
}
.page[name='checkout'] > .content > .payment > .header > .title {
    color: #555555;
}
.page[name='checkout'] > .bottomSheet[key='payablePrice'] > .content > .contracts > .formWrapper > .fForm > .fields > .field > .checkBox:not(.active) {
    border: 1.5px solid #555555;
}
.page[name='checkout'] > .content > .orderReview > .tableWrapper > .fTable > .content > table > tbody > tr > .button > .bottom > .wrapper {
    background-color: #f5f5f5;
}
.page[name='checkout'] > .content > .orderReview > .tableWrapper > .fTable > .content > table > tbody > tr > .button > .bottom > .wrapper > .price,
.page[name='checkout'] > .content > .orderReview > .tableWrapper > .fTable > .content > table > tbody > tr > .items > div > .top > .price > .total {
    color: #489dd1;
}
.page[name='checkout'] > .content > .payment > .header > .options > .button:not(.active) {
    background-color: #f5f5f5;
}
.page[name='checkout'] > .content > .payment > .header > .options > .button.active {
    background-color: #0373f3;
    color: #ffffff;
}
.page[name='checkout'] > .content > .payment > .addCard > .formWrapper > .fForm > .fields > .field > input {
    border: 1px solid #e9e9e9;
}
.page[name='checkout'] > .content > .payment > .cards > .tableWrapper > .fTable > .content > table > tbody > tr > .wrapper {
    color: #ffffff;
}
.page[name='checkout'] > .content > .payment > .cards > .tableWrapper > .fTable > .content > table > tbody > tr > .wrapper > .button.active {
    outline-color: #39b200;
}
.page[name='checkout'] > .content > .notes > .formWrapper > .fForm > .fields > .field[key='description'] > input {
    background-color: #f1f2f4;
}
.page[name='checkout'] > .content > .notes > .formWrapper > .fForm > .fields > .field > .switch > input:checked + .slider {
    background-color: #39b200;
    border: 1px solid #39b200;
}
.page[name='checkout'] > .content > .notes > .formWrapper > .fForm > .fields > .field > .switch > .slider {
    background-color: #e5e5e5;
    border: 1px solid #939393;
}
.page[name='checkout'] > .content > .notes > .formWrapper > .fForm > .fields > .field > .switch > .slider:before {
    background-color: #ffffff;
}
.page[name='checkout'] > .bottomSheet[key='address'] > .content > .tableWrapper > .fTable > .content > table > tbody > tr > td > .button {
    border: 2px solid #e9e9e9;
}
.page[name='checkout'] > .bottomSheet[key='address'] > .content > .tableWrapper > .fTable > .content > table > tbody > tr > td > .active {
    border: 2px solid #01a0e2;
}
.page[name='checkout'] > .bottomSheet[key='time'] > .content > .tabs,
.page[name='checkout'] > .bottomSheet[key='time'] > .content > .formWrapper > .fForm > .fields > .field,
.page[name='checkout'] > .bottomSheet[key='paymentMethods'] > .content > .formWrapper > .fForm > .fields > .field {
    border: 1px solid #e9e9e9;
}
.page[name='checkout'] > .bottomSheet[key='address'] > .content > .top > .button,
.page[name='checkout'] > .bottomSheet[key='time'] > .content > .tabs > .active {
    background-color: #0373f3;
    color: #ffffff;
}
.page[name='checkout'] > .bottomSheet[key='time'] > .content > .formWrapper > .fForm > .periods {
    color: #939393;
}
.page[name='checkout'] > .bottomSheet[key='time'] > .content > .formWrapper > .fForm > .fields > .field > .ellips {
    border: 2px solid #555555;
}
.page[name='checkout'] > .bottomSheet[key='time'] > .content > .formWrapper > .fForm > .fields > .active > .ellips {
    background-image: url('/images/tickGrey.svg');
}
.page[name='checkout'] > .bottomSheet[key='payablePrice'] > .content > .paymentInfo > .totalPrice > .value {
    color: #0373f3;
}
.page[name='checkout'] > .bottomSheet[key='payablePrice'] > .content > .paymentInfo > .button { 
    color: #ffffff;
    background-color: #0373f3;
}
.page[name='checkout'] > .bottomSheet[key='payablePrice'] > .content > .wrapper > .badge { 
    color: #ffffff;
    background-color: #39b200;
}
.page[name='checkout'] > .bottomSheet[key='payablePrice'] > .content > .contracts > .formWrapper > .fForm > .fields > .field > .active {
    background-image: url('/images/tickWhite.svg');
    background-color: #0373f3;
}
.page[name='checkout'] > .bottomSheet[key='payablePrice'] > .content > .orderDetails {
    background-color: #eeeeee;
}
.page[name='checkout'] > .navigationBar {
    background-color: #ffffff;
}

#text > .button {
    background-color: #0373f3;
    color: #ffffff;
}
#panel[ids='agreements'] > .content > .agreement > .content {
    border: 2px solid #e9e9e9;
}
#box[ids='paymentFailed'] {
    border: 4px solid rgba(229, 57, 53, 0.35);
}
#box[ids='paymentFailed'] > .text > .title {
    color: #e53935;
}
#box[ids='paymentFailed'] > .text > .guide {
    color: #a1a1a1;
}